余姚网站开发:如何在WordPress博客文章的末尾添加一个通讯Signup Widget

余姚网站建设 | 2019-04-02

一个伟大的方法,以赢得追随者在您的博客,这一天和年龄是提供一个免费的通讯。时事通讯是一个很好的方式,让你的用户了解的主题,如你的最新博客帖子,即将举行的活动,促销,交易等。有些人更喜欢通过电子邮件来阅读他们的新闻,而不是直接在你的博客上。

你可以在你的网站上的任何地方添加一个时事通讯,余姚网站开发但一个很好的地方就在每个博客帖子之后。通常情况下,如果用户对他们所阅读的内容感到满意,他们会选择阅读更多内容并接收更新。

今天,余姚网站开发将向您展示您可以采取的步骤,以优化您的时事通讯注册,以及向您展示如何添加一个时事通讯注册小部件到您的博客文章的末尾。

“通讯”的好处

如果你刚刚开始你的业务或网站,你可能没有太多的追随者,这意味着没有人可以发送电子邮件。改变这种情况的一种创建方法是向网站的多个页面添加一个时事通讯。如果用户对所提供的内容感到满意,那么他们很有可能订阅更多的内容。

使用通讯系统的一些主要好处是:

添加通讯注册表格的最佳地点

你可以在你的网站上的任何地方为你的时事通讯注册,但是有几个地方比其他地方工作得多。仅仅因为你有一个通讯注册表格的位置,并不意味着你需要把它添加到你的网站。有时,你可以在所有的呼吁行动,以注册过度。您希望该表单对您的用户有益,而不是激怒他们。

余姚网站开发以下是您可以添加表单的几个地方的列表:

通讯服务

有一些通讯服务,是帮助您按时和定期发送电子邮件的伟大工具。这些服务可以帮助您设计时事通讯,安排它们的发送速率,并跟踪订阅者。

邮递员

余姚网站开发

http://www.mailchimp.com

MailChimp是一种非常流行的电子邮件营销服务。该服务本身为用户提供免费的运动,直到一定的限制。大量现成的电子邮件模板已经准备好使用了。您还可以通过包括您的品牌元素或您希望共享的任何内容来自定义您自己的。更重要的是,这些电子邮件模板具有响应性,因此任何人都可以阅读您的时事通讯,不管他们使用的是什么设备或平台。

常接触

http://www.constantcontact.com/

另一个非常流行的电子邮件标记工具是不断接触。此服务可在邮件发送中断的地方获取。它面向的是企业,而不是博客作者,这样就可以轻松地创建定制电子邮件和营销活动。也有预先制作的模板可用,但对我来说,设计不如MailChimps那么好。

竞选监测器

https://www.campaignmonitor.com/

很多余姚网站开发大牌公司都使用活动监视器来提供电子邮件营销服务。就像邮件黑猩猩和常量联系人一样,也有预先制作好的模板供您使用,或者您可以创建自己的自定义模板。活动监视器有一个独特的模板建设者的用户谁是定制他们的通讯或电子邮件。您还可以对您的活动进行测试,查看哪些内容最能激发用户的兴趣。

确立我们的主题

现在是我们利用时事通讯插件的时候了,把它作为一个广泛的领域,而不是硬编码,包含在我们的主题中。在本教程中,您需要访问网站上的WordPress主题目录。我们的目标是single.php文件,因为这是我们完整的博客文章所在的地方。我们的目标是在博客文章结束后添加一个小部件。我们走吧。

注*-我将使用和声主题来自本教程的优雅主题库。

步骤1-安装MailChimp插件

登录到您的网站的管理区域。转到插件面板并搜索MailChimp小部件在搜索区域。安装MailChimpWidget插件,如下所示:

下载Mailimpp Widget插件

插件已经安装好了。

第二步-连接你的邮箱帐户

在本教程的下一部分中,您将需要使用Mail嵌合体创建一个帐户。创建一个帐户是免费和容易的。头到mailchimp.com如果你还没报名的话。

