#
Page
This article provides an overview of the shortcodes that make it easy to add complex functionality to webpages. The shortcodes, use cases, and attributes are provided below.
#
Parent Description
Retrieves the current description of the parent folder. This self-enclosing short code contains no attributes.
Shortcode:
[parent_description]
Code Example:
<p>[parent_description]</p>
#
Section Title
Retrieves the folder title that contains a page but reverts to the page title if the parent folder of the page is the site root. This self-enclosing shortcode has no attributes.
Shortcode:
[section_title]
Code Example:
<section class="ct-page_title">
<h1>[section_title]<h1>
</section>
#
Section Description
This retrieves the folder description that contains a page but refers to the page description if parent folder of the page is the site root. This self-enclosing shortcode has no attributes.
Shortcode:
[section_description]
Code Example:
<div class="ct-page_title-content">
<h1>About Us</h1>
<p>[section_description]</p>
</div>
#
Solodev Nav
Displays the structured folders in the navigation (left or main).
Attributes:
Shortcode:
[solodev_nav]
Code Example:
<div class="nav main-nav">
[solodev_nav parent_category_id="14742" levels="2" nav_class="navbar-nav navbar-right"]
</div>
#
Breadcrumb
Returns the formatted breadcrumb tail for the current page. This shortcode creates dynamic breadcrumbs on every web page to which it is added. Breadcrumb refers to a navigation element that displays the path in which the current page resides. The breadcrumb displays all parent folders up to the www folder.
Attributes:
Shortcode:
[breadcrumb]
Code Example:
<div class="breadcrumb-container">
<ul class="breadcrumb">
[breadcrumb home_overwrite='<i class="fas fa-home fa-lg"></i>' delimiter="-"]
</ul>
</div>
#
Social Share
Adds social share buttons that link to social media accounts using images or Font Awesome icons.
Attributes [social_share_img]
:
Attributes [social_share_fa]
:
Shortcode:
[social_share_img]
[social_share_fa]
Code Example using Font Awesome:
<div class="col-md-4">
[social_share_fa domain="www.webcorpco.com" protocol="http" facebook="true" twitter="true" linkedin="true"]
</div>
Code Example using Images:
<div class="col-md-4">
[social_share_img domain="www.webcorpco.com" protocol="http" facebook="true" twitter="true" linkedin="true"]
</div>
#
Page Path
Retrieves the URL path to a page. This self-enclosed attribute has no attributes.
Shortcode:
[page_path]
Code Example:
<ul>
<li><a href="[page_path]">Home</a></li>
<ul>
#
URL var
Returns the name of the $_REQUEST variable that is set. Developers can use this to dynamically populate confirmation or thank you form submission pages.
Attributes:
Shortcode:
[url_var]
Code Example:
[url_var name = "firstname"]
Code block here
[/url_var]