Create parent and children page in Wordpress with BreadCrumb

 First go to dashboard create to pages Our History and Our Goal with dummy content and also from sidebar menu select Page attribute parent About us for these pages and publish.

Now we make breadcrumb box dynamic so follow along

I want display current page title in page.php metabox so add below code ->

 <p>
      <a class="metabox__blog-home-link" href="#"><i class="fa fa-home" aria-hidden="true"></i> Back to About Us</a>
      <span class="metabox__main"><?php the_title()  ?></span>
    </p>

and save.

Now we want to display breadcrumb in only child pages so follow below code ->

for this we use in get_the_ID() function which return the post page Id and wp_get_post_parent_id() which will check get_the_ID() function return id have parent or not if parent have return Parent ID  if not return 0

Now to test lest create another child page in Privacy Policy -> Cookie Policy

and check page you will see static title for that parent page so follow below code change metabox code like below ->

 <?php
   $theParent = wp_get_post_parent_id(get_the_ID());
  if($theParent) { ?>
  <div class="metabox metabox--position-up metabox--with-home-link">
    <p>
      <a class="metabox__blog-home-link" href="<?php echo get_the_permalink($theParent) ?>"><i class="fa fa-home"
          aria-hidden="true"></i> Back to
        <?php echo get_the_title($theParent);  ?></a>
      <span class="metabox__main"><?php the_title()  ?></span>
    </p>
  </div>

  <?php  }  ?>

and save..

Comments

Post a Comment

Popular posts from this blog

Basics Of PHP

 Introduction to PHP PHP (Hypertext Preprocessor) is a server-side scripting language designed for web development. PHP code is executed on the server, and the result is sent to the browser as plain HTML. PHP statements end with a semicolon ; . PHP is case-sensitive for variable names but not for keywords. Variables Variables declared with $ symbol -> $name =  "Anil"; Types are determined automatically (loosely typed). Variable names must start with a letter or an underscore _. Data Types String → "Hello, World!" Integer → 25 Float → 10.5 Boolean → true or false Array → ["PHP", "MySQL", "JavaScript"] Object → Instance of a class NULL → Represents a variable with no value Strings Functions strlen($str) → Returns the length of a string. str_replace("find", "replace", $str) → Replaces text within a string. strtolower($str) → Converts to lowercase. strtoupper($str) → Converts to uppercase. substr($str, start,...
Read more

Creating App.js for Node Application

 In this post we will setup app.js file to make app running first write below code below ->  import express from "express" import cors from "cors" import morgan from "morgan" const app = express () app. use ( cors ()) app. use ( express . json ()) app. use ( morgan("dev") ) app. get ( '/' , ( req , res ) => {     res . json ({message: "CMS Backend API Running." }) }) export default app and save  express.json() — JSON body parse karta hai cors() — frontend (Next.js) ko API call karne deta hai morgan("dev") — console me request logs dikhata hai Base route / — test karne ke liye ready hai
Read more

WordPress Full Guide For Developer

WordPress Setup in Localhost The Famous loop in Wordpress for Generating posts Setting global Header and Footer in Wordpress Convert static HTML template into wordpress Interior Page Template Dynamic in Wordpress Display dynamic title in Browser tab for wordpress for every page Make manually menu links for wordpress Add homepage url in Header logo in wordpress Create parent and children page in Wordpress with BreadCrumb
Read more