Как сделать ссылку «читать дальше» в wordpress Wordpress?

Question

Я новичок в Wordpress. Я хочу создать ссылку «подробнее» для подробной статьи, потому что это слишком долго. Как мне это сделать? Помоги мне, пожалуйста.

Мой ПИК:

Мой код: our_team.php

<?php 
      echo '<section class="our-team" id="team">'; 

       echo '<div class="container">'; 

        echo '<div class="section-header">'; 

         $zerif_ourteam_title = get_theme_mod('zerif_ourteam_title',__('YOUR TEAM','zerif-lite')); 

         if(!empty($zerif_ourteam_title)): 
          echo '<h2 class="dark-text">'.$zerif_ourteam_title.'</h2>'; 
         endif; 

         $zerif_ourteam_subtitle = get_theme_mod('zerif_ourteam_subtitle',__('Prove that you have real people working for you, with some nice looking profile pictures and links to social media.','zerif-lite')); 

         if(!empty($zerif_ourteam_subtitle)): 

          echo '<div class="section-legend">'.$zerif_ourteam_subtitle.'</div>'; 

         endif; 

        echo '</div>'; 

        if(is_active_sidebar('sidebar-ourteam')): 
         echo '<div class="row" data-scrollreveal="enter left after 0s over 0.1s">'; 
          dynamic_sidebar('sidebar-ourteam'); 
         echo '</div> '; 
        else: 
         echo '<div class="row" data-scrollreveal="enter left after 0s over 0.1s">'; 
         the_widget('zerif_team_widget','name=ASHLEY SIMMONS&position=Project Manager&description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&fb_link=#&tw_link=#&bh_link=#&db_link=#&ln_link=#&image_uri='.get_template_directory_uri().'/images/team1.png', array('before_widget' => '', 'after_widget' => '')); 
         the_widget('zerif_team_widget','name=TIMOTHY SPRAY&position=Art Director&description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&fb_link=#&tw_link=#&bh_link=#&db_link=#&ln_link=#&image_uri='.get_template_directory_uri().'/images/team2.png', array('before_widget' => '', 'after_widget' => '')); 
         the_widget('zerif_team_widget','name=TONYA GARCIA&position=Account Manager&description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&fb_link=#&tw_link=#&bh_link=#&db_link=#&ln_link=#&image_uri='.get_template_directory_uri().'/images/team3.png', array('before_widget' => '', 'after_widget' => '')); 
         the_widget('zerif_team_widget','name=JASON LANE&position=Business Development&description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&fb_link=#&tw_link=#&bh_link=#&db_link=#&ln_link=#&image_uri='.get_template_directory_uri().'/images/team4.png', array('before_widget' => '', 'after_widget' => '')); 
         echo '</div>'; 
        endif; 

       echo '</div>'; 

      echo '</section>'; 

Answer 1

Во-первых, подготовить целевую страницу.

Вы хотите создать ссылку "прочитать больше", и она должна быть где-то впереди. Если у вас уже есть это «где-то», пропустите этот шаг.

Начните с создания обычной страницы Wordpress. Назовите его «Команда», «О нас» или что-то в этом роде. Очевидно, что эта страница должна содержать некоторую информацию о каждом члене команды. Заверните информацию о каждом человеке в DIV с уникальным идентификатором (я хотел бы использовать некоторые вариации названия для этого):

<div id="ashley"> 
    ... About Ashley HTML 
</div> 

Помните адрес страницы (он отображается ниже поля заголовка).

Затем изменить виджеты.

На месте, которое вы сняли на своем снимке экрана, вы можете щелкнуть по этим стрелкам вниз, чтобы изменить информацию о каждом человеке на главной странице. Большинство полей не допускают HTML в содержании, но Позиция и Описание являются исключениями ^[1]. Вы можете указать свою ссылку, если сможете писать HTML вручную.

Просто следуйте этому шаблону:

<a href="[address of page]#[id of person]">Read more</a> 

Где:

• [address of page] является адрес страницы вы создали на первом этапе (/team/, /about-us/ или что-то)
• [id of person] является содержанием id атрибут div, который обертывает информацию об определенном лице (ashley и т. д.)
• Не забудьте указать номер (#) между!

Это как виджет содержание может выглядеть следующим образом:

Наконец, содержание описание обзора.

Вы сказали, что описание «иногда слишком длинное». Проблема в том, что у вас есть только очень ограниченный контроль над тем, как ваши пользователи будут видеть вашу страницу. Текст, допустимый для вас, может оказаться слишком длинным на мобильном устройстве из-за ограниченной ширины видового экрана.

Я предлагаю вам прибегнуть к краткому описанию на главной странице и предоставить более длинный текст на отдельной странице. Таким образом, вы также убедитесь, что каждый член команды имеет ссылку «Читать дальше» на главной странице, а отдельная страница никого не пропускает.

Один огромный недостаток этого метода заключается в том, что все это руководство. Вы несете ответственность за синхронизацию обеих страниц. Это особенно важно, если вы когда-либо решили изменить состав команды или изменить имя члена команды. Вы также должны убедиться, что одно и то же изображение используется в обоих местах.

Это необходимо, потому что эта тема использует виджеты для создания этих данных на главной странице, а виджеты - это вещи, которые отображают некоторый контент везде, где они были размещены. Нет страница, связанная с виджетами, поэтому по умолчанию вы не можете отправлять своих пользователей.

Конечно, можно динамически генерировать страницу «О программе» или изменять главную страницу, чтобы отображать что-то еще, чем виджеты, но это, вероятно, выходит за рамки простого ответа на этом сайте.

---

^[1] Содержимое этих полей выполняется через wp_filter_post_kses перед отображением. Эта функция разделяет все теги, отсутствующие в глобальном массиве $allowedposttags. Этот массив может быть переопределен CUSTOM_TAGS константой и плагинам разрешено изменять его.