有了你的帐户,你现在可以连接你的邮箱帐户到WordPress插件输入你的MailimppAPI键。在执行此步骤之前,我们需要创建一个列表,以便一切都正常工作。返回到您的邮件黑猩猩帐户,然后单击列表左边的标签。

必须有一个列表才能使我们的Mail猩猩Widget正常工作。

在右上角,您应该看到一个标题为创建列表。单击它并列出一个名为“通讯注册”。添加默认值从…电子邮件和从…名字,姓名。此外,一定要包括一条简短的信息,以提醒你的用户为什么他们收到电子邮件。

通过设置列表,您现在可以获得API密钥。

前往您的帐户区域并单击您的名称。一旦你点击你的名字,点击我的侧写。你现在应该看到类似于下面减去我丑陋的杯子的东西

MailChimp配置文件区域。查找Extras下拉列表中的API键。

如果单击临时演员放下你会看到一个链接API密钥这正是我们想要的。您将被重定向到一个需要创建新API键的新页面。一定要给它贴上标签,以备以后参考。

余姚网站开发现在复制并粘贴API键并返回到WordPress管理区域。导航到我们安装插件时创建的MailimppWidget设置区域。

有一个窗口请求一个新的API密钥,以便您继续操作。粘贴输入字段中的代码,然后单击保存更改

添加API密钥

您应该看到您的设置已成功保存。如果不是这种情况,请确保您正确地复制和粘贴了您的API密钥从您的邮箱帐户。

启用我们的Widget区域

我用的和谐主题雅致主题图书馆目前启用了4个小部件区域。有一个基本的Sidebar小部件,以及3个页脚区域小部件。

我们的和谐主题的默认小部件部分。

虽然在这些已经存在的小部件区域中有很大的空间可供添加,但我想创建一个新的区域,唯一的目的是在一篇博客文章之后显示内容。目前,这一内容将集中在我们的通讯SignupWidget,但它可能是任何类似作者元数据,促销,广告空间等。

要添加我们自己的自定义小部件区域,我们需要打开functions.php文件在我们的主题目录中。如果您还没有在代码编辑器中打开主题文件夹,那么现在是启动它的时候了!

如果您跟随和谐主题,那么您可能会注意到,它使用PHPinclude将代码的摘录包含到Functions.php文件中,从而使事情更易于管理,更易于阅读。

如果您正在使用您自己的主题,那么您可能只需要针对functions.php像正常一样。

我们要寻找的代码首先是建立或注册侧边栏的代码。检查下面的代码并在您的文件中找到它。

<?php

    register_sidebar( array(
        'name'          => 'Sidebar',
        'id'            => 'sidebar-1',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div> <!-- end .widget -->',
        'before_title'  => '<h4 class="widgettitle">',
        'after_title'   => '</h4>',
    ) );

?>

一旦找到类似于上面的代码块,只需复制并粘贴到下面,如下所示:

<?php

    register_sidebar( array(
        'name'          => 'Sidebar',
        'id'            => 'sidebar-1',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div> <!-- end .widget -->',
        'before_title'  => '<h4 class="widgettitle">',
        'after_title'   => '</h4>',
    ) );

    register_sidebar( array(
        'name'          => 'Post Footer',
        'id'            => 'postfooter',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div> <!-- end .widget -->',
        'before_title'  => '<h4 class="widgettitle">',
        'after_title'   => '</h4>',
    ) );

?>

你会注意到我们变化不大,只是名字,姓名和ID寄存器侧栏数组中的选择器。这个函数实际上在主题中定义了一个新的侧边栏。您将可以访问它,就像前面显示的其他侧栏一样。保存文件后,返回WordPress管理区域并查看小部件面板来验证您的代码是否有效。

由于我已经有4个边栏领域的和谐主题活跃,你会注意到,我增加了第五个。您的屏幕可能看起来也可能不像。不必为那事担心了。

