Как добавить контент в the_content() в Wordpress с помощью хука

Question

Быстрый вопрос:

допустим, это мой контент div:

<div id="content">
    <ul id="featured-controllers" class="clearfix">
       <li class="first" style="min-height: 182.167px;">
          <div class="et_slide_hover" style="opacity: 0; display: block;"></div>
          <div class="controller">
             <h2>Volunteers have more fun</h2>
          </div>
          <div class="et_animated_bar" style="display: block; width: 238.055px; left: 0.488656px; overflow: hidden;"></div>
      </li>
      <li style="min-height: 182.167px;" class="">
          <div class="et_slide_hover" style="display: block; opacity: 0;"></div>
          <div class="controller">
              <h2>Mark your calendar</h2>
              Check out our schedule of upcoming events...</p>
          </div>
         <div class="et_animated_bar" style="display: none; width: 239px; left: 0px;"> </div>
     </li>
  </ul>
  <div id="services" class="clearfix">
       <div class="service">
           <h3>Sample Page</h3>
             <p>
             <a href="http://collaborativecommunityprogram.org/wp-content/uploads/sample.png">
            <img class="alignnone size-medium wp-image-12" width="300" height="84" src="http://collaborativecommunityprogram.org/wp-content/uploads/sample-300x84.png" alt="sample">
            </a>
            </p>
      </div>
  </div>
  <div id="footer">
       <div id="footer-widgets" class="clearfix">
           <div class="footer-widget" style="min-height: 58px;">
               <div id="text-2" class="f_widget widget_text">
                   <h4 class="widgettitle"> </h4>
                <div class="textwidget">
           <img src="http://collaborativecommunityprogram.org/wp-content/uploads/footer-social.png">
               </div>
         </div>
     </div>
</div>

Форматирование немного запутано, но я пытаюсь добавить контент в список ul с идентификатором "featured-controllers" прямо в верхней части элемента содержимого в вышеупомянутом содержимом. Я пытаюсь добавить контент к нему.

Вот сайт: http://collaborativecommunityprogram.org/

Теперь я попытался сделать это:

function pc_custom_content($content) {
  return $content."<div><p>This is a test</p></div>";
}
add_filter( 'the_content', 'pc_custom_content');

Но он добавляет этот div в конец div с id "services" вместо ul id "featured-controllers" вверху.

Есть ли какой-нибудь способ, которым я могу вставить некоторый пользовательский контент, предпочтительно другой li, в ul id списка "featured-controllers"? Я не нашел способа сделать это через панель администратора.

Любая помощь с благодарностью.

Спасибо!!

Answer 1

Вы можете добавить шорткод к своему контенту из панели администратора. Затем вызовите свой php-код из вашего functions.php или плагина.

Модифицировано из кодекса Wordpress

//you can pass arguments to shortcodes and they are stored in the $atts array
function function_name( $atts ){  
    return "dynamic content to replace shortcode with";
}
add_shortcode( 'shortcode_name', 'function_name' );

Затем добавьте это к содержанию вашей домашней страницы, где вы хотите, чтобы динамическое содержимое отображалось в WP Admin:

[shortcode_name]