Как создать шорткод с HTML и PHP содержимым?
Я хочу создать шорткод для одного из элементов контента темы.
Содержимое моего шаблона:
<section id="standing" style="background-image: url('<?php echo (get_option('pixieclash-standings-background') && get_option('pixieclash-standings-background') != null) ? esc_url(get_option('pixieclash-standings-background')) : get_stylesheet_directory_uri() . '/images/standings-bg.jpg' ?>');">
<div class="container">
<?php
$headTxt = get_option('pixieclash-standings-section-heading-top');
$bottomText = get_option('pixieclash-standings-section-heading-bottom');
?>
<?php if(!empty($headTxt) || !empty($bottomText)): ?>
<article class="head">
<?php if(!empty($headTxt)): ?>
<h4><?php echo esc_attr($headTxt); ?></h4>
<?php endif; ?>
<?php if(!empty($bottomText)): ?>
<h3><?php echo esc_attr($bottomText); ?></h3>
<?php endif; ?>
</article>
<?php endif; ?>
<?php
$groups = pixieclash_standings_groups();
if(!empty($groups)):
$i = 1;
$onlyOne = count($groups) > 1 ? '' : 'onlyOne';
foreach($groups as $group):
$competitors = pixieclash_standings($group['id']);
?>
<article class="table <?php echo ($i % 2 != 0) ? 'first' : 'second' ?> <?php echo $onlyOne ?>">
<h5 class="group-name"><?php esc_html_e('Group', 'pixieclash') ?> <?php echo esc_attr($group['name']) ?></h5>
<table class="table-body">
<thead>
<tr>
<th><?php esc_html_e('Competitor', 'pixieclash') ?></th>
<th rel="match<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('M', 'pixieclash') ?></th>
<th rel="win<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('W', 'pixieclash') ?></th>
<th rel="till<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('T', 'pixieclash') ?></th>
<th rel="loss<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('L', 'pixieclash') ?></th>
<th rel="point<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('P', 'pixieclash') ?></th>
</tr>
</thead>
<tbody>
<?php if(!empty($competitors)): foreach($competitors as $competitor): ?>
<tr>
<td>
<figure>
<img src="<?php echo esc_url($competitor['logo']) ?>" alt="<?php echo esc_attr($competitor['name']) ?>">
</figure>
<?php echo esc_attr($competitor['name']) ?>
</td>
<td rel="match<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['played']) ?></td>
<td rel="win<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['wins']) ?></td>
<td rel="till<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['till']) ?></td>
<td rel="loss<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['losses']) ?></td>
<td rel="point<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['points']) ?></td>
</tr>
<?php endforeach; else: ?>
<tr>
<td colspan="6"><?php esc_html_e('No competitors', 'pixieclash') ?></td>
</tr>
<?php endif; ?>
</tbody>
</table>
</article>
<?php $i ++; endforeach; endif; ?>
</div>
</section>
Я пробовал создать шорткод с помощью add_shortcode('table', 'имя этой функции');
, но это не сработало.
Как я могу это сделать?
Чтобы создать шорткод из ваших функций, необходимо использовать следующий код:
function my_shortcode_function(){
if (get_option('pixieclash-standings-background') && get_option('pixieclash-standings-background') != null) {
$background = esc_url(get_option('pixieclash-standings-background'))
} else {
$background = get_stylesheet_directory_uri() . '/images/standings-bg.jpg';
}
$headTxt = get_option('pixieclash-standings-section-heading-top');
$bottomText = get_option('pixieclash-standings-section-heading-bottom');
if(!empty($headTxt)){
$text_header = '<h4>'. esc_attr($headTxt);.'</h4>';
} else {
$text_header = '';
}
if(!empty($bottomText)) {
$text_footer = '<h3>'.esc_attr($bottomText); .'</h3>';
} else {
$text_footer ='';
}
if(!empty($headTxt) || !empty($bottomText)){
$container = '<article class="head">'. $text_header . $text_footer.'</article>';
}
$groups = pixieclash_standings_groups();
if(!empty($groups)) {
$i = 1;
$onlyOne = (count($groups) > 1 ) ? '' : 'onlyOne';
$competitors ='';
foreach($groups as $group){
$competitors .= pixieclash_standings($group['id']);
}
}
$data = '
<section id="standing" style="background-image: url("'.$background.'");">
<div class="container">'.$container.$competitors'</div>
</section>';
return $data;
}
add_action('my-table-shortcode','pixieclash_standings_two');
Обязательно выберите уникальное имя для вашего шорткода.
Теперь используйте следующий код для вывода вашего шорткода:
[my-table-shortcode]
Или используйте do_shortcode()
в PHP-файле:
echo do_shortcode('[my-table-shortcode]');
Примечание: Учтите, что у меня не было доступа к вашим функциям, поэтому я не могу гарантировать работоспособность кода. Вы можете проверить лог ошибок, если код не работает так, как задумано.
ОБНОВЛЕНИЕ
Есть более простое решение, которое, как мне кажется, лучше подойдет в вашем случае — использование ob_start()
. Эта функция записывает весь вывод вашего контента и сохраняет его в переменной для последующего возврата. Взгляните на этот пример:
function my_content_shortcode(){
ob_start();?>
<section id="standing" style="background-image: url('<?php echo (get_option('pixieclash-standings-background') && get_option('pixieclash-standings-background') != null) ? esc_url(get_option('pixieclash-standings-background')) : get_stylesheet_directory_uri() . '/images/standings-bg.jpg' ?>');">
<div class="container">
<?php
$headTxt = get_option('pixieclash-standings-section-heading-top');
$bottomText = get_option('pixieclash-standings-section-heading-bottom');
?>
<?php if(!empty($headTxt) || !empty($bottomText)): ?>
<article class="head">
<?php if(!empty($headTxt)): ?>
<h4><?php echo esc_attr($headTxt); ?></h4>
<?php endif; ?>
<?php if(!empty($bottomText)): ?>
<h3><?php echo esc_attr($bottomText); ?></h3>
<?php endif; ?>
</article>
<?php endif; ?>
<?php
$groups = pixieclash_standings_groups();
if(!empty($groups)):
$i = 1;
$onlyOne = count($groups) > 1 ? '' : 'onlyOne';
foreach($groups as $group):
$competitors = pixieclash_standings($group['id']);
?>
<article class="table <?php echo ($i % 2 != 0) ? 'first' : 'second' ?> <?php echo $onlyOne ?>">
<h5 class="group-name"><?php esc_html_e('Группа', 'pixieclash') ?> <?php echo esc_attr($group['name']) ?></h5>
<table class="table-body">
<thead>
<tr>
<th><?php esc_html_e('Участник', 'pixieclash') ?></th>
<th rel="match<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('М', 'pixieclash') ?></th>
<th rel="win<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('П', 'pixieclash') ?></th>
<th rel="till<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('Н', 'pixieclash') ?></th>
<th rel="loss<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('В', 'pixieclash') ?></th>
<th rel="point<?php echo esc_attr($group['id']) ?>"><?php esc_html_e('О', 'pixieclash') ?></th>
</tr>
</thead>
<tbody>
<?php if(!empty($competitors)): foreach($competitors as $competitor): ?>
<tr>
<td>
<figure>
<img src="<?php echo esc_url($competitor['logo']) ?>" alt="<?php echo esc_attr($competitor['name']) ?>" title="<?php echo esc_attr($competitor['name']) ?>">
</figure>
<?php echo esc_attr($competitor['name']) ?>
</td>
<td rel="match<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['played']) ?></td>
<td rel="win<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['wins']) ?></td>
<td rel="till<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['till']) ?></td>
<td rel="loss<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['losses']) ?></td>
<td rel="point<?php echo esc_attr($group['id']) ?>"><?php echo esc_attr($competitor['points']) ?></td>
</tr>
<?php endforeach; else: ?>
<tr>
<td colspan="6"><?php esc_html_e('Нет участников', 'pixieclash') ?></td>
</tr>
<?php endif; ?>
</tbody>
</table>
</article>
<?php $i ++; endforeach; endif; ?>
</div>
</section><?php
$content = ob_get_contents();
ob_end_clean();
return $content;
}
add_action('my-table-shortcode','my_content_shortcode');
Теперь использование [my-table-shortcode]
в текстовом виджете или контенте будет работать так же, как и ваш раздел, аналогично использованию echo do_shortcode('[my-table-shortcode]');
в PHP-файле.

