I am using this code, but nothing is being shown on the front page. It seems the shortcode is registered correctly though.
function choose_ashtopbar() {
?><img src="/images/flag_globe2.png" class="ttupmg" /><div class="dmzeus"><ul><li class="f-selection">London<ul><li>New York</li><li>Paris</li><li>Milan</li></ul></li></ul></div><?php
}
function register_ashcodes(){
add_shortcode('ashtopbar', 'choose_ashtopbar');
}
add_action( 'init', 'register_ashcodes');
As birgire mentioned in the comments, "you're missing the return part" to which you replied "how do I add that without escaping the HTML code?"
EDIT: Just a clarification. Your code should have worked, as pointed out by dswebsme. I just tested with and without a return, and both work (although returning would be preferred). The next question would be: are you putting your shortcode tag properly in to your content? e.g. [ashtopbar/] ? and it's not misspelled, right?
Leaving the section about heredoc anyway:
In PHP, you have a number of ways to get complex data (including HTML) in to a string variable. In your case, I would use PHP's heredoc syntax, as you can put virtually anything inside of it and not have to escape the syntax:
<?php
function choose_ashtopbar() {
$html = <<<HTML
<img src="/images/flag_globe2.png" class="ttupmg" />
<div class="dmzeus">
<ul>
<li class="f-selection">London
<ul>
<li>New York</li>
<li>Paris</li>
<li>Milan</li>
</ul>
</li>
</ul>
</div>
HTML;
return $html;
}
function register_ashcodes(){
add_shortcode('ashtopbar', 'choose_ashtopbar');
}
# I'm guessing init has already run by this point
# add_action( 'init', 'register_ashcodes');
# Use a different hook or just register your code
register_ashcodes();
Essentially, your original code was just echoing the HTML when add_shortcode ran the choose_ashtopbar function, which is probably not what you wanted.
init hook. You're registering your shortcode on init, but my guess is that init has already happened by this point. Try replacing the add_action line with a direct call to register_ashcodes() instead.
Why are you using all that. Can't you simply define shortcode with add_shortcode?
Here is the function.
Also yes, you are missing the return in your function. Finished code here.
function choose_ashtopbar( $atts, $content ) {
return '<img src="/images/flag_globe2.png" class="ttupmg" /><div class="dmzeus"><ul><li class="f-selection">London<ul><li>New York</li><li>Paris</li><li>Milan</li></ul></li></ul></div>';
}
add_shortcode( 'ashtopbar', 'choose_ashtopbar' );
Your code works as expected. Two things you need to check:
1) In order for shortcodes to render as expected you need to use the_content() within the loop OR wrap your content in apply_filters() as shown here:
echo apply_filters('the_content', $my_content);
The apply_filters() helper tells WordPress to parse the content before it's rendered, resolving things like shortcodes, line breaks, etc. Within the loop, the_content() handles the call to apply_filters() automatically.
2) Be sure you clear any server side or local cache that may be in place while debugging to ensure you can see your changes as you make them.
returnpart of the shortcode's callback.