$conf, $runtime; function_exists('chdir') AND chdir(APP_PATH); $r = 'mysql' == $conf['cache']['type'] ? website_set('runtime', $runtime) : cache_set('runtime', $runtime); } function runtime_truncate() { global $conf; 'mysql' == $conf['cache']['type'] ? website_set('runtime', '') : cache_delete('runtime'); } register_shutdown_function('runtime_save'); ?>functions - Custom <blockquote> HTML markup|Programmer puzzle solving
最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

functions - Custom <blockquote> HTML markup

matteradmin6PV0评论

In Wordpress, I would like to add a custom styling to the <blockquote> elements, replacing Wordpress' default usage by using a function (or however is easiest).

When using the WYSIWYG editor, highlighting text, and then clicking the "blockquote" button, I would like the highlighted text to be wrapped with the following HTML rather than just a <blockquote> tag:

<div class="span3 quote well"> 
  <i class="icon-quote-left icon-2x pull-left icon-muted"></i>
  <blockquote class="lead">HIGHLIGHTED TEXT</blockquote>
</div>

In Wordpress, I would like to add a custom styling to the <blockquote> elements, replacing Wordpress' default usage by using a function (or however is easiest).

When using the WYSIWYG editor, highlighting text, and then clicking the "blockquote" button, I would like the highlighted text to be wrapped with the following HTML rather than just a <blockquote> tag:

<div class="span3 quote well"> 
  <i class="icon-quote-left icon-2x pull-left icon-muted"></i>
  <blockquote class="lead">HIGHLIGHTED TEXT</blockquote>
</div>
Share Improve this question edited Apr 19, 2013 at 14:15 adamdehaven asked Apr 19, 2013 at 14:01 adamdehavenadamdehaven 1055 bronze badges 2
  • 1 Why not use a shortcode for that? This way you can leave the functionality as is, still have your individual markup, and bundled as a plugin, you can easily take it with you to another WP install, for example. – tfrommen Commented Apr 19, 2013 at 14:06
  • How would I go about doing that? – adamdehaven Commented Apr 19, 2013 at 14:14
Add a comment  | 

1 Answer 1

Reset to default 2

Put this in your functions.php:

add_shortcode('my_blockquote', 'my_blockquote');
function my_blockquote($atts, $content) {
    return '<div class="span3 quote well">'.PHP_EOL
        .'<i class="icon-quote-left icon-2x pull-left icon-muted"></i>'.PHP_EOL
        .'<blockquote class="lead">'.$content.'</blockquote>'.PHP_EOL
        .'</div>';
}

Then, on a page/post, just write:

[my_blockquote]Content goes here...[/my_blockquote]

and that's it.


// EDIT: To add a quicktag button, put this also in functions.php:

function add_blockquote_quicktag() {
?>
    <script type="text/javascript">
    QTags.addButton( 'my_blockquote', 'B', '[my_blockquote]', '[/my_blockquote]', 'B', 'My blockquote', 1 );
    </script>
<?php
}
add_action( 'admin_print_footer_scripts', 'add_blockquote_quicktag' );
Post a comment

comment list (0)

  1. No comments so far