Шорткод не работает на сайте Wordpress

Question

Я работал над сайтом WordPress. Несколько дней назад я сменил тему. Мой предыдущий из них поддерживал шорткод WordPress. Я использовал [box type = ”shadow”] для создания тени. Например,

[box type = ”shadow”] Lorem Ipsum - просто фиктивный текст индустрии печати и набора текста. [/ Box] и outuput отображались так, как показано на рисунке ниже

Я не хочу использовать плагин для этого. Я хочу сделать это с чистым кодом.

Answer 1

Шорткод очень популярен в WordPress.

Вот как это работает.

function boxShow($atts, $content = null ){
    //default values
    $option = shortcode_atts( array(
         'type' => '',
    ), $atts );

    ob_start(); 

    $class = $option[ 'type' ] ? 'shadow' : 'normal';

    //HTML goes here
    ?>
    <div class="box <?php echo $class; ?>"><?php echo $content; ?></box>

    <?php
    $output = ob_get_clean();
    return $output;
}
add_shortcode( 'box', 'boxShow' );

Вы можете управлять дизайном с классом, определенным с типом коробки.

Вы можете использовать в текстовом редакторе с этим форматом

[box type="shadow"]Your content here[/box]

Если вы хотите использовать в качестве уровня кода, используйте этот формат:

<?php echo do_shortcode( '[box type="shadow"]this is text[/box]' ); ?>

Для лучшего понимания WordPress Shortcode API

Answer 2

Если вы не хотите использовать плагин, вы можете написать код прямо в functions.php в папке вашей темы.

// functions.php
function boxShow($atts, $content = null){
     return '<div class="box">'.$content.'</div>';
} 

add_shortcode('box',boxShow);

После этого вы можете добавить шорткод на своих страницах:

[box]Text[/box]

Посмотрите в этом руководстве больше информации: https://speckyboy.com/getting-started-with-wordpress-shortcodes-examples/