something like this…

<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Can this be a custom short code?</span>

thanks

Thanks for writing in!

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After that you can add following code in your child theme’s functions.php file:

// Custom Shortcode
// =============================================================================

function custom_shortcode() {
   $output =  '<span style="color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;">Can this be a custom short code?</span>';
   return $output;
}

add_filter('init', 'add_custom_shortcode');

function add_custom_shortcode() {
   add_shortcode('custom_shortcode_name', 'custom_shortcode');
}

Now you can replace custom_shortcode_name with your custom shortcode’s name and you can insert it in your website like this:

[custom_shortcode_name]

Adding it to the shortcodes option, requires more in depth customization, that regretfully will fall beyond the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks!

Now how do I put multiple shortcuts in the child themes functions.php file?

For more details on creating shortcodes, please see the links below.

http://codex.wordpress.org/Shortcode_API
https://code.tutsplus.com/tutorials/wordpress-shortcodes-the-right-way–wp-17165
http://www.elegantthemes.com/blog/tips-tricks/how-to-create-shortcodes-in-wordpress
http://www.smashingmagazine.com/2012/05/01/wordpress-shortcodes-complete-guide/

Thanks.

which works, then on the second one there is:
add_shortcode(‘full_logo’, ‘full_logo’);

notice that the second ones name is repeated perfectly where the first one is different but does work.
SO my guess is this is sloppy and shouldn’t be.
So, can someone tell me the proper way to code this and or is there a shorter way to do multiple short codes using the below example:

// Custom Shortcode – I added
// =============================================================================

function custom_shortcode() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>)</span>;
return $output;
}

add_filter(‘init’, ‘add_custom_shortcode’);

function add_custom_shortcode() {
add_shortcode(‘custom_shortcode_logo’, ‘custom_shortcode’);
}

function full_logo() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logo</span>;
return $output;
}

add_filter(‘init’, ‘add_full_logo’);

function add_full_logo() {
add_shortcode(‘full_logo’, ‘full_logo’);
}

function logo+() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logo+</span>;
return $output;
}

add_filter(‘init’, ‘add_logo+’);

function add_logo+() {
add_shortcode(‘logo+’, ‘logo+’);
}

Thank You

// Custom Shortcode – added
// =============================================================================

function custom_shortcode() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logo</span>;
return $output;
}

add_filter(‘init’, ‘add_custom_shortcode’);

function add_custom_shortcode() {
add_shortcode(‘custom_shortcode_logo’, ‘custom_shortcode’);
}

function full_logo() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logo</span>;
return $output;
}

add_filter(‘init’, ‘add_full_logo’);

function add_full_logo() {
add_shortcode(‘full_logo’, ‘full_logo’);
}

function logo() {
$output = ‘<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logo</span>;
return $output;
}

add_filter(‘init’, ‘add_logo’);

function add_logo() {
add_shortcode(‘logo’, ‘logo’);
}

function logoplus() {
$output = ‘Website Name<span style=”color: #ff0000; line-height: 10px; vertical-align: middle; letter-spacing: -1px;”>Logoplus</span>’;
return $output;
}

add_filter(‘init’, ‘add_logoplus’);

function add_logoplus() {
add_shortcode(‘logoplus’, ‘logoplus’);
}

Sorry for the confusion. We’d love to help you with your concern however, your request falls beyond the scope of our support since creating shortcodes is not part of X. We can only give you an example.

You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thank you for understanding.