@Nienormalny_ Я добавил для тебя ещё одно простое решение. Просто скопируй UPDATE ответ в свой файл functions.php
и используй шорткод. И если это сработает, единственное, что ты можешь сделать — это принять и/или проголосовать за ответ в ответ :)

Когда я вставляю этот код в functions.php, у меня показывает белую страницу. Когда я вставляю его под оригинальный код <section> с <?php...?>, то показывает мне название шорткода в скобках.

@Nienormalny_ Возможно, есть синтаксическая ошибка или проблема с php-тегами <?php
и ?>
. Пожалуйста, проверь лог ошибок для получения дополнительной информации или включи WP_DEBUG
в своей установке.

// Шорткод для генерации динамического сайдбара function sidebar_detail_payedpost( $shortcode_attr, $shortcode_content ) {
// echo "sidebar";
$current_cat_id = get_queried_object_id();
$count_post=get_term($current_cat_id);
$city = isset($_GET['locationID']) ? base64_decode($_GET['locationID']) : $_SESSION['prefer_city'];
$args = array(
'post_type' => 'classified',
'tax_query' => array(
array(
'taxonomy' => 'classified_location',
'field' => 'id',
'terms' => array($city),
'operator' => 'IN',
)
),
);
$result = new WP_Query($args);
// echo $result->found_posts;
// print_r($result);
// echo "</pre>";
if ( $result-> have_posts() ){
while ( $result->have_posts() ){
$result->the_post();
?>
<!-- <div class="container post_box"> -->
<div class="container">
<?php
$data=get_the_post_thumbnail();
?>
<div class="SidebarPost">
<a href="<?php echo get_permalink(); ?>" data-img='<?php echo ($data); ?>' class="postimage_sidebar" ><?php echo ($data); ?>
</a>
<h5><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h5>
</div>
</div>
<?php
}
}
}
add_shortcode('DisplayPayablePost', 'sidebar_detail_payedpost');
Этот код отображает платные записи в сайдбаре и отлично работает у меня. Вы можете добавлять HTML и PHP таким образом.
Это полностью протестированный и корректный код, я надеюсь, он сработает и у вас.