新的POST页脚部件区域已经启用。

我们的侧边栏我们给出了名字后页脚现在启用。

添加Widget

启用小部件区域后,我们可以将前面安装的MailimppSignup小部件拖到后页脚小部件空间你应该看看下面这样的东西。

我们的新侧边栏积极与Mailimpp Widget添加。

现在,让我们将小部件的设置保留在它们的默认值上。此时,您可能会想知道新注册的侧边栏将如何在我们的主题中显示,或者它是否能够显示。

修改主题模板

在我们更进一步之前,我们需要创建一个新的文件来确定我们的新侧边栏是如何构造的。在主题目录中创建一个名为sidebar-postfooter.php.

在该文件中添加以下代码:

<?php
    if ( ! is_active_sidebar( 'postfooter' ))
        return;
?>

<div id="postfooter-widget">
    <div class="clearfix container">
    <?php
        $postfooter_sidebars array'postfooter' );
        foreach $postfooter_sidebars as $key => $postfooter_sidebar ){
            if ( is_active_sidebar( $postfooter_sidebar ) ) {
                echo '<div class="postfooter-widget' . (  2 == $key ' last' '' ) . '">';
                dynamic_sidebar( $postfooter_sidebar );
                echo '</div> <!-- end .postfooter-widget -->';
            }
        }
    ?>
    </div>
</div>

上面的代码看起来有点复杂,但实际上是告诉WordPress支持我们新的侧边栏的使用。我们还添加了一些HTML以更结构化的方式显示内容。这,这个,那,那个foreach循环遍历添加到小部件区域的任何内容。从WordPress管理区域添加的每一个新小部件都将得到一个自定义类,因此使用CSS更容易实现目标,而其他小部件则是唯一的。

随着我们的新侧边栏启用,我们需要包括它后,我们的博客帖子。我们要瞄准我们的目标single.php文件,因为它的责任是显示整个长度的博客帖子。

在文件中,我们需要首先找到循环,然后找到包围循环的容器的末尾。在我们的POST内容显示之后,我们需要添加一些PHP来使我们的新小部件侧边栏区域显示出来。

打开你的single.php文件并查找WordPress循环:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 // Content goes here
<?php endwhileelse: ?>
<?php endif; ?>

像上面这样查看循环内部,找出内容在哪里。一旦你做了,在它后面添加线下面。

<?php get_sidebar('postfooter'); ?>

你会注意到我们传递了这个词页脚到PHP获得侧栏打电话。您可能还会注意到,我们前面创建的文件名为sidebar-postfooter.php。这不是巧合。WordPress很聪明,它将利用它的知识遍历您的主题,找到任何与侧边栏相关的文件。自从我们经过postfooter到函数时,WordPress知道将该文件的内容包含到我们的single.php档案。凉爽的!

现在我们测试。我将直接到WordPress管理区域,并创建一个新的博客文章,以显示为例。下面你会看到博客文章的全部内容。请注意,我们的新侧边栏已经包括了直接跟随我们的内容,但之前的评论领域的博客文章。红色边框不是设计的一部分,只是向您展示新添加的注释。

成功!通讯订阅注册工作正常。别装腔作势,今天就到此为止吧!

从这里开始,我们可以把我们的通讯表格设计得更华丽一些,这样它就更突出了。由于您可能会使用不同的主题进行跟踪,所以这个任务将由您来完成。

结语

余姚网站开发在博客中加入这样一个简单的元素,我们已经走了很长的路,但是投资的回报是值得的。在你的博客中添加一个时事通讯是你可以为自己或你的企业做的最伟大的营销形式之一。在本教程中,我们在博客文章后面包含了一个简单的小部件,但您也可以在站点的任何地方包含一个小部件或自定义字段。一定要参考我之前创建的关于最好的地方的想法的小清单,其中包括一份通讯注册表单。


上一篇:没有了下一篇:余姚企业网站开发:将本地WordPress安装迁移到活动Web服务器