Question

我是wordpress的新手。我想创建＆＃34;阅读更多＆＃34;链接到详细的文章，因为它太长了。我该怎么做？请帮帮我。

我的照片：

我的代码：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

首先，准备着陆页。

您想要创建＆＃34;了解更多＆＃34;链接，它必须在某个地方。如果您已经拥有＆＃34;某处＆＃34;，请跳过此步骤。

首先创建常用的Wordpress页面。将其命名为＆＃34; Team＆＃34;，＆＃34;关于我们＆＃34;或类似的东西。显然，该页面应包含有关每个团队成员的一些信息。使用唯一ID包含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属性的内容。
不要忘记之间的号码标记（#）！

这是小部件内容的外观：

最后，审核说明内容。

你说的描述是＆＃34;有时太长＆＃34;。问题是，您对用户查看网页的方式控制非常有限。由于视口宽度有限，在移动设备上长度可接受的文本可能会花费太长时间。

我建议您在主页上使用简短描述，并在单独的页面上提供更长的文本。通过这种方式，您还可以确保每个团队成员都能够阅读更多信息＆＃34;主页和单独页面上的链接不会错过任何人。

这种方法的一个巨大的缺点是它全部是手动的。您有责任保持两个页面同步。如果您决定更改团队组成或任何团队成员更改名称，这一点尤为重要。您还必须确保在两个地方都使用相同的图像。

这是必要的，因为此主题使用小部件在主页面上生成该数据，小部件是在任何位置显示某些内容的内容。没有页面与小部件相关联，因此默认情况下，您无法向用户发送。

当然可以生成＆＃34;关于＆＃34;动态页面，或修改主页面以显示除小部件之外的其他内容，但这可能超出了本网站上简单答案的范围。

^[1]这些字段的内容在显示之前通过wp_filter_post_kses运行。该函数会删除$allowedposttags全局数组中不存在的所有标记。该数组可以被CUSTOM_TAGS常数覆盖，插件可以修改。

如何使＆＃34;阅读更多＆＃34; widget wordpress中的链接？

1 个答案: