Including custom shortcodes into the page builder.

[Puneeth]

I am trying to include custom made shortcodes created by a custom plugin. When trying to include these into the page builder, I don’t get the output as expected.

For the page http://103.254.139.90/~milcomedu/telecommunications-courses/

I tried to add the shortcode [cab_10] which renders html content into the accordion item, Optical fibre endorsement.

I need to ensure that the content is generated within the accordion and not populate itself outside the group.

Maybe the html needs to be written in a certain way to achieve this? Please find the code that the shortcode populates…

<?php
// Prevent script hijacking
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly.
}

if ( ! class_exists( 'WooCommerce' ) ) ;
?>
<h2><img class="alignright wp-image-21" src="http://wordpress.milcom.edu.au/wp-content/uploads/2016/01/NRT_logo-300x225.jpg" alt="NRT_logo" width="89" height="67" />CAB-10 Optical Fibre Internal Cabling Endorsement</h2>
<p>This optical fibre endorsement course is designed for you to achieve the required skills and knowledge to competently conduct optical fibre cabling. After completing this course, you will be able to identify the different forms of this kind of cable, gain an understanding of the propagation of light through the fibre. You will also understand its various connection and splicing methods, and where they are used in installations.

Once you successfully complete this course you can apply for the Optical Fibre Internal Cabling Endorsement on your Open Registration Licence.

The endorsement covers work with optical fibre on domestic or commercial premises.

Please note you should already hold the Open Registration Licence or have completed the Open Registration course before attending this course.</p>
<h2><strong>Learning Outcomes</strong><strong>
</strong></h2>
After successfully completing this course, you will be able to
<ul>
	<li>fully understand how light is propagated and how it is transmitted via optical fibre cable</li>
	<li>describe the light sources used for transmission</li>
	<li>understand the various types of fibre and when each is used</li>
	<li>understand the construction of optic fibre cable</li>
	<li>be conversant with the various types of jointing and termination methods involving this kind of cable</li>
	<li>identify the different types of fibres available</li>
	<li>perform a fusion splice in fibre</li>
	<li>install the various types of connectors on this kind of cable</li>
	<li>test a splice and interpret the results on OTDR Fibre Tester</li>
	<li>utilise the various types of splicing and test equipment</li>
	<li>demonstrate all safety requirements required when working with optical fibre</li>
	<li>understand the different components used in a simple fibre network</li>
</ul>
<h2><strong>Units of competency</strong></h2>
For successful completion of this course, you need to complete and demonstrate competency in one unit of competency:
<ul>
	<li>ICTCBL3010B Install and terminate optical fibre cable on customer premises</li>
</ul>
<h2><strong>
Course duration and delivery mode</strong></h2>
This course will be delivered in two full day face-to-face training sessions, on consecutive days in one of the MILCOM training centres or at a mutually convenient and suitable location, for a sufficiently large group of participants.

[David Martin – Support]

Hi there,

That page leads to a 404?

That customisation is really beyond our scope of support as it is more work than a small customisation.

We recommend that you seek a freelance developer if you need to make that customisation:

https://codeable.io
http://werkpress.com
http://www.microlancer.com

Thanks.

[Puneeth]

This reply has been marked as private.

[David Martin – Support]

Is this the page?

If the content is rendered outside the accordion, it’s likely a HTML issue in the above code. I’ve never really seen shortcode output content be written as above.

To create a shortcode content, within your child theme functions.php file:

// Add Shortcode
function custom_shortcode() {
	// Code output
	return '<div class="test"><strong>Hello World</strong></div>';
}
add_shortcode( 'custom_shortcode', 'custom_shortcode' );

You can then add the shortcode to the post/page using this: [custom_shortcode]

Thanks.