标签: wordpress

  • 如何为WordPress图片增加鼠标悬停效果

    图片悬停效果可以使网站更具交互性和吸引力。这样可以在访客群中产生更好的第一印象,并增加访客的网站访问时长。

    在本教程中,我们详细介绍如何为WordPress网站图片增加悬停效果。

    WordPress图片增加悬停效果

    什么是图片悬停效果?

    图片悬停效果即在静态图像上添加交互式元素,例如动画,缩放效果,弹出窗口等。

    例如,在图片上实现翻转显示产品价格或作品集链接。

    图片悬停还可以一种新颖的方式来显示照片,画廊和缩略图。

    交互式图像和悬停元素有利于提升网站多方面:

    • 增加访问者网站访问时长
    • 以更具创意的方式向访客展示内容
    • 让访客知道网站元素是可点击的

    如何在WordPress中创建图片悬停效果

    将图像悬停效果添加到WordPress网站的最好方法是使用WordPress插件。

    使用插件,您无需花费时间进行编辑,格式化和添加CSS即可实现图像悬停效果。

    您可以使用各种插件来实现独特的图像悬停效果和动画。

    在本教程中,我们介绍实现图片悬停效果的四种不同方法。

    1.添加图像悬停翻转框效果

    翻转框是当鼠标悬停在图片上方时翻转的框。

    您可以将此动画添加到图像中以显示文本,甚至在悬停时更改图像。

    WordPress图片悬停翻转效果

     

    您可以控制图像的翻转方式以及两侧图像的设计。

    如果您是摄影师,则可以使用它来展示作品并引导访问作品集。

    添加图像翻转框效果的最简单方法是使用WordPress插件。插件可帮助你快速创建和自定义这些效果。

    我们建议使用 Flipbox – Awesomes Flip Boxes Image Overlay 插件。这是适用于WordPress的最好的图像悬停翻转特效插件。

    使用此插件,可以轻易地将自定义翻转框效果添加到WordPress图像中。

    Flipbox插件设置

    该插件提供有数十种不同的动画效果和预构建的模板。甚至可以控制颜色并添加自己的自定义CSS。

    2.添加图像缩放和放大效果

    图像缩放效果可帮助访客查看普通尺寸的图像中看不到的细节。

    这对于产品教程和提供高细节水平的图像十分有帮助。

    您也可以在在线商店上使用它来添加缩放效果,例如亚马逊。

    WordPress悬停放大效果

    添加图像缩放和放大效果的最简单方法也是使用WordPress插件。

    这里推荐使用WP Image Zoom插件。该插件,除了为图像添加缩放和放大效果,还可以选择变焦镜头的形状,变焦级别等等。

    WP Image Zoom插件设置

    3.添加图像动画效果

    您也可以将各种附加的悬停效果添加到WordPress图片。

    例如,动画图像库,灯箱图像,对比图像,文本叠加等。

    WordPress图片悬停动画效果

    要添加此类悬停效果,推荐使用 Image Hover Effects Ultimate 插件。

    该插件非常轻量化,不会影响网站性能加载速度,且易于使用。您可以通过几个步添加独特的图像效果。

    安装并启用Image Hover Effects Ultimate插件。

    在WordPress管理后台单击“ Image Hover”。你将会看到八种不同的图像悬停效果,选择其一。

    Image Hover Effects Ultimate插件效果选择

    在本教程中,我们将使用“Caption Effects”作为示例。该效果即鼠标悬停在图像上时添加动画文本。

    首先,点击“Caption Effects”框,在菜单显示不同的动画选项。

    Image Hover Effects Ultimate插件效果样式设置

    找到喜欢的图像效果后,单击“Create Style(创建样式)”。

    在弹出框中,命名悬停效果并选择布局。您选择的版面编号与图像的有序顺序匹配。

    最后点击“Save”保存。

    图片命名及顺序设置

    在下一个界面上,还提供各种选项来自定义悬停效果。

    作为示例,此处保留默认的动画选项。

    Image Hover Effects Ultimate 插件设置

    如果进行更改,你可以在“Preview”预览框中看到实际效果。

    要更改默认图像,请将鼠标悬停在图像上,然后单击“Edit”选项。

    Image Hover Effects Ultimate图片效果预览

    在此弹出窗口中,您可以更改悬停时显示的标题和描述。

    要上传图片,请点击“Image”标题下方的框,然后上传或从媒体库中选择图片。

    背景图片上传

    如果您希望图像引导用户至网站上的另一个页面,则也可以添加链接和按钮文本。

    完成后,点击“Submit”。

    图片悬停效果短代码

    要将图像添加到网站的文章或者页面,可以通过添加“Shortcode(短代码)”区块贴上悬停效果图片对应的短代码。

    图片效果短代码插入

    4.添加图像悬停弹出效果

    上面的插件可帮助您实现翻转框,悬停效果,动画等功能。

    如果要添加上面的插件未涵盖的其他图像悬停效果怎么办?

    最好的方法是使用 WordPress CSS 样式插件。通过插件您可以对图像进行视觉更改,而无需编辑任何代码。

    您可以手动编辑CSS文件,也可以通过WordPress定制器添加CSS,但是使用插件是最简单的选择。

    你可以考虑使用CSS Hero插件。使用此插件,无需编写任何代码即可在WordPress网站上编辑几乎所有的CSS样式。

    CSS Hero插件鼠标悬停效果示例

    有各种专门用于图像的内置CSS效果。

    插件安装完成后,您需要点击“Proceed to Product Activation”按钮。

    CSS Hero插件激活

    这将指导您完成插件激活过程。

    激活插件后,您可以开始自定义图像。

    打开包含要制作动画的图像的页面或文章,然后单击页面顶部的“ CSS Hero ”。

    这将打开编辑器菜单,您可以在其中添加各种不同的CSS效果。

    我们将在悬停效果上添加一个图像弹出窗口。首先,您需要单击要编辑的图像,然后单击“Snippets”。

    之后,点击“Hover Effects”。

    CSS Hero插件图片代码片段

    这将显示不同CSS效果的菜单。接下来,选择“ .hvr-pop”效果,然后单击“Apply”应用。

    点击“Save & Publish”,CSS效果将自动应用于您的图像。

    CSS Hero插件图片悬停效果应用

    希望本教程能帮助您学习如何为WordPress图片添加悬停效果。如果你对WordPress采集图片感兴趣,你可以关注imgSpider插件

    关于WordPress图片的相关教程及技巧还有:

  • 如何添加WordPress特色图像或者文章缩略图

    特色图像(也称为文章缩略图),大多数主题都提供WordPress这个功能点。

    它们是博客文章的主要图像,一般显示在主页、列表页和作为社交分享的图片。几乎所有流行的WordPress主题都内置了对特色图像的支持。

    在本教程中,我们将介绍如何在WordPress中添加特色图像或文章缩略图。

    WordPress特色图像设置

    WordPress特色图像入门指南

    特色图像是WordPress主题功能。几乎所有WordPress主题都内置了对特色图像的支持,并可以在WordPress网站的不同区域显示。

    文章列表特色图像

    对于人类来说,视觉元素比纯文本更具吸引力。特色图像可使博客页面更具吸引力。

    它们还帮助您建立用户参与度并增加页面浏览量。搜索引擎和社交媒体网站也可以使用这些图像,并将其显示在搜索结果和社交媒体新闻信息流中。

    大多数特色图像用于博客文章,但您也可以为页面和自定义文章类型设置特色图像。

    注意:特色图像与封面图片不同。封面图片一般用于文章开头,并且图片尺寸相对会大不少。

    下面让我们直入主题,一起看看如何在WordPress中添加特色图像。

    添加文章缩略图或特色图像

    要在WordPress文章中添加特色图像,只需编辑或创建新的文章即可。

    在古腾堡内容编辑器中,您会在右列中找到“特色图像”标签。

    文章发布特色图像设置

    点击“设置特色图像”区域,这将弹出WordPress媒体上传弹出窗口。

    在这里,您可以从计算机上传图像,也可以使用媒体库中的现有图像。选择图像后,点击右下角的“设置特色图像”按钮。

    特色图像设置窗口

    WordPress现在将在右列中显示特色图像的预览。但是,实际的特色图像会根据您的WordPress主题而有所不同。

    发布文章即可查看特色图像在网站上的显示方式。

    根据主题开发人员定义的设置,特色图像所显示位置不尽相同。

    如何查找下载特色图像?

    现在,大多数初学者遇到的下一个大问题是在哪里可以找到用作特色图像的高质量图片?

    当然我们可以通过Google图片或者百度图片搜索并使用互联网上的任何图片。但这些图像可能受版权法保护,未经适当许可而使用它们可能会造成法律麻烦。

    并且搜索引擎很难搜索到更高质量的图片资源。

    我们更推荐使用以下图片网站查找搜索:

    • Shutterstock – 该网站提供一些免费的图像,当然加入付费计划可以获得更多高质量的照片,插画,绘图,视频等。
    • Unsplash – 非常受欢迎的高清照片资源网站,且支持在网站和其他项目上使用高分辨率图像。
    • Negative Space – 无版权图像网站。
    • New Old Stock – 来自公共档案馆的老式照片集。

    unsplash图库网站

    注意:所有这些来源均提供高分辨率图像,这意味着它们的文件大小和尺寸很大。您需要先基于网站优化图像,然后再将其用作特色图像。除上述推荐的图库网,你还可以查看更多图片资源网站

    特色图像由您的WordPress主题处理。为了更改主题显示特色图像的方式,您需要一些基本的CSS或WordPress编码技能。或者为图片增加鼠标悬停效果

    WordPress特色图片功能主题开发指南

    特色图像是几乎所有WordPress主题都支持的流行功能。在极少数情况下,您可能会遇到不支持特色图像的主题,或者你可能不喜欢这样的特色图像处理方式。

    在这种情况下,您可以为主题添加特色图像支持或更改其显示方式。

    如果您在编辑WordPress主题文件和自定义CSS的方法,自己动手丰衣足食。

    如果您的主题不支持特色图像,那么在内容编辑器中将看不到添加特色图像的选项。

    要在WordPress主题中添加特色图像支持,您需要在主题的functions.php文件中添加以下代码行:

    add_theme_support( ‘post-thumbnails’ );
    add_theme_support( ‘post-thumbnails’ );
    add_theme_support( 'post-thumbnails' );

    此代码将为文章和页面启用特色图像支持。现在,您可以转到文章或页面区块编辑器,然后您将看到“特色图像”选项已启用。

    但是,当您设置特色图像时,它不会自动显示在WordPress主题中。要在主题中显示特色图像,您需要编辑模板并在要显示特色图像的位置添加以下代码行:

    <?php the_post_thumbnail(); ?>
    <?php the_post_thumbnail(); ?>
    <?php the_post_thumbnail(); ?>

    添加上述代码的文件将根据您的主题而有所不同。您可能需要反复尝试将代码添加到不同的位置来调试效果。

    上面的代码是您需要添加特色图像支持并在主题中显示特色图像的基本功能。要为上传的特色图像设置图片大小,需将下列代码行添加到functions.php文件中。

    set_post_thumbnail_size( 50, 50);
    set_post_thumbnail_size( 50, 50);
    set_post_thumbnail_size( 50, 50);

    set_post_thumbnail_size的参数按以下顺序排列:宽度,高度。

    您还可以设置其他图像大小以与the_post_thumbnail()函数一起使用。例如:

    // Image size for single posts
    add_image_size( ‘single-post-thumbnail’, 590, 180 );
    // Image size for single posts
    add_image_size( ‘single-post-thumbnail’, 590, 180 );
    // Image size for single posts 
    add_image_size( 'single-post-thumbnail', 590, 180 );

    在此示例中,我们添加了一个新的图像大小,称为single-post-thumbnail,高度为590px,高度为180px。

    要在主题中使用此图像大小,我们仍然需要将其添加到适当的主题文件中。

    如果您以前上传过特色图像,但它们仍以其他尺寸显示,那么您需要为较早的文章重新生成缩略图和图片尺寸。

    以下是具有特定图像尺寸的特色图像功能的示例。

    <?php the_post_thumbnail( ‘single-post-thumbnail’ ); ?>
    <?php the_post_thumbnail( ‘single-post-thumbnail’ ); ?>
    <?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

    这是完整功能的细分版本。特色图像还可以做很多其他事情。

    有关WordPress特色图像的常见问题

    作为初学者,在博客上使用特色图像时,您可能会遇到问题。以下是有关特色图像的一些最常见问题。

    1.为什么文章出现特色图片两次?

    有时,初学者添加特色图像,然后在文章编辑器的内容部分中添加相同的图片。

    您所要做的就是从内容区域中删除图像,并且仅使用“特色图像”框添加特色图像。

    2.封面图片和特色图像有什么区别?

    封面图片用于文章或页面的内容区域。它们通常用于分隔较长页面或文章的不同部分。

    特色图像是文章的代表性图片。它确实出现在内容之前或旁边,但可能没有出现在实际文章中。

    3.如何在最近的博客文章旁边显示特色图像?

    WordPress区块编辑器带有“最新文章”区块,可让您显示带有文章缩略图的最新文章。

    您也可以使用“最近发布的文章”小工具在侧边栏小组件中显示带有缩略图的最新发布的文章。

    4.如何提醒作者在WordPress中添加特色图像?

    特色图像显眼地显示在您的主页,博客页面和其他存档页面上。

    如果您或博客上的另一位作者忘记设置特色图像并发表了该文章,则该文章将不带有特色图像。这不利于用户体验。

    您可以安装并启用Require Featured Image插件,当任何人尝试发布没有特色图像的文章时,该插件都会自动提示。

    Require Featured Image插件

    我们希望本教程能够帮助您加深对WordPress特色图像的了解,及学习如何在WordPress中添加特色图像或缩略图。enjoy!

  • 如何设置WordPress移动端网站隐藏式菜单

    很多时候,WordPress移动端网站不适合展现所有菜单内容,设置隐藏式菜单更为合理。

    大多数WordPress主题都带有内置样式,这些样式会自动将导航菜单转换为移动端菜单。但是,很多时候站长们可能不希望在移动设备上使用相同的菜单,或者可能希望使用不同的菜单样式。

    在本教程中,我们将详细介绍如何使用插件或代码方法在WordPress网站移动端使用隐藏式菜单。

    WordPress移动端网站隐藏式菜单

    方法1. 使用插件实现WordPress移动端隐藏式菜单

    此方法更为简单,建议初学者使用。使用插件来实现WordPress主题提供的现有隐藏式移动端菜单,然后在移动端上使用其他菜单或完全不使用菜单。

    首先,访问外观»菜单页面并创建一个新的导航菜单,该菜单用于移动设备上。

    WordPress网站菜单创建

    在下一个界面上,需要为新菜单设置一个名称,以帮助站长以后识别。我们将其称为“Mobile Menu”。之后,您可以从左栏中选择要添加到菜单中的项目。

    WordPress菜单项目添加

    完成向菜单中添加项目后,最后务必记得保存菜单。

    接下来,安装并启用WP Mobile Menu插件。

    启用插件后,访问“Mobile Menu Options页面以配置插件。在这里,您需要通过打开切换来选择是在右侧还是在左侧显示移动菜单。

    Mobile Menu Options设置

    从下拉菜单中,选择您先前创建的Mobile Menu。

    接下来,向下滚动到“Hide Original Theme Menu”部分。在这里,勾选选项告诉插件隐藏由WordPress主题创建的移动端菜单。

    Mobile Menu Options隐藏菜单CSS类

    默认情况下,该插件将使用大多数流行的WordPress主题使用的常用元素标识符。大多数用户不需要在这里做任何事情,使用默认选项即可。

    但是,如果该插件无法隐藏您的主题菜单,则可以返回此处并单击“Find Element”按钮,仅指向您主题的导航菜单。

    最后点击“Save Changes”按钮使用插件设置生效。

    设置了插件,站长还需要设置移动端菜单显示位置。

    转到外观»菜单页面。确保在下拉菜单中选择之前创建的移动端菜单。在菜单项下,选择在插件设置中选择的位置(例如,“Left Mobile Menu”或“Right Mobile Menu”)。

    菜单位置设置

    最后使用手机端访问您的网站以查看正在使用的新菜单。现在,你的网站应该采用隐藏式菜单。

    隐藏式菜单效果

    WP Mobile Menu插件支持更改菜单栏的颜色,更改不透明度,添加图标等。

    方法2. 使用CSS代码设置隐藏式移动端菜单

    此方法有点高级,需要使用一些自定义CSS。

    对于此方法,您可以选择使用两种不同的方法。您可以仅使用CSS隐藏完整的移动菜单,也可以在移动设备上隐藏单个菜单项。

    1.使用CSS在移动设备上隐藏完整的菜单

    首先,确定需要使用自定义CSS进行修改的元素。转到您的网站,然后将鼠标移到导航菜单上即可。之后,右键单击并选择“检查”

    浏览器检查工具

    浏览器将一分为两,在屏幕下方(默认情况)可以看到网页的源代码。默认情况下,此导航菜单仅为PC端的网站菜单,这不是你需要修改的对象。

    桌面导航菜单

    你应该通过浏览器提供的工具将网页显示为移动端(每个浏览器的设置不尽相同),一般会在代码窗口会有个手机屏幕小icon,点击即可调出设备分辨率设置界面 ,将设备设置为其中一款手机即可。

    手机端菜单样式调试

    然后,您需要找出WordPress导航菜单使用的标识符和CSS类。您可以通过在源代码上移动鼠标直到菜单区域突出显示。

    如在上面的截图中所见,我们的测试主题正在使用navbar-toggle-wrapper该类。

    之后,转到WordPress管理区域中的外观»自定义页面以启动主题定制器。切换到“额外CSS”标签,然后点击左侧面板右下角的手机图标。

    额外CSS

    现在,定制程序将显示您的网站在移动设备上的预览。现在,您可以输入以下CSS代码,并在预览面板中查看移动端菜单是否会隐藏。

    .navbar-toggle-wrapper {
    display:none;
    }
    .navbar-toggle-wrapper {
    display:none;
    }
    .navbar-toggle-wrapper { 
    display:none; 
    }

    不要忘记将.navbar-toggle-wrapper替换为您的WordPress主题所使用的标识符。

    之后,点击顶部的“发布”按钮以保存您的更改。

    2.使用CSS隐藏移动端菜单中的特定菜单项

    使用此方法,您可以创建导航菜单,然后有选择地显示或隐藏不希望在移动端或台式设备上显示的项目。

    这种方法的优点是,您可以在移动设备和台式机上使用相同的导航菜单,而只隐藏不希望看到的项目。

    首先,转到外观»菜单页面,然后单击屏幕右上角的“屏幕选项”按钮。在这里,您需要选中“CSS类”选项旁边的框。

    菜单CSS类设置

    在那之后。向下滚动到要隐藏在移动设备上的菜单项,然后单击以展开它。在菜单项设置中,您将看到添加CSS类的选项,添加一个CSS类.hide-mobile

    CSS类.hide-mobile

    对不希望在移动设备上显示的所有菜单项重复执行此操作。

    同样,您也可以单击要在台式计算机上隐藏的菜单项。添加CSS类.hide-desktop

    完成修改后,务必记得保存更改。

    下一步,我们还需要添加自定义CSS以隐藏这些菜单项。转到外观»自定义页面以启动主题自定义程序,然后单击额外CSS选项卡。

    在CSS框中添加以下CSS代码。

    @media (min-width: 980px){
    .hide-desktop{
    display: none !important;
    }
    }
    @media (max-width: 980px){
    .hide-mobile{
    display: none !important;
    }
    }
    @media (min-width: 980px){

    .hide-desktop{
    display: none !important;
    }

    }

    @media (max-width: 980px){
    .hide-mobile{
    display: none !important;
    }

    }

    @media (min-width: 980px){
     
        .hide-desktop{
        display: none !important;
        }
     
    }
     
        @media (max-width: 980px){
        .hide-mobile{
        display: none !important;
        }
     
    }

    额外CSS定制

    至此,保存额外CSS,即完成工作。

    使用电脑或者手机(或者直接在浏览器以调试模式)访问您的网站,您会发现要隐藏菜单项不会在指定的设备类型下显示了。

    桌面端&手机端菜单

    最后希望本教程能帮助您学习掌握如何设置移动端网站隐藏式菜单,又或者针对不同的设备设置隐藏菜单选项。

    一般情况下,现在的主题都会针对PC端和移动端提供两套不一样的菜单外观,以保证适合用户使用不同设备访问浏览网站。

  • WordPress网站页脚可考虑添加的内容清单

    WordPress网站的页脚应该添加什么内容?最为常见的无非是菜单、版权信息。

    页脚是网站底部的区域。它通常被很多站长所忽略,但是可以通过大量方式用于改善网站用户体验及增强网站信誉度。

    在此清单中,我们将分享10个可添加到WordPress网站页脚中的重要内容。

    WordPress网站页脚设置

    WordPress页脚是什么?

    页脚通常是显示在网站内容部分下方的区域。它是数百万个网站使用的常见网站设计功能。

    常规WordPress页脚

    页脚也可以引入页脚代码区域。在管理网站时,第三方服务(例如Google Analytics,Facebook Pixel)和其他服务可能会要求您将代码添加到网站的页脚中。

    此页脚代码在屏幕上不可见,但用于添加网站功能和功能所需的代码段。

    许多初学者不知道将哪些内容添加到其WordPress网站页脚。

    基于我们的经验,我们将最最常见的适合添加至网站页脚的内容列一个清单,希望能够帮助到WordPress初学者:

    大多数网站在页脚区域中都添加了指向其网站重要页面的链接。这通常包括指向其关于,联系人,团队成员,新闻和其他页面的链接。

    所有流行的WordPress主题都带有一个页脚小部件区域。这就是我们将用来向您的网站页脚添加不同的小部件和元素的方法。

    要添加一组链接,转到 外观»菜单页面,然后单击“创建新菜单”链接。

    WordPress菜单创建

    之后,输入菜单名称,然后单击“创建菜单”按钮。

    页脚菜单创建

    之后,从左栏中选择要添加到菜单中的项目,然后单击“添加至菜单”按钮。

    菜单项设置

    完成后,单击“保存菜单”按钮以保存更改。

    创建了菜单后,我们还需要设置菜单的显示位置为网站的页脚区域。转到外观»小工具页面,然后将导航菜单小工具添加到页脚侧边栏中。

    小工具显示页脚菜单

    之后,从下拉菜单中选择您之前创建的页脚菜单,然后单击“保存”按钮。

    再次访问您的网站,即可看到网站页脚小部件区域中显示链接。

    WordPress页脚链接

    2.添加代码至WordPress网站页脚

    在管理WordPress网站时,您有时可能需要向WordPress网站页脚区域添加一些代码片段。

    其中一种方法是直接编辑主题文件,然后将代码粘贴到footer.php模板中。但是,这种做法会因为更新主题失效。

    在WordPress页脚中添加代码的最佳方法是使用插件。

    首先,您需要安装并启用 Insert Headers and Footers 插件。

    然后,访问设置»Insert Headers and Footers页面,将代码段粘贴到“Scripts in Footer”框中。

    页脚代码插件

    最后务必要点击“Save”按钮才能够使之生效。

    注:部分主题会在主题设置提供添加自定义代码的功能,比如闪电博的WordPress主题,支持自定义CSS、自定义Header代码,自定义Footer代码和添加统计代码。

    为了遵守不同国家/地区的GDPR和隐私相关的法律,网站所有者必须在其网站上添加隐私政策页面,并从所有其他页面链接到该网站。

    WordPress使创建隐私策略页面变得非常容易,然后可以在网站页脚中添加指向该页面的链接。

    首先,您需要访问设置»隐私页面,您会发现WordPress已经创建了隐私政策页面草稿。

    隐私政策页面

    您可以单击“使用本页”按钮以使用默认的隐私策略模板或创建新页面。

    接下来,您编辑该页面,可以根据自己的要求添加有关网站的隐私政策的更多信息,然后发布该页面。

    隐私页面编辑

    完成后,可以将隐私策略页面添加到页脚导航菜单中(请参见前面所述)。

    4.添加版权信息及日期至WordPress页脚

    我们也可以在WordPress页脚区域中添加版权日期。最简单的方法是在主题设置中添加文本。

    许多WordPress主题支持通过自定义外观在页脚区域添加文本。访问外观»自定义页面并在左侧面板中查找页脚设置来找到该选项。

    页脚版权与日期

    您可以通过以下格式添加文字来设置版权信息:

    &copy; Copyright 2016-2021. All rights reserved.

    最后不要忘记发布主题更改。但是,您将必须每年更改版权声明以更新日期。

    5.删除WordPress网站页脚支持链接

    一些免费的WordPress主题会在网站页脚区域添加一个指向WordPress网站或主题开发者网站的链接。

    您当然有权删除这些链接。尤其如果这些链接没有设置Nofollow的话,则可能会影响网站SEO评分。

    部分WordPress主题底部的这些链接删除操作非常容易。您可以在外观»自定义页面中找到该选项。通常,它位于页脚选项面板下。

    WordPress页脚支持信息

    但是,某些主题可能选择对主题文件中的链接进行硬编码,而没有选择手动删除它的选项。在这种情况下,您可以编辑主题中的footer.php文件以删除那些链接。

    6.添加Instagram信息流至WordPress页脚

    如果您的网站属于一个时尚博客或想要宣传Instagram内容,则网站页脚可能是显示您最近的Instagram照片的好地方。

    首先,您需要安装并启用Smash Balloon Instagram Feed插件。

    之后,您需要访问Instagram Feed»设置页面,然后单击“Connect an Instagram account”按钮。

    Smash Balloon Instagram Feed插件

    按照屏幕上的说明将您的Instagram帐户连接到WordPress网站。完成后,您可以转到外观»小工具页面,然后将Instagram Feed小工具添加到页脚侧边栏中。

    Instagram信息流小工具

    之后,访问您的网站可以在页脚查看您的Instagram feed。

    Instagram Feed展示效果

    Smash Ballon还可轻松将Facebook,YouTube和Twitter feed嵌入您网站上任何位置。

    7.添加粘性页脚栏(Sticky Footer Bar)至WordPress页脚

    是否想在页脚区域显示特别优惠或通知?粘性页脚栏可以实现在用户滚动网站时在屏幕的页脚上显示横幅Banner。

    你可以通过安装OptinMonster插件来实现这个功能。它是市场上最好的转化优化软件,帮助您将更多的网站访客转化为客户。

    它还具有强大的显示规则,也就是说在网站的页脚中向用户显示个性化的自定义消息。

    首先,您需要注册一个OptinMonster帐户。

    之后,在您的WordPress网站上安装并启用OptinMonster插件

    启用后,访问OptinMonster»Settings页面,然后单击“Connect existing account”按钮。

    OptinMonster账号创建

    建立连接后,转到OptinMonster»Campaigns页面,然后单击“Add New”或“Create your first campaign”按钮。

    创建Campaigns页面

    在下一个屏幕上,您需要选择“Floating Bar”作为广告系列类型,然后选择一个模板。

    OptinMonster广告样式

    这将带您进入OptinMonster的拖放式广告系列构建器。在这里,您可以设计页脚栏。只需指向并单击任何元素即可对其进行编辑,或者从左栏中拖放新的块。

    OptinMonster广告设计工具

    完成广告系列的编辑后,只需切换到“Publish”标签并启用它即可。

    OptinMonster广告发布

    之后,单击关闭按钮退出广告系列构建器并返回到您的WordPress网站。在这里,您需要将广告系列的输出状态设置为“已发布”。

    campaignoutput

    访问您的网站,即可查看浮动页脚栏广告系列的实际运行情况。

    浮动页脚栏广告系列

    OptinMonster还可以用于创建一个滑入式页脚弹出窗口,添加倒数计时器和有购物车付款页脚通知。

    8.添加社交媒体按钮至WordPress页脚

    在WordPress主题中利用页脚空间的另一种方式是添加社交媒体图标按钮。

    安装并启用Social Icons Widget插件。启用后,转到外观»小工具页面,然后将“Social Icons”小工具添加到页脚小部件区域。

    页脚社交媒体按钮设置

    该插件提供了很多设置选项,包括颜色,图标样式,按钮类型等。您可仅添加社交媒体图标,然后将URL替换为自己的社交媒体主页链接。

    设置好插件后,保存更改,再次访问网站首页即可查看页脚的社交媒体关注入口效果。

    页脚社交媒体图标展示

    9.添加电话号码至WordPress页脚

    如果您希望在网站上通过电话提供客户支持和销售,那么在WordPress页脚区域中添加电话号码将有助于访客快速拨打电话与你们联系。

    为此,您需要一个公司电话号码。国际业务,我们建议使用Nextiva,这是针对小型企业的最佳商务电话服务商。国内业务,则随便三大运营商中的一个即可。

    获得电话号码后,可以通过多种方式将其添加到您的网站。最简单的方法是安装并启用WP Call Button插件。启用插件后,转到设置»WP Call Button页面以设置插件。

    WP Call Button插件设置

    首先,将“Call Now Button Status”设置为启用状态。之后,添加您的电话号码,然后选择要在其中显示按钮的位置。最后,别忘了单击“保存更改”按钮。

    WorPress网站联系电话样式

    10.添加联系表单至WordPress页脚

    每个WordPress网站的页脚都是灵活的,没必要固死形式。在网站页脚提供联系表单填写入口也是一个非常不错的主意,方便访客与网站进行沟通对话。

    安装并启用WPForms插件即可。它是目前最好用的WordPress联系表格插件之一,可帮你实现在网站上的任何位置(包括页脚)添加联系表单。

    启用插件后,转到WPForms»Add New页面以创建联系表单。输入表单的名称,然后选择“Simple Contact Form”模板。

    WPForms插件表单样式选择

    接下来,WPForms将使用常用联系表单字段加载表单构建器。您可以单击任何字段进行编辑,移动或删除。您也可以从左栏中添加新字段。

    WPForms插件表单字段编辑

    完成编辑后,单击“Save”按钮以发布表单并退出表单构建器。

    接下来,访问Appearance»Widgets页面,并将WPForms Widget添加到页脚区域。之后,从下拉菜单中选择您之前创建的表单,然后单击“Save”按钮。

    addformwidget

    最后,访问您的网站,即可在网站页脚区域中查看联系表单。

    WordPress页脚表单展示

    上面仅列出可用于WordPress网站页脚布局的10个内容或者技巧,您可以根据自己的WordPress网站情况,有针对性地对页脚进行设置。

    当然这十个要点,未必包含所有适合网站页脚的内容。比如您还可以添加网站信誉证书、友情链接、合作品牌、备案信息等。

  • 如何更新升级WordPress至最新版本

    WordPress版本更新教程

    WordPress是一个不断发展的软件,定期发布的新功能,安全修复程序和维护更新。这些核心更新可确保WordPress系统的安全性和效率。

    如果您正在运营WordPress网站,建议更新至最新的WordPress版本,以确保您的WordPress拥有最新的功能,性能增强和保护。

    在本文中,我们将详细介绍如何查看网站当前的WordPress版本,讨论最新的WordPress版本及其功能,如何更新至最新的WordPress版本。

    1. 为什么WordPress定期推出更新
    2. 当前WordPress的最新版本
    3. 如何查看网站的WordPress版本
    4. 如何升级至最新的WordPress版本
    5. 每年有多少WordPress版本发布?
    6. 上一年的所有WordPress版本更新
    7. 未来的WordPress更新

    为什么WordPress定期推出更新

    在开始之前,我们需要了解WordPress为什么要定期发布更新。简而言之,有以下原因:

    • WordPress定期发布新功能。无论是像添加新的oEmbed支持(WordPress 4.4)不那么显眼的更改,还是通过添加Gutenberg(WordPress 5.0)对编辑器进行全面升级,这些添加都使内容创建和网站搭建更加简单。
    • WordPress更新通常包括安全修复。自从黑客关注漏洞以来,这注定是一场持久战。因此,进行更新以从新型攻击中获取最新保护至关重要。
    • 近期的WordPress版本通常会提供“后端”性能改进。您可能不会立即注意到这些增强功能,但是它们使在WordPress上的工作变得更加简单和快捷。在WordPress 2.0中,发布博客文章的用户体验得到了极大的提升。在WordPress 4.2中,他们使用一键式按钮简化了插件更新,而不像以前的繁琐更新过程。
    • 每个WordPress版本也修复bug。这些发生在所有软件中。这就像在您的汽车上修好一些已经起作用的东西并使它恢复正常一样。

    上述几点就是WordPress更新的主要原因,下面让我们一起探索最新的WordPress版本,以及有关如何检查和更新当前WordPress版本。

    注意:尽管WordPress希望站长们都更新到最新版本,但这并不意味着他们放弃对旧版本的支持。实际上,过去的WordPress版本仍会获得更新-例如,2013年10月24日发布的WordPress 3.7“ Count Basie”,每年仍会针对此版本进行更新。这是因为一些(不是很多)网站仍在较旧的版本上。

    当前WordPress的最新版本

    WordPress 5.7,该版本被称为“Esperanza Spalding”,取自俄勒冈州的格莱美奖爵士乐手的昵称,是目前可升级的WordPress的最新版本。经过多个开发阶段后,它于2021年3月9日发布。

    您可以从官方网站下载WordPress 5.7,也可以直接通过WordPress管理仪表盘下载WordPress 5.7。

    WordPress 5.7的新增功能

    WordPress 5.7包括一系列令人印象深刻的细微调整和对区块编辑器的改进,以及用于制作更高级块和增强自定义灵活性的更多重大更改。

    这是一个值得更新的版本,了解自古腾堡(Gutenberg)编辑器引入以来的每次更新如何解决了人们对于区块编辑器所遇到的问题,而这个没有什么不同。

    以下是重点内容:

    (1)WordPress编辑器调整


    WordPress 5.7带来了三项重大改进,包括可重复使用的区块,更直观的字体大小设置以及将区块拖放到编辑器中的选项。

    最令人印象深刻的变化涉及拖放区块,看到WordPress编辑器从未像它的许多竞争对手一样成为真正的拖放页面构建器。现在,您可以单击任何Gutenberg区块并将其移动到页面或文章的任何位置。

    我们还喜欢您可以访问“代码”和“列表”区块中的字体控件,比过往高效多了。最后,您将看到可重用区块的多项改进,其中最引人注目的是自动保存功能。

    (2)明显不同,更简单的调色板


    WP Admin调色板

    WP Admin调色板(由ryelle提供

    WordPress仪表盘和设计界面在5.7中进行了一些更改,其中WordPress称之为更简单的默认调色板。

    仪表板现在只有7种核心颜色,而不是以前的约56种阴影一长串颜色。这是一个简单的更改,但很重要,因为它不仅用于仪表板,而且还用于设计主题和插件。

    (3)更多无代码元素

    每个WordPress版本都包含一些附加功能,以消除使用自定义代码的需要。这些新添加的功能之一是编辑器区块的全高对齐设置。它使您可以将区块分布在整个窗口中,从而可以更好地控制区块的大小,且使用Cover区块相对容易,例如将其变成全屏图片。

    社交图标尺寸设置

    社交图标的Huge尺寸

    现在,当您插入“社交图标”区块时,也可以调整社交媒体图标的大小。

    最后,Buttons区块也做了新选项的修改,这些新选项用于将宽度设置为特定的百分比大小。还可以选择水平或垂直按钮布局,从而进一步改善设计按钮和其他区块的方式。

    (4)更多更新细节

    以下“后端”更新可帮助开发人员或提高WordPress的整体性能或基础架构:

    • 延迟加载iframe:网站上的所有iframe现在都实用了默认的延迟加载功能。不再需要输入您的自定义代码或添加此功能的插件。
    • 全新的Robots API:为了允许搜索引擎显示更大的图像预览,WordPress 5.7引入了新的Robots API,并将max-image-preview: large指令设置为默认选项。您还可以在漫游器元区域中包括其他过滤器指令。
    • 从HTTP快速切换到HTTPS:过去将WordPress网站从HTTP切换到HTTPS的过程非常繁琐。使用5.7,只需要单击一下鼠标即可。WordPress完成了数据库URL的自动更新,为您省去了很多过程。
    • 持续从jQuery更新3.5.1中弱化依赖:尽管jQuery对于WordPress中的用户界面一直是一个非常有用的工具,但它也会分散注意力和混乱。WordPress通过引入较少干扰的jQuery元素来继续清理混乱状况。

    如何查看网站的WordPress版本

    有四种方法可以检查网站当前的WordPress版本。这样,您便可以了解作为WordPress用户可用的功能和局限性,并可以决定是否是时候升级到较新的WordPress版本。

    检查WordPress版本的四种方法包括:

    1. 在WordPress的管理仪表盘中查找。
    2. 浏览网站的前端。
    3. 检查version.php文件。
    4. 使用WP-CLI。

    有关这些方法的详细信息,请查看有关查看WordPress版本的完整教程。文章还说到如何从WordPress网站移除版本信息的方法。

    如何升级至最新的WordPress版本

    将WordPress升级到最新版本始终是谨慎的做法。它最大程度地减少了错误,安全漏洞或性能问题。您还可以访问所有新功能,从而实现双赢。

    WordPress在几个版本之前引入了核心自动更新支持。今天,大多数WordPress用户在其仪表盘中会收到自动更新或警报。

    例如,您可能会收到一封电子邮件,提醒您的网站已更新到最新版本的WordPress。在这种情况下,无需完成任何其他任务。只需删除电子邮件,或将其保存以供参考。

    WordPress版本更新提示邮件

    WordPress版本更新提示邮件

    建议您查看WordPress仪表盘中的“关于WordPress”部分,以了解新的WordPress版本附带了哪些功能和错误修复。

    您可以通过点击WordPress自动更新邮件中的链接找到“关于”页面。你也可以直接访问该链接,只需要在domain.com/wp-admin/URL末尾键入about.php。此页面突出显示了诸如新功能,鸣谢和隐私声明之类的内容。

    WordPress 5.7的“新功能”介绍页面

    WordPress 5.7的“新功能”介绍页面

    但是,如果您没有收到有关自动更新的电子邮件,又想完成升级以确保您使用的是最新的WordPress版本,该怎么办?

    要完成手动升级,请转到WordPress管理后台。

    您可以在“概况”框中查看当前的WordPress版本。如截图所示WordPress版本为旧版本,则会在其右侧出现升级到新版本的按钮。

    检查旧的WordPress版本

    检查旧的WordPress版本

    您还会在多个仪表盘位置收到提示消息,最常见的是在仪表盘顶部,会提示信息——“ WordPress Xy可用!请立即更新。”。

    此信息几乎在每个页面上都会显示,其目的很明确,就是告知站长重视WordPress的版本更新。

    WordPress版本更新提醒

    WordPress版本更新提醒

    你也可以通过“概况”框的更新按钮。如果有新的WordPress版本且你未更新,则会出现“请立即更新”按钮和“更新至#.# ”按钮。

    更新至最新版本WordPress

    更新至最新版本WordPress

    接下来我们一起聊聊WordPress后台的WordPress更新页面。该页面将会显示最新的WordPress版本号和一个“立即更新”按钮。此外也可以查看是否有插件或主题的更新推送。

    在更新WordPress版本之前,个人建议尽可能对数据库和文件进行备份,以免出现意外。我们建议进行手动网站备份,即使网站安装了WordPress备份插件。

    如果你希望依赖插件实现,BackWPup插件是很好的选择,支持文件备份和数据备份。你也可以关注我们此前撰写的“14个数据库备份插件”文章,了解更多WordPress数据库备份办法。

    WordPress官方也提示大家在更新WordPress版本前,做好备份数据库和文件的工作,你也可以点击WordPress提供的链接,以获取有关WordPress数据库和文件备份的更多信息。

    WordPress更新前备份提示

    在更新之前,请备份您的网站。

    要从较旧的WordPress版本升级到最新版本,点击WordPress更新页面的立即更新按钮即可。

    WordPress“立即更新”按钮

    点击“立即更新”按钮。

    升级通常只需要几秒钟。

    在WordPress更新页面你可以看到升级进度信息,有关验证解压缩文件,启用维护模式以及升级数据库等。

    最后,提示WordPress版本已成功更新。

    注意: WordPress更新会在短时间内(通常是几秒钟)将您的网站切换到维护模式。建议尽可能在网站访客较少的时段执行WordPress更新,虽然更新所需时间比较短。

    WordPress更新期间显示的信息

    WordPress更新期间显示的信息

    完成WordPress版本更新后会跳转至“关于WordPress”页面,以帮助你了解WordPress最新版本的新功能、鸣谢等信息。

    WordPress 5.7的“新功能”页面

    WordPress 5.7的“新功能”页面

    为确保更新完成,请返回WordPress仪表盘,并在“概况”模块下查看当前的WordPress版本。与WordPress Versions Codex页面上发布版本列表最下方的版本号进行对比,确保当前所安装版本为最新版本WordPress。

    仪表盘WordPress版本

    在仪表盘上查看新的WordPress版本。

    WordPress版本升级过程还会显示您应该进行的其他更新。例如,它提到了插件和主题更新。

    默认情况下,橙色数字图标显示在存在必要更新的区域旁边。 你可以通过“仪表盘-首页选项卡下更新以查看所有需要更新的内容。

    转到WP仪表盘中的“插件”菜单

    转到WP仪表盘中的“插件”菜单

    无论是主题,插件还是WordPress核心更新,都提供了更新的快速链接。建议站长尽可能更新最新版本的WordPress,插件和主题,以确保网站安全和性能。

    插件更新链接

    点击插件的“立即更新”链接

    使用FTP升级WordPress版本

    尽管获取自动更新或通过仪表盘的更新提示执行操作是最直接的方式,但还有另一种更新WordPress的方法。如果您不喜欢更直接的仪表盘升级,或者由于某种原因失去了对仪表盘的访问权限,则可以考虑使用此方法。

    它涉及FTP(文件传输协议),您可以在其中将最新的WordPress版本下载到电脑上。然后,通过FTP客户端用新文件替换站点的旧文件。

    使用FTP客户端更新WordPress时,请转到WordPress.org下载页面。找到“下载WordPress”按钮。

    下载最新的WordPress版本

    下载最新的WordPress版本

    单击此选项将一个zip文件下载保存电脑的任意位置,然后右键单击zip文件以提取所有文件。

    解压WordPress安装包

    提取最新WordPress版本的文件

    提取的文件夹将显示当前的WordPress版本号。

    WordPress压缩包解压文件夹

    最新WordPress版本下载文件解压得到的文件夹

    进入该文件夹下的wordpress文件下可看到所有WordPress核心文件及文件夹,这些都需要我们通过FTP上传的资源。

    检查最新WordPress版本的所有文件

    检查最新WordPress版本的所有文件

    接下来,打开FTP客户端并连接到WordPress网站服务器。

    需要使用主机/IP地址,用户名,密码和端口连接到站点的根文件夹。

    连接到服务器后,在右列中找到安装WordPress的根文件夹。根文件夹通常称为public。有时,它是以网站域名命名。

    无论如何,打开根文件夹都会显示wp-adminwp-content等文件夹。这些文件目录看起来应该与您在“计算机文件”列中看到的几乎相同。主要区别在于“计算机文件”列为最新的WordPress。

    选择新的更新文件夹中的所有文件。右键单击该选择,然后单击上传按钮。

    通过FTP上传最新的WordPress版本

    通过FTP上传最新的WordPress版本

    FTP客户端尝试将所有文​​件从计算机上传到远程网站服务器。该过程将替换旧文件,因此您应选择“覆盖”,并在单击“确定”之前始终使用此操作

     

    覆盖当前的WordPress版本

    用最新版本覆盖当前的WordPress版

    如果FTP客户端上载了所有文件,则提示成功消息。

    这很有可能结束该过程。但是,您可能还需要更新数据库。关闭FTP客户端,然后登录你的WordPress网站后台。

    如果在仪表盘上看到以下消息,请单击“更新WordPress数据库”按钮。

    更新WordPress数据库

    点击“更新WordPress数据库”按钮。

    如果没有数据库更新消息出现,也说明完成了WordPress更新动作!如果新的WordPress版本本身需要您升级数据库,我们通常只会看到数据库更新要求。

    WordPress版本更新后的注意事项

    在更新WordPress之后,一般不会出现什么幺蛾子。但我们应该留意网站是否会出现故障,才是明智之举。

    将WordPress核心文件完全替换为新文件,有可能因为插件或主题与最新更新冲突。或者,您可能会发现有一个值得注意的错误,也可以报告给WordPress。

    建议更新WordPress版本后清除缓存,并在新的浏览器窗口中打开你的WordPress网站,以确保一切如常。建议也登录网站后台简单测试下,以确保后台功能正常。

    每年有多少新的WordPress版本发布?

    WordPress有一个“发布周期”,其中他们指派一个或多个WordPress核心开发人员来领导以下WordPress版本的规划,开发和发布。每个周期包含五个阶段,从计划和开发到发布和上线。

    每个发布周期通常需要大约四个月。

    但是,如果最新的主要WordPress版本存在更多错误,则发布周期有时会更改。

    因此,目标是一年内发布三个(也许四个)主要版本,但并不总是这样。过去的WordPress版本每年还会发布更多次要维护版本,因此,这似乎都取决于可用的资源和时间。

    例如,2020年出现了三个主要的WordPress版本,其中包括:

    • 2020年3月31日的WordPress 5.4(Nat Adderley)
    • 2020年8月11日的WordPress 5.5(Billy Eckstine)
    • 2020年12月8日的WordPress 5.6(Nina Simone)

    然而2017年只有两个主要版本:分别在6月的4.8版和11月的4.9版。2018年仅看到一个WordPress版本,直到2018年12月6日WordPress才发布5.0版“ BeboValdés”更新。

    每个版本的情况和范围都是唯一的。因此,不可能完全预测每年将发布多少次更新。2018年是一个很好的例子。5.0版是一个革命性的发行版,WordPress彻底修改了其编辑器,并添加了拖放块模块(Gutenberg编辑器),巨大的工作量使得整个发布花了整整一年的时间。

    至于更多的次要发行版(主要是维护和性能调整),我们倾向于每年看到数十个发行版。5.4版在2020年进行了四次更新。5.3版,5.2版和5.1版也是如此。

    您可能会在这里注意到趋势。简而言之,开发人员最终会找出重要版本中的大多数错误。然后,对于过去的版本,他们可以遵循更常规的四个发布周期来处理常规维护更新。

    上一年的所有WordPress当前版本更新

    WordPress 5.7于2021年3月9日发布。迄今为止,以前的版本WordPress 5.6已进行了三个次要更新,包括其初始版本。以下是每个更新的一些详细信息:

    WordPress 5.6.1更新– 2021年2月3日

    WordPress 5.6.1是一个标准维护版本,涵盖了Gutenberg区块编辑器中报告的七个问题。他们还报告了5.6基础结构中20个错误的修复程序。

    WordPress认为这是“短周期维护版本”,这意味着它仅在12月发布先前版本后就清除了一些问题。

    WordPress Trac中找到此版本的所有错误修复。

    WordPress 5.6.2更新– 2021年2月22日

    自从2月初发布原始维护版本以来,另一个快速维护版本5.6.2针对五个问题的错误修复。WordPress建议用户更新至5.6.2,以获得最佳性能和安全性。

    在WordPress Trac中找到此版本的所有错误修复

    其他最近的WordPress版本

    仍可获取更新的WordPress版本的最新维护版本包括:

    • 5.6.2 – 2021年2月22日
    • 5.5.3 – 2020年10月30日
    • 5.4.4 – 2020年10月30日
    • 5.3.6 – 2020年10月30日
    • 5.2.9 – 2020年10月30日
    • 5.1.8 – 2020年10月30日
    • 5.0.11 – 2020年10月29日
    • 4.9.16 – 2020年10月29日
    • 4.8.15 – 2020年10月29日

    该列表可以追溯到WordPress 3.7(于2013年发布),该版本于2020年10月进行了第35次更新。WordPress3.6是最后一个停止更新的版本。

    WordPress的近几年主要更新包括:

    • WordPress 5.6 “ Nina Simone” – 2020年12月8日
    • WordPress 5.5 “ Billy Eckstine” – 2020年8月11日
    • WordPress 5.4 “ Nat Adderley” – 2020年3月31日
    • WordPress 5.3 “ Rahsaan Roland Kirk” – 2019年11月12日
    • WordPress 5.2 “ Jaco Pastorius” – 2019年5月7日
    • WordPress 5.1 “ Betty Carter” – 2019年2月21日
    • WordPress 5.0 “ BeboValdés” – 2018年12月6日
    • WordPress 4.9 “ Billy Tipton” – 2017年11月15日

    未来的WordPress更新

    WordPress的开发从团队领导开始,并分为五个阶段。这些阶段是:

    1. 规划和团队领导
    2. 开始开发
    3. Beta阶段
    4. 发布候选
    5. 对外发布

    这个周期可能导致一年发布三到四个主要版本。但是,这取决于每个发行版的大小和范围。请记住,有些年份只有一两个版本。

    在最初的五个阶段之后,一个较小的发行版可以帮助团队摆脱大多数错误。然后是最终的主要版本。

    小结

    更新至最新的WordPress版本十分重要(但恰恰许多站长选择忽略它)。最新版本的WordPress可以确保WordPress网站始终处于最佳状态。更不用说,它带来了更好的安全性和性能。

    估计WordPress发现部分站长的惰性,也推出自动更新功能,以帮助站长利用它来自动将所有WordPress网站更新到最新版本。如果您要管理许多站点,则此功能非常方便。

    最后,您可以转到官方的“发布存档”页面,了解最新的WordPress版本,该页面列出了每个WordPress版本的所有详细信息,包括次要维护更新和主要版本。

    如果您对查找当前WordPress版本和升级到最新WordPress版本有任何疑问,欢迎留言讨论。

  • 如何在WordPress网站设置亚马逊广告投放

    WordPress网站除了可以申请投放诸如谷歌广告、百度广告之类的广告联盟之外,还可以考虑投入亚马逊、京东和天猫等电商的返利广告。

    如果你的WordPress网站面向的是英文语种的网友,亚马逊广告可能是一种在线赚钱的好方法。另外,与其他网络广告相比,它的审批流程更快捷,更简单。

    在本教程中,我们将详细介绍如何在WordPress网站上设置Amazon广告投放。

    亚马逊广告投放教程

    什么是亚马逊广告?

    亚马逊广告是来自亚马逊网络的展示广告。这些广告的运作方式类似于Google AdSense和其他广告网络。但是,这些广告将展示来自亚马逊的相关产品。

    您可以在整个内容中或文章的末尾添加Amazon展示广告,以吸引读者点击。

    原生广告将根据内容和搜索历史向访问者展示相关产品。

    设置过程非常简单。您只需将代码添加到您的网站,它就会自动在您的网站上展示广告。也就是说您无需进行任何其他工作即可获得更多收入。

    您可以将3种不同类型的本地购物广告添加到网站中:

    • 推荐广告-根据内容和用户的搜索历史显示产品
    • 搜索广告-支持用户在您的网站搜索Amazon产品
    • 自定义广告-可实现向读者展示您喜欢的产品

    为什么投放Amazon广告?

    亚马逊广告的审批流程要快得多,这意味着您可以通过展示广告和会员营销快速开始赚钱。

    广告联盟是WordPress博客最赚钱的方式之一。

    但是,许多广告联盟都有严格的批准程序,如果您是新手,则可能需要一段时间才能使您的网站获得批准。

    相对其他广告联盟,亚马逊广告的审批时间更加短。如果您将来通过其他广告联盟,则与亚马逊广告混合一起进行投放。

    根据您网站类型,这些广告也可以很好地转换。

    如何在WordPress网站上设置亚马逊广告

    您可以通过多种方法将Amazon广告添加到WordPress网站。

    首先您需要先加入亚马逊,然后才能在您的网站上投放亚马逊广告。

    转到Amazon Associates计划网站,然后单击“Sign Up”按钮进行注册。

    Amazon Associates计划

    接下来,将要求您使用与该帐户相关联的电子邮件和密码登录到您现有的Amazon帐户。

    如果您没有亚马逊帐户,则需要创建一个。

    登录帐户后,您需要添加其他帐户信息并回答有关您的网站的问题。按照说明完成您的个人资料(英文不OK,可以借助谷歌翻译或者百度翻译)。

    Amazon广告联盟帐户

    完成后,您的应用程序将由亚马逊审核。相对其他广告联盟来说,亚马逊广告的批准过程一般情况会非常快,也相对比较容易通过审核。

    创建Amazon广告代码

    将Amazon广告添加到WordPress之前,您需要创建亚马逊广告代码。

    打开Amazon Associates广告编辑器。然后,导航至Product Linking » Native Shopping Ads

    Native Shopping Ads

    之后,点击“Recommendation Ads(推荐广告)”。

    您也可以创建“Custom Ads(自定义广告)”或“Search Ads(搜索广告)”,在本教程中,我们将以“推荐产品广告”作为演示。

    亚马逊推荐广告

    接下来,您需为广告命名,选择广告格式及广告展示的产品类别。还可以设置关键字后备广告。

    亚马逊推荐广告关键词设置

    如果没有要显示的相关产品,那么亚马逊将拉出与该关键字相关的产品。

    您还可以在台式机和移动设备上预览广告。

    生成亚马逊广告代码

    进行更改后,请确保点击“Save and View Ad Code”。

    然后,复制广告代码并将其粘贴到文本编辑器中。稍后,您将需要此代码实现将亚马逊广告嵌入WordPress。

    复制亚马逊广告代码

    下面,将Amazon广告添加到WordPress网站。

    方法1.在WordPress中添加Amazon Native Display Ads

    将Amazon展示广告添加到WordPress非常简单。

    您将有多种不同的显示选项和广告类型可供选择。

    例如,假设您正在撰写有关如何改善姿势的文章。您可以在文章末尾添加Amazon Native展示广告,其中包含姿势校正器等相关商品。

    亚马逊广告示例

    添加Amazon Ads的最简单方法是使用WordPress插件。

    我们推荐使用WP Advanced Ads插件。该插件易于使用,可快速将多种广告类型(包括Amazon广告)嵌入到WordPress网站中。

    首先,需要安装并启用插件。

    WP Advanced Ads插件新增广告

    启用插件后,WordPress管理后台将新增一个“Advanced Ads”菜单项。导航到Advanced Ads » Ads ,然后单击“New Ad”以创建新广告。

    为该广告创建标题以便于后面管理识别,选择“Plain Text and Code”,然后点击“Next”进入下一个步骤。

    WP Advanced Ads插件广告设置

    然后,贴入前面所创建的Amazon广告代码。

    然后,点击“Next”。

    WP Advanced Ads插件广告代码设置

    在下一个步骤,您还可以选择对某些用户和页面隐藏广告。为了方便演示,此处我们将保留默认设置。之后,单击“Next”。

    接着下来,选择亚马逊广告的展示位置。您可以选择多个选项,包括在内容之前,之后和内容混合。您还可以选择在侧边栏中显示Amazon广告。

    本次演示选择“After Content(内容后)”,您可以根据网站实际情况选择最适合的选项。

    WP Advanced Ads插件广告位置设置

    选择显示选项后,亚马逊广告现在将在您网站的前端显示。

    方法2.在WordPress网站添加Amazon Affiliate链接

    您希望创建一个亚马逊返利网站吗?联盟网站的运作方式与仅通过展示广告获利的网站有所不同。

    通过返利营销,只要网站访客点击链接并购买产品,站长即可从中赚取佣金。

    借助合适的插件,将Amazon返利链接添加到WordPress网站。我们建议使用 Pretty LinksThirsty Affiliates。这应该是WordPress最好的两个返利联盟插件。

    下面我们将以Pretty Links作为使用演示。

    安装并启用Pretty Links插件后,WordPress仪表盘将会新增一个新菜单项“Pretty Links”。

    在Pretty Links中创建返利链接之前,需要转到Amazon Associates仪表盘并创建一个链接。进入信息中心后,导航至Product Linking » Product links

    亚马逊推荐产品搜索

    在这里,您可以搜索要为其创建返利链接的产品。

    找到产品后,点击“Get Link”。

    获取亚马逊商品返利链接

    接下来,您需要复制链接代码。

    为此,请点击“Text Only”导航项,然后选中“Short Link”。

    亚马逊返利商品短链

    将会在下方显示您需要复制的返利链接。

    返回WordPress仪表盘并导航至Pretty Links»Add New

    添加新的pretty link

    接下来,您需要命名链接,添加目标URL并创建链接。

    您的目标URL是您从Amazon Associates帐户复制的链接。“Pretty Link”则是您要使用的缩短的URL。

    此外,请确保您选择301重定向。进行更改后,单击“Update”以保存链接。

    现在,您可以将返利链接添加到您的内容中。

    打开WordPress页面或文章编辑,在文章编辑器中,突出显示要链接的文本,然后从上方复制您的返利链接。

    添加亚马逊返利链接

    现在,当您的读者单击链接时,他们将被带到亚马逊商店中的产品。如果他们购买了产品,那么您将获得佣金。

    方法3.在WordPress中添加Amazon Popup Ads

    将Amazon广告添加到WordPress网站的另一种方法是弹出窗口广告。您将完全控制何时弹出窗口以及如何显示在您的网站上。

    您甚至可以根据用户的行为,位置,正在查看的页面等来个性化弹出窗口。

    添加Amazon弹出广告的最简单方法是使用OptinMonster。该插件是插件市场上最好用的WordPress潜在客户转化插件之一。

    插件可以帮助您实现将各种弹出窗口添加到WordPress网站。

    首先,您需要在WordPress网站上安装并启用OptinMonster插件

    该插件可充当WordPress网站和OptinMonster软件之间的连接器。

    安装并启用插件后,点击WordPress管理栏中的“OptinMonster”菜单项。

    optinmonster菜单选项

    之后,您需要通过单击“启动安装向导”将您的站点连接到OptinMonster。

    在这里,您可以连接到现有帐户或申请免费帐户。

    optinmonster插件按照向导

    完成设置向导后,您的WordPress网站将连接到OptinMosnter。

    要开始制作弹出广告,可导航至OptinMonster»Campaigns

    然后点击“Add New”以创建一个新的广告系列。

    optinmonster插件新增广告

    之后,选择“Popup”广告系列类型。

    接下来,选择广告系列模板。下面的演示将选择“Canvas”模板,因为这为我们提供了一个空白模板来添加亚马逊广告代码。

    optinmonster canvas广告模板

    然后,输入广告系列名称的名称,然后点击“Start Building”。

    广告系列的名称不会出现在您的设计中,而是可以帮助你后期识别并管理。

    optinmonster广告命名

    这将打开OptinMonster应用程序,您可以在其中自定义弹出窗口的外观。

    一般不会进行太多的视觉更改,直接复制并粘贴您此前生成的Amazon广告代码。

    optinmonster插件HTML区块

    首先,单击“Blocks”,然后选择“ HTML”块并将其拖到上方。

    在“Editing HTML Element”框中,粘贴您的Amazon广告代码。它会自动出现在编辑器中。

    添加亚马逊HTML广告代码

    您可以通过添加新的区块,标题,文本等来进一步自定义弹出窗口。

    直到你对弹出窗口的外观感到满意后,请确保单击“Save”,然后单击“Display Rules”选项卡。

    optinmonster弹窗广告显示规则

    此处可设置弹出广告显示选项。

    默认设置是当访问者在页面上停留至少5秒钟时显示的弹出窗口。但是,如果您希望时间段更短或更长,则可以对此进行调整。之后,点击“Next Step”。

    我们建议此步骤保留默认选项。如果需要,可以随意添加动画或声音效果。完成后,点击“Next Step”。

    在“Summary”页面上,您可以再次检查显示设置是否正确。

    optinmonster弹窗广告显示规则概况

    之后,转到“Publish”标签,然后将“Publish Status”从草稿切换为发布。

    最后点击“Save”并退出界面。

    optinmonster弹窗广告发布

    现在,您的Amazon广告弹出窗口将根据你所设置的规则在网站上实时显示。

    OptinMonster是少数几个支持弹出式广告的WordPress插件,且支持个性化设置。OptinMonster所支持的显示规则非常强大,您可以使用它来定制显示多个Amazon广告。

    最后,希望本教程能帮助您有效地投放管理Amazon广告,enjoy!

  • 如何修复WordPress侧边栏错位移位问题

    修复WordPress侧边栏错位移位问题

    完善WordPress网站的布局可能需要做很多工作,但这对于用户体验(UX),参与度和转化率也是必不可少的。因此,当看似随机的错误导致站点显示错位时,例如侧边栏突然出现在内容下方而不是侧面时,这是件让站长和访客都烦心的事情。

    一般WordPress侧边栏移位错位主要归结为超文本标记语言(HTML)或级联样式表(CSS)的问题。幸运的是,这些问题相对容易解决,一般可以快速让站点恢复原来的样子。

    在本教程中,我们将介绍导致此错误的常见原因,及如何通过三个简单步骤解决该错误。

    WordPress侧栏错位至页面下方的常见原因

    WordPress的侧边栏应显示在页面主要部分的左侧或右侧(或有时同时显示在这两个区域)。它们通常包含小部件,注册表单,指向相关文章的链接或您想要包含在整个网站中的类似内容。

    由于各种错误,侧边栏有时可能会显示在页面底部,而不是左侧或右侧。

    主要原因一般为网站上的HTML或CSS问题。通常,这是您对网站代码(例如主题或插件文件)进行了直接更改的结果。

    例如,页面上可能有一个额外的或未闭合<div>标签。该问题甚至可能归因于CSS中不正确的宽度和浮动设置。幸运的是,解决此错误很容易。

    如何修复WordPress侧栏错位问题

    现在我们知道造成这种混乱错误的潜在原因,如何修正?我们建议按顺序执行以下三个步骤,仅在前一个步骤不起作用时才继续执行下一个步骤。在开始之前,务必先备份您的站点 ,以防万一。

    步骤1:撤消最近的更改

    第一步也是最简单的。如果在更改站点后侧边栏发生了错位(无论是安装新插件,添加自定义代码还是其他操作),只需将其撤消即可。撤消操作既可以将布局恢复为原始,又可以帮助找出问题的原因。

    因此,您可以先撤消更改并刷新网站,以查看侧边栏是否又回到了正确的位置。如果是这样,那么您可以尝试进行任何更改来寻找潜在的问题。例如,如果您安装了新插件,请检查替代方法。如果您更改或添加了网站代码,请检查是否有任何拼写错误或语法错误

    步骤2:修复未封闭的<div>标签或删除多余的<div>标签

    通常,网站代码中未封闭或多余的<div>标记是WordPress侧边栏错误的原因。这些HTML标记 定义了您网站上各个部分的边界。如果放置不正确,浏览器将无法正确渲染网站。

    这是一个格式正确的页面的示例:

    正确div标签

    以下是带有未闭合的<div>标签的同一页面:

    未闭合div标签

    您可以看到结束的<div>标记应该缺少正斜杠。结果,浏览器不知道它是要关闭的,并且应该位于元素外部的内容现在位于内部。

    要解决此问题,请梳理您修改过的所有模板文件,并寻找缺失或多余的标签。通常,这些错误可以在WordPress主题的“模板部分”文件中找到。进入WordPress仪表盘,然后导航到“外观>主题编辑器”。

    WordPress主题编辑器

     

    从顶部的下拉菜单中选择正确的主题,然后在侧栏中找到模板部分。

    主题编辑器修改代码

    生成页面和文章的模板通常在内容部分下。从列表中找到所需的一个,进行检查,然后进行任何更正。然后,您可以单击更新文件以保存您的更改。

    如果您知道编辑了哪个文件,则可以直接跳到那里。否则,您需要检查它们是否存在不一致之处。

    WordPress教程:优化WordPress网站以提高速度

    步骤3:更正CSS问题

    导致此错误的另一个常见原因是网站的CSS样式。WordPress定制程序的“其他CSS”部分使您可以将自定义CSS添加到您的网站。

    额外CSS错误问题

     

    如果您使用了此功能或通过其他方式编辑了CSS,则可能是错误地格式化了代码。在移动侧栏的情况下,最常见的罪魁祸首是“宽度”属性。

    您应该仔细检查Content和Sidebar元素的宽度总和不超过Wrap元素的宽度。如果是这样,较小的元素将被向下推以使其适合。

    WordPress教程:如何在WordPress网站上实施缓存

    简化侧边栏问题疑难解答的工具

    您也可以自行解决问题,而无需使用代码。有几种在线在线工具可以验证您的代码并检查其错误。

    您可以使用W3C标记验证服务 来检查HTML代码,使用W3C CSS验证服务检查CSS样式文件,Online Web Check则可以同时校验HTML和CSS。

    如果您只想再看一遍代码,而不论其技术水平如何,这些在线服务也是很棒的。

    其他WordPress资源

    除了本教程!我们整理了不少文章,以帮助您解决各种WordPress问题:

    如果您正在寻找更多的WordPress技巧,请查看我们的WordPress教程

    小结

    在玩WordPress的过程中可能遇到无数的错误,侧边栏错位只是其中的一个。幸运的是,如果问题只是侧边栏跑到页面下方,则修复相对简单!

    要解决出现在页面下方的侧边栏错误,您可以按照以下三个步骤操作:

    1. 撤消出现错误之前对网站所做的任何更改。
    2. 检查并修复代码中未闭合或多余的<div>标记。
    3. 验证网站的CSS是否正确。
  • 如何实现WordPress文章分页显示

    不知道作为站长的您,是否曾经考虑过将WordPress长文章拆分多个页面显示?

    将较长内容文章分成几页,可以在某种程度上提升访客阅读文章和浏览体验。在本教程中,我们将介绍比较简单的方法以实现WordPress文章分页显示。

    WordPress文章分页显示

    为什么要将WordPress文章分页显示?

    如果您的博客文章太长,比如数千字,则设置分页可以提高内容的可读性。

    它有助于将文章分为不同的部分,并将它们分为多个页面。这样,访客更容易消化页面内容并阅读他们感兴趣的任何部分。

    拆分WordPress文章的另一个好处是,它可以帮助增加网页浏览量并增加广告收入。

    下面,让我们看一下如何将WordPress文章分成多个页面。

    方法1.无需插件实现WordPress文章分页

    设置分页的最简单方法是使用WordPress内容编辑器中的“分页符”区块。不需要WordPress插件即可将文章分成多个页面。

    首先,在WordPress网站上编辑或添加新文章。之后,光标移至你需要分拆页面的位置,点击加号(+)按钮,并添加一个“分页符”区块。

    添加分页符区块

    在内容中看到一个分页符行,即代表分页出现的位置。

    文章分页符示例

    如果您使用的是经典编辑器,请使用<!––nextpage––>标记分页内容。

    只需编辑任何博客文章,然后转到“文本”视图以输入标签即可实现内容分页。

    经典编辑器分页符代码

    您也可以使用键盘上的Alt + Shift + P键插入分页符。为此,请转到“可视”视图,然后在要添加分页符的位置按键盘快捷键。

    之后,您可以预览和发布博客文章。现在,您将在内容底部看到文章分页导航。

    文章分页导航示例

    方法2.利用插件实现WordPress文章分页

    将长的文章内容分为多个页面的另一种方法是使用WordPress插件。这种方法的好处是,当符合特定条件时,它将自动对文章进行分页处理。

    对于这种方法,我们将使用免费的“Automatically Paginate Posts”插件,因为它易于使用,兼容任何WordPress主题。

    首先,在WordPress网站上安装并启用“Automatically Paginate Posts”插件。

    插件在您的网站上启用后,转到“设置”»“阅读”,然后向下滚动到“Automatically Paginate Posts”部分。

    您可以选择文章类型以分成不同的页面。之后,选择是按总页数还是每页文字数量来拆分文章。

    automatically-paginate-posts插件设置

    最后点击“保存更改”即可生效。

    该插件将根据设置自动拆分指定的文章类型内容。当然,您也可以在使用插件时手动将分页符添加到您的内容中。

    我们希望本教程能帮助您学会将WordPress文章页拆分成多个页面。

    温馨提示:适当地进行文章拆分多个页面,有利于阅读体验。过度拆分多个页面,也可能导致糟糕的用户体验。除了分页处理文章,也可以通过文章导航的方式优化文章阅读体验。

  • 如何增加WordPress网站广告展现量

    能够通过广告刷新来增加WordPress中的广告展示次数?答案明显是,可以的。

    通过广告刷新,实现在访问者浏览网站时在相同的位置刷新广告。这项简单的更改可以增加广告展现量和总体广告收入。

    在本教程中,将详细介绍如何通过在广告位中使用广告刷新来增加WordPress的广告展示量。

    如何增加WordPress网站广告展现量

    为什么要增加WordPress广告展示次数?

    通过广告刷新,可以在同一位置展示多个广告,广告就可以获得更多的展示次数和点击次数。这也也可以在不重新加载页面的情况下向访问者展示新广告。

    传统的展示广告在不刷新页面的情况下在一个位置仅展示一个广告。如果您发现一个位置的广告效果比较好,则可以通过在该位置展示多个广告来赚取更多收入。

    广告刷新不仅可以增加广告展示次数,也是广告策略中非常有用的一部分。

    • 可以在同一位置测试不同的广告,以查看效果更好的广告
    • 可以通过展示新的独特广告来减少广告盲目性

    但是,在将广告刷新功能添加到WordPress网站之前,需要提及一些重要事项。

    • 启用广告刷新后,网站上可见广告的总数可能会受到广告联盟的限制
    • 计算轮播广告的展示次数可能会降低网站速度
    • 此类广告可能违反Google AdSense准则,因此您需要小心或使用其他广告联盟

    下面我们将分享两个不同的WordPress广告插件,以实现在WordPress添加广告刷新功能。

    方法1:使用Advanced Ads插件通过广告刷新来增加广告展示量

    使用Advanced Ads插件将广告刷新添加到WordPress。该插件易于使用,可以实现为特定广告位置设置广告刷新。

    注意:该插件提供免费版本和付费版本,仅付费版本广告刷新功能。

    需要做的第一件事是安装并启用Advanced Ads插件。

    启用插件后,在WordPress管理后台菜单会增加一个“Advanced Ads”菜单项。

    您需要输入插件专业版的许可证密钥才可以使用高级功能。转至“Advanced Ads”»“Settings”,然后单击“Licenses”菜单选项。

    在“Pro”框中输入许可证密钥,然后单击“Update License”。

    Advanced Ads插件授权

    接下来,点击“Pro”菜单选项,在当前界面启用“Cache Busting”选项,这将打开广告组的刷新率。

    勾选“Activate module”旁边的“Force passive cache-busting”复选框,选中“Force passive cache-busting”复选框。

    完成这些更改后,保存设置。

    Advanced Ads插件缓存设置

    然后,创建一个广告组,该广告组将轮播组内的广告。

    导航到Advanced Ads » Groups & Rotation,然后单击“Add New Ad Group”按钮,进行广告组命名,然后单击保存。

    Advanced Ads插件广告组

    然后,需要将单个广告添加到广告组中。首先,导航至Advanced Ads » Ads,然后点击“New Ad”。

    接下来,添加广告标题并选择“Plain Text and Code”,然后单击“Next”。

    Advanced Ads插件新增广告

    完成此操作后,您可以添加广告代码。可以是Mediavine或Ezoic之类的第三方广告网络,也可以是您在WordPress博客上出售的广告代码。

    然后,单击“Next”。

    Advanced Ads插件新增广告代码

    在下一个界面上,可以选择对某些用户和页面隐藏广告。此处我们将保留默认设置。之后,单击“Next”。

    跟着,可以选择展示广告位置。本教程不在此处选择展示位置选项,演示将使用随附的广告窗口小工具。

    您也可以查看广告参数并在此页面上显示设置。

    接下来,您需要将此广告添加到您之前创建的广告组中。找到“Ad Groups & Rotations”框,然后单击广告类别的复选框。

    然后点击“Update”以保存更改。

    Advanced Ads插件选择广告组分类

    您需要对要添加到广告组中的每个广告重复上述过程。这些广告在WordPress博客对访问者实现刷新轮播。

    你还可以更改广告刷新方式的显示设置。导航到“Advanced Ads”»“Ad Groups & Rotations”,然后单击此前创建的广告组名称。

    这将弹出一个下拉菜单,您可以在其中自定义广告组的显示方式。

    Advanced Ads插件广告组刷新设置

    可以选择为显示随机广告(random ads),顺序广告(ordered ads),广告网格(ad grid)或广告滑块(ad slider)。我们将选择“ad slider”选项,因为这将简单地在我们的广告中滑动。

    接下来,需要设置每个广告切换到下一个广告之前将暂停时间。

    之后,选择要添加到广告组中的广告。完成后,请确保单击“Update Groups”以保存更改。

    Advanced Ads插件广告刷新参数

    将刷新广告组添加到WordPress

    要将轮播广告添加到侧边栏或其他窗口小工具区域,请导航至外观»小工具

    然后找到“Advanced Ads”小工具。

    advanced ads小工具

    选择您要在其中显示广告组的窗口小工具区域,然后单击“添加窗口小工具”。

    之后,给小工具命名,从下拉列表中选择广告组,然后点击“保存”。

    添加advanced ads广告组至小工具

    现在,轮播广告单元即在WordPress网站上发布。

    网站访客将看到您根据之前设置的时间限制刷新广告单元。

    advanced ads广告轮播示例

    您还可以使用以下简码将轮播广告组添加到WordPress。只需将简码复制并粘贴到您希望展示广告的任何页面或文章中。

    [the_ad_group id="4"]

    注:需要将简码中的“id”更改为你的广告组id。在Advanced Ads » Ad Groups & Rotations,在广告组列表广告组对应Details列可以查看广告组ID。

    advanced ads广告组ID

    方法2:使用Ad Refresh Control插件实现WordPress广告刷新

    此方法将使用免费的Ad Refresh Control插件。该插件仅将广告刷新功能添加到您现有的广告位中。

    请注意,该插件不是广告管理插件,您需要使用广告管理插件将广告添加到WordPress。您可以使用第一种方法介绍到的Advanced Ads插件或其他广告管理插件。

    将广告单元添加到WordPress之后,再利用Ad Refresh Control插件将广告刷新功能添加到广告单元中。

    首先需要安装并启用Ad Refresh Control插件。然后导航至Settings » Ad Refresh Control

    在该界面上,进行广告刷新设置。这些设置对应全局,将应用于网站上的所有广告单元。

    最重要的插件设置是“Viewability Threshold(可见阈值)”,“Refresh Interval(刷新间隔)”和“Maximum Refreshes(最大刷新)”。

    Ad Refresh Control插件设置

    “可见阈值”是指需要看到多少广告才被视为一次展示。

    “刷新间隔”是指广告在刷新之前将显示多长时间。

    “最大刷新次数”将设置广告位的刷新次数。

    您可以更改这些数字,但是,由于它们符合大多数现有的广告联盟的要求,建议保留默认设置即可。

    Ad Refresh Control插件设置2

    插件设置甚至直接可以保留为空。但是,如果要排除特定的广告单元或广告尺寸,则可以添加添加单元尺寸或广告单元ID。

    完成更改后,点击“Save Changes”按钮。

    至此,广告单元将根据上述插件设置自动为访客刷新。

    设置跟踪以查看刷新广告效果如何

    在WordPress中设置广告刷新后,您还需要监视广告的效果。这样站长才清楚哪些广告单元获得了最佳转化,以及广告刷新单元是否获得了更多展示。

    最好的方法是使用Google Analytics(分析)。但是,可能难以正确设置分析。

    也可以考虑使用MonsterInsights,该插件目前已经有超过300万个网站使用,属于WordPress最佳分析解决方案之一。

    它使您可以简单地在WordPress中设置转化跟踪,因此您可以创建唯一的广告跟踪代码,并查看您的广告在整个WordPress博客中的效果。

    MonsterInsights广告效果统计

    最后,希望本教程能帮助您通过广告刷新来增加WordPress广告展示量及获取更大的广告收益。

  • 如何使用WordPress导入工具迁入其他网站内容

    wordpress-import-tool-featured-image

    有没有办法将其他平台的网站或博客内容导入WordPress吗?答案是,有的!WordPress中有一个内置工具,可以轻松地将内容从一个网站(甚至一个平台)迁移到WordPress网站:WordPress导入工具。

    在本文中,我们将介绍WordPress导入工具以及导入内容和博客所需采取的步骤。

    与导入工具兼容的平台和网站

    WordPress导入工具不仅支持导入其他的WordPress网站而且还支持从其他平台导入网站内容。除了WordPress,还支持导入的网站平台包括:

    • Blogger
    • Blogroll
    • 分类与标签转换器
    • LiveJournal
    • Medium
    • Movable Type和TypePad
    • Squarespace
    • Tumblr
    • Wix
    • Xanga

    每种导入方法都略有不同,具体取决于每个站点提供的导出格式。我们将在本文的稍后部分介绍各种接口。

    如何访问WordPress导入工具

    1.登录到WordPress帐户并导航到仪表盘。

    2.在控制面板中,查看界面左侧的主管理菜单“工具”。

    3.将鼠标悬停在“工具”上,您将在其中看到“导入和导出”选项。单击工具以展开菜单,然后选择导入。

    et-wordpressimport-2

    4.在“导入内容”屏幕上,您将看到用于从WordPress,Blogger,Medium,Squarespace和Wix导入内容的选项的初步列表。如果准备从这些站点导入内容,则只需选择对应选项即可。如果您尝试更多其他站点导入,请单击菜单底部的“从完整列表中选择”。

    注:本次教程是基于wordpress.com,与自主搭建的WordPress的导入工具所支持的导入工具功能有一定区别

    et-wordpressimport-3

    如果单击“从完整列表中选择”,则将看到其他选项。其中包括Blogger,Blogroll,类别和标签转换器,LiveJournal,Movable Type和TypePad,Tumblr,WordPress和Xanga。

    et-wordpressimport-5

    不同网站平台的WordPress导入工作

    根据您要导入的平台,WordPress的导入会有所不同。该工具可容纳来自受支持网站的不同类型的导出文件,因此,例如,从Tumblr导入与SquareSpace导入将是不同的体验。

    WordPress为每个平台提供了从该特定站点获取导出的分步教程。在“导入”菜单中,只需单击您要从中导入的平台,然后单击蓝色链接,该链接需要导出内容吗?(有关示例,请参见下面的Blogger图像。)

    Blogger

    从Blogger导入内容涉及拖放过程。如果要从Blogger导入,首先需要从Blogger网站获取XML导出。然后,将其拖放到WordPress导入中。

    et-wordpressimport-blogger

    Blogroll

    Blogroll以OPML格式导出其内容。创建Blogroll导出后,您可以在页面上粘贴OPML URL,也可以上传文件进行导入。

    et-wordpressimport-blogroll

    分类与标签转换器

    WordPress导入允许用户将现有博客类别转换为标签。选择此选项时,标签列表将填充在导入页面上。单击要转换为标签的类别的复选框,然后单击“将类别转换为标签”。您选择转换的任何类别中的子类别将成为顶级孤儿,因此在选择此选项之前,请记住这一点。

    et-wordpressimport-categoriestags

    LiveJournal

    如果您准备将LiveJournal导入WordPress,则实际上需要连接您的帐户。您会看到一些字段,可在其中填写用户名,密码以及日记中可能存在的所有受保护文章的密码。如果您没有输入受保护的帖子密码,那么所有文章都将作为公共文章导入WordPress。

    要开始导入,请输入您的信息,然后单击“Connect to LiveJournal and Import”。该过程可能要花费大量时间,具体取决于日志中有多少条目,因此请准备好留出时间来使用该工具。

    et-wordpressimport-lj

    Medium

    要从Medium导入文章,您首先要从Medium运行导出。您将获得一个包含HTML文档的zip文件。导出后,转到新的WordPress网站上载文件,然后按照提示进行导入。

    et-wordpressimport-medium

    Movable Type和TypePad

    对于Movable Type或TypePad导入,您将从博客中导出的文档直接上载到导入工具中。

    et-wordpressimport-movabletype

    Squarespace

    您的Squarespace导出将包含一个XML文件,您可以直接将其上传到WordPress。只需拖放,或单击以上传。

    et-wordpressimport-6

    Tumblr

    您可以通过连接帐户将Tumblr博客直接导入WordPress。单击按钮将您的WordPress帐户链接到Tumblr,然后按照提示连接帐户。

    et-wordpressimport-tumblr

    Wix

    Wix允许从其平台直接导入WordPress。首先,您将输入网站的URL。然后,按照说明连接您的网站,并将您的Wix文章,页面和媒体导入WordPress。

    et-wordpressimport-wix

    WordPress

    如果您选择将一个WordPress网站或博客移至另一个,则可以通过两种方式导入该站点。第一种方法是从初始“导入”菜单中选择WordPress选项(请参阅第3步)。使用此导入界面迁移网站时,您将上传XML文件或zip存档,首先需要从旧的WordPress网站中导出。

    导出后,返回到当前的WordPress仪表板。您可以拖动或单击以通过导入器上传XML或zip文件。

    et-wordpressimport-wordpress

    第二种选择是直接从URL导入旧的WordPress网站。要访问此选项,请先转到“导入”主菜单,然后单击“从完整列表中选择”。(请参阅上面的第4步。)然后,选择WordPress。您会看到一个字段,您可以在其中输入旧WordPress网站的URL。按照提示进行导出,然后将您的旧站点上传到新站点。

    et-wordpressimport-wp2

    如何从原始站点导出内容

    从原始站点到WordPress的导出过程将完全取决于该特定站点的导出工具的工作方式。出于本文的目的,我将向您展示导出Squarespace网站的界面,然后使用WordPress导入工具将其全部上传到我的新网站中。

    1.首先,我登录到Squarespace工作区,然后单击“Settings”。然后,单击Advanced。

    et-wordpressimport-7

    et-wordpressimport-8

    et-wordpressimport-9

    2.进入“Import/Export”屏幕后,选择“Export”。

    et-wordpressimport-10

    3.导出界面提供了导出到WordPress的选项,选择该选项。

    et-wordpressimport-11

    4.在导出过程中,Squarespace填充了我网站上所有内容的列表。完成后,单击“Download”以获取我的XML文件。

    et-wordpressimport-12 et-wordpressimport-13

    如何将原始网站内容导入WordPress导入工具

    5.导出网站内容后,回到WordPress导入工具,然后选择要从中导入的适当平台。回到了“Import”菜单和“Selected Squarespace”。从这里,单击以导入前面从Squarespace导出下载的XML文件,尽管您也可以将文件拖放到导入工具中。

    et-wordpressimport-16

    et-wordpressimport-17

    6.导入开始时,您需要选择要将内容分配给哪个WordPress作者。在前进时请注意这一点。选择作者后,单击“Start Import”。

    et-wordpressimport-18

    7.当您的WordPress导入开始时,您会在页面上看到一个进度条,从该进度条您大致了解该过程将花费多长时间。

    et-wordpressimport-20