作者: tianbao

  • 是否需要服务器类型,CSR代码和RSA密钥来激活SSL?

    是否需要服务器类型,CSR代码和RSA密钥来激活SSL?插图

    这没有硬性规定。这取决于您使用的证书类型。如果你的服务器安装的是LNMP.org的环境,则可以自动生成一个Let’s Encrypt的免费证书;如果使用的是宝塔面板安装的服务器环境,可以选择亚洲诚信证书或者Let’s Encrypt免费证书。

    Let’s Encrypt免费证书,不需要其他信息即可在WordPress网站上安装。如果使用自己的自定义SSL证书,则需要服务器类型,CSR代码和RSA密钥。宝塔面板提供的免费的亚洲诚信证书,还需要实名认证才可以使用。

  • 如何选择SSL证书的服务器类型?

    购买SSL证书时,提供商可能会提示您输入“服务器类型(server type)”。请根据自身的实际情况选择,比如,如果使用的是Nignx服务器则选择:Nginx。 如果不清楚服务器类型,可以选择“其他”或与服务器提供商联系获取相关信息。

    ssl-server-type

    SSL server type example from digicert.com

  • 什么是Pingback?

    今天,我们要讨论的是pingback。pingback基本上是在其他博客链接到您时自动创建的评论。当您链接到自己的博客文章时,也可能会创建self-pingbacks。

    pingback如何运作

    那么什么是pingback?好吧,为了更好地理解它,下面举一个pingback如何工作例子。

    • A在他们的博客上发布了一些东西,并链接到B博客上的文章。
    • pingback将自动发送到B博客,并生成B可以审核的评论。

    注意:双方都必须在其博客上启用pingback才能正常工作。取决于WordPress主题,通常在Post的标准注释上方或下方显示pingback。如果您运行的是第三方评论系统(例如Disqus),则不会显示pingback评论。

    如何禁用Pingbacks

    Pingbacks是一种很好的方式来通知与您链接的人,但它们有时候特别讨厌(尤其是一些站长大量采集转发你的博客文章时)。我们可以使用更好的工具来追踪反向链接 ; 例如Ahrefs,Buzzsumo和SEMrush。因此,在大多数情况下,站长更多的是禁用WordPress的pingbacks功能。可以参考以下步骤操作。

    1.禁用其他博客的Pingbacks

    单击WordPress仪表板中的“设置-讨论”菜单,然后取消选中“允许其他博客发送链接通知(pingback和trackback)”到新文章。

    禁用WordPress的pingback和trackback

    禁用WordPress的pingback和trackback

    2.禁用Self-Pingbacks

    禁用Self-Pingbacks有两种办法。可以使用免费的No Self Pings插件。或者,可以使用perfmatters类的高级插件 ,该插件可让您禁用self-pingbacks以及WordPress网站的其他优化。

    使用permmatter禁止self-pingbacking

    使用permmatter禁止self-pingbacking

    或者,如果你不想使用任何第三方插件,还可以通过修改WordPress主题的functions.php文件实现。

    function wpsites_disable_self_pingbacks( &$links ) {
    foreach ( $links as $l => $link )
    if ( 0 === strpos( $link, get_option( ‘home’ ) ) )
    unset($links[$l]);
    }
    add_action( ‘pre_ping’, ‘wpsites_disable_self_pingbacks’ );
    function wpsites_disable_self_pingbacks( &$links ) {
    foreach ( $links as $l => $link )
    if ( 0 === strpos( $link, get_option( ‘home’ ) ) )
    unset($links[$l]);
    }
    add_action( ‘pre_ping’, ‘wpsites_disable_self_pingbacks’ );
    function wpsites_disable_self_pingbacks( &$links ) { 
     foreach ( $links as $l => $link ) 
           if ( 0 === strpos( $link, get_option( 'home' ) ) ) 
               unset($links[$l]); 
    } 
    add_action( 'pre_ping', 'wpsites_disable_self_pingbacks' );
    敬告:如果操作不正确,编辑WordPress主题源代码可能导致网站出现问题。在操作之前,请先对文件执行备份!
  • WordPress古腾堡Gutenberg编辑器常见问题解答

    自WordPress 5.0发行,官方即开始使用名为Gutenberg(古腾堡)编辑器,虽然目前来说该编辑器的功能尚不够完善,但就WordPress的计划,未来还是会积极发展这一编辑器。在本文中,我们将回答一些最常见的古腾堡问题。

    Gutenberg编辑器常见问题解答

    1. WordPress为什么引入了古腾堡?

    长期以来,WordPress使用基于TinyMCE的编辑器来创建文章和页面。经典WordPress编辑器是一个简单的文本窗口,顶部有几个用于基本格式设置选项的按钮。

    尽管效果很好,但用户必须学习不同的方法来添加图像,创建画廊,嵌入视频,添加表格和其他内容元素(不过大部分WordPress站长应该已经非常熟悉这些操作)。但对于新用户来说,传统的文本编辑器相对古腾堡编辑器说,学习曲线更为艰难。

    全新的WordPress区块编辑器引入了现代化的简化写作体验,其中每个内容元素都包裹在一个区块中。您可以在编辑器中移动这些块,更改其设置并创建引人入胜的内容布局,而无需编写代码。

    古腾堡编辑器

    古腾堡编辑器

    古腾堡(Gutenberg)编辑器还为主题和插件开发人员提供了强大的框架,以为WordPress构建高级解决方案。

    2. 如何检查我使用的主题和插件是否兼容Gutenberg?

    检查主题和插件是否与Gutenberg兼容的最简单方法是查看它们是否支持WordPress 5.0+。

    古腾堡编辑器是WordPress 5.0以上版本默认的内容编辑器,附带“Tested with 5.0+”标签的主题或插件意味着它们才有可能与古腾堡兼容。

    您可以通过在WordPress插件库搜索插件的名称找到“Tested with”标签。

    WordPress插件市场

    WordPress插件市场

    在结果中,您将看到测试插件的WordPress版本。例如,下方截图表明WPForms目前已通过WordPress 5.0.3测试。

    wpformstestedwithwordpress5.0

    WPForm插件

    但这是否说明WPForm一定兼容Gutenberg,不一定,只是兼容WordPress 5.0+是先决条件。

    你可以通过访问WordPress官方插件库的“Block-Enabled”,查看所有发布到WordPress插件市场的支持区块编辑器的插件。

    又或者你可以访问主题和插件的官方文档了解其支持古腾堡的情况!

    3. 如何在Gutenberg块编辑器中管理旧文章?

    在将网站更新为WordPress 5.0之后,您的旧文章内容将被包装在Gutenberg编辑器的Classic块中。

    classic-block-guteberg-edit

    古腾堡编辑器

    您可以像在经典编辑器中一样编辑所有内容。

    您也可以将旧文章内容转换为Gutenberg块。只需从“经典”区块的下拉菜单中单击“ Convert to Blocks选项,然后它将自动将文章内容转换为适当的区块。

    古腾堡编辑器转经典编辑器古腾堡编辑器转经典编辑器

    4.如何禁用古腾堡并恢复经典编辑器?

    由于某种原因,许多用户还没有准备好切换到Gutenberg编辑器。

    在这种情况下,您可以选择禁用古腾堡,然后恢复经典编辑器。

    您需要做的就是安装并启用Classic Editor插件。又或者安装闪电博主题部分插件,我们也提供类似的功能帮助站长一键禁用古腾堡编辑器。

    classic-editor-wordpress-plugin

    Classic Editor插件

    使用此插件,您可以轻松禁用Gutenberg并在你的网站上使用经典编辑器。

    Classic Editor插件将至少在2022年之前可用,或根据需要提供。

    这将为用户提供大量时间,让他们在使用Gutenberg时测试其网站并在适当的时候进行升级。

    5. 古腾堡是WordPress页面生成器吗?

    Gutenberg是基于块的编辑器,它使用称为块的内容元素来创建文章和页面。同样,WordPress页面构建器还使用块(也称为小部件,模块或元素)在WordPress中创建页面。

    这让用户容易产生困惑,为此站长经常会问Gutenberg是否是WordPress页面构建器的替代品。

    答案是“不,至少不是目前的形式”。

    WordPress页面构建器插件提供了许多用于在WordPress中创建登录页面的高级功能。

    大多数页面构建器是前端编辑器,而Gutenberg是后端编辑器。这是在Gutenberg内容编辑器中编辑内容的方法。

    Gutenberg编辑内容

    Gutenberg编辑内容

    而且,下面是最好的页面构建器之一Beaver Builder,下图是使用它编辑页面时的界面:

    editingwithbeaverbuilder

    Beaver Builder页面构建器

    页面构建器的块是真正的拖放元素,支持自由格式的拖放。而Gutenberg的块仅支持对块进行重新排序的拖放操作。

    简单来说,Gutenberg是一个基本的编辑界面,而页面构建器是高级页面编辑器。

    6. 如何使用Gutenberg更新页面构建器的内容?

    更新使用页面构建器创建的内容应该不是问题。不同页面生成器更新内容的方法各异。

    因此,您可以联系插件提供商以获取更新教程。您也可以访问插件官方网站以找到有关Gutenberg支持的说明。

    7. 古腾堡是否支持简码?

    是的,Gutenberg支持简码。古腾堡(Gutenberg)中有一个单独的Shortcode块,用于添加带有shortcodes的内容。

    shortcodeblockgutenberg

    古腾堡Shortcode

    WordPress块被定义为[shortcode]的演变,因此建议使用常规的Gutenberg块而不是短代码。

    例如,您可以使用简码将WPForms添加到文章或页面中。

    wpformsshortcodes

    WPForms插件

    您所要做的就是从“Forms Overview”页面中复制简码,然后将其粘贴到帖子编辑屏幕上的“简码”块中。

    addshortcodetogutenbergeditor

    古腾堡简码

    但是,更好的选择是直接使用WPForms Gutenberg块,而不是将表单shortcode粘贴到Shortcode块中。

    WPForms古腾堡块

    WPForms古腾堡块

    8. 如果升级到古腾堡后出现故障,咋办?

    古腾堡(Gutenberg)最好不要破坏网站上的任何内容,但与您的主题和插件冲突可能会导致一些错误。

    在升级到古腾堡之前,始终建议站长可以在测试环境执行安装测试。

    但是,如果在使用古腾堡编辑器时发现意外错误,您应该首先禁用Gutenberg并在您的站点上启用Classic编辑器。

    然后,与主题和插件提供方联系以请求支持。

  • 如何更改WordPress博客页面显示文章数量

    需要更改显示在WordPress页面上的文章数?默认情况下,所有WordPress存档页面单个页面最多显示10个文章。但是,您可以通过WordPress仪表板设置更改你认为合适的文章显示数量。

    在本文,将简单地介绍如何通过两个简单的步骤轻松更改WordPress页面显示的文章数。

    更改WordPress显示文章数量

    需要做的第一件事是登录WordPress后台,进入WordPress仪表板,然后转到“设置”»“阅读”页面。接下来,将“博客页面至多显示”选项的值更改为要合适的显示任意数量。

    changenumberofpostsonblogpagewp

    列表页显示文章数量设置

    不要忘记点击“保存更改”按钮来保存您的设置。

    单个页面显示多少个文章为宜?

    通常,默认情况下每页显示10个文章。从用户体验和SEO(搜索引擎优化)的角度来看,这似乎是一个合适的数字。

    您可以根据需要显示任意数量的文章,但是不建议选择过大的数字,主要是因为页面上显示的文章数越多,页面体积就会越大,加载速度也就越慢。

    因此,设置WordPress列表显示文章数量应该根据WordPress主题设计的布局考虑,个人建议应同时遵循两个原则:

    • 单页面显示文章数量所占页面不应该超过单个屏幕高度;
    • 如果文章列表为多列展示形式,单页面显示文章数量应该为列表行文章数的倍数。
  • 如何在WordPress文章中嵌入视频

    在WordPress博客文章嵌入视频,可以丰富网站的内容,增加用户参与度的好方法。WordPress对主流的视频网站YouTube,Vimeo,Facebook,Twitter等兼容良好,可以直接嵌入视频。

    本教程主要针对WordPress初学者,展示如何将视频嵌入WordPress博客文章,页面和侧边栏小部件中。

    WordPress嵌入视频

    如何在WordPress文章和页面中嵌入视频

    WordPress提供强大的自动嵌入功能,该功能支持从流行的视频托管服务(例如YouTube,Vimeo等)中自动获取嵌入代码,您需要做的就是将视频URL粘贴到WordPress编辑器中

    例如,您可以复制要嵌入的视频的YouTube URL。

    接下来,编辑要在其中添加视频的WordPress文章或页面,然后将URL粘贴到内容区域中即可。

    文章嵌入视频

    古腾堡文章嵌入视频

    粘贴视频URL后,WordPress将立即获取嵌入代码并在内容编辑器中显示YouTube视频。

    最后,保存文章或者页面,然后单击“预览”按钮以查看嵌入式视频展示效果。

    WordPress嵌入YouTube视频

    WordPress嵌入YouTube视频

    添加视频后,可以从右侧的块工具栏和“设置”列更改其设置。

    古腾堡编辑器视频块设置

    古腾堡编辑器视频块设置

    您可以调整视频宽度,使其变为全屏,更改对齐方式等等。还可以添加标题并在移动设备上保留视频的长宽比(即实现响应式)。

    WordPress只能对列入白名单的视频服务进行自动嵌入。对于其他网站,您仍然必须获取嵌入代码,然后将其粘贴到博客文章中。

    下面是WordPress官方公布的支持自动嵌入视频服务白名单列表:

    • Amazon
    • Animoto
    • Cloudup
    • CollegeHumor
    • Crowdsignal
    • Dailymotion
    • Facebook
    • Flickr
    • Hulu
    • Imgur
    • Instagram
    • Issuu
    • Kickstarter
    • Meetup.com
    • Mixcloud
    • Reddit
    • ReverbNation
    • Screencast
    • Scribd
    • Slideshare
    • SmugMug
    • Someecards
    • SoundCloud
    • Speaker Deck
    • Spotify
    • TED
    • Tumblr
    • Twitter
    • VideoPress
    • Vimeo
    • WordPress.tv
    • YouTube

    如果要从此列表之外的网站添加视频,则需要该视频的完整HTML嵌入代码。也就是说,国内的优酷视频、腾讯视频、B站视频、爱奇艺视频等,都不能使用自动

    只需复制视频网站提供的HTML代码,然后将其粘贴到编辑器中的“自定义HTML”块中即可。

    customembedcode

    HTML视频嵌入代码

    使用经典编辑器将视频嵌入WordPress

    如果您使用是WordPress经典编辑器,则可以以相同方式嵌入视频。

    只需从YouTube等视频托管服务中复制URL,然后将其粘贴到编辑器中即可。如果使用可视编辑器,则将看到视频的预览。

    经典编辑器嵌入视频

    经典编辑器嵌入视频

    但是,您将无法使用WordPress块编辑器那样的方式进行宽度调整和其他选项设置。如果要修改相关参数,则需要切换到文本编辑器修改代码。

    如何WordPress侧边栏小工具中嵌入视频

    如WordPress页面或文章一样,我们也可以将视频嵌入WordPress边栏小工具中。

    只需转到外观»小工具页面,然后将“文本”小工具添加到侧边栏中。

    在窗口小工具设置内,将视频URL粘贴到内容区域中。WordPress将自动获取嵌入代码并显示视频。

    小工具嵌入视频

    小工具嵌入视频

    不要忘记单击“保存”按钮来保存小工具设置。

    最后,访问网站以查看嵌入在WordPress侧边栏小工具中的视频。

    能否直接上传视频至WordPress网站?

    可以,但是一般不建议这样做,如果你所使用的WordPress网站的服务器配置较低的话。

    因为视频会占用大量服务器资源。如果视频流量巨大,这可能导致网站崩溃。

    我们建议首选使用第三方视频网站作为网站视频存储,比如优酷、B站、腾讯视频等,使用这些视频网站作为视频存储方,还有一个好处就是,可能通过这些网站给你带来流量。

    另外一种网站视频存储方案是,使用CDN服务,比如又拍云、七牛云等CDN服务商;又或者现在十分流行的阿里云的OSS存储、腾讯云的COS存储。

    WordPress视频嵌入插件

    默认情况下,无需使用插件即可将视频嵌入WordPress。但是,我们也可以使用插件来改善网站播放视频用户体验。

    1. Envira Gallery

    Envira Gallery插件

    Envira Gallery插件

    默认情况下,WordPress不附带嵌入式视频库功能。如果要在页面上显示视频库,则需要一个插件来完成。

    Envira Gallery是WordPress最好的多媒体库插件之一。它还带有一个视频插件,支持使用灯箱弹出窗口以创建漂亮的视频库。

    Tips:闪电博的主题将提供混合多媒体智能相册功能,支持发布视频、图片混合相册,且实现文章内容图片及视频自动抽离组成相册。

    2. Lazy Load for Videos

    Lazy Load for Videos插件

    Lazy Load for Videos插件

    视频嵌入了来自外部网站的加载脚本,这对页面加载速度和性能多多少少有一定的影响。

    Lazy Load for Videos通过仅需要页面时加载视频图像来解决此问题。即仅当用户单击播放按钮时,它才会加载嵌入代码。你还可以参考如何《在WordPress中为视频添加延迟加载

  • WordPress图像编辑功能图文教程

    WordPress仪表盘提供基本图像编辑功能,包括图像裁剪,旋转,缩放图像大小以及垂直或水平翻转。

    当然使用专业的图像编辑软件的功能更加强大,但部分场景,WordPress内置的图像编辑功能能派上用场,帮助您快速调整图像大小。

    本文将会详细说明如何使用WordPress作为基本的图像编辑器,进行裁剪,旋转,缩放和翻转图像处理。

    image-editing-wp

    使用WordPress内置功能编辑图像

    首先,我们可以在WordPress后台使用媒体或者编辑文章时上传图像。以“媒体»添加”上传图片为例:

    WordPress图像编辑功能图文教程插图1

    上载图像后,访问媒体»媒体库页面。找到您刚刚上传的图像,然后单击它。

    WordPress图像编辑功能图文教程插图2

    这将在弹出窗口中打开图像,在右列中可以看到图像详细信息,在左侧则为图像预览。

    我们有两种方法使用WordPress内置的图像编辑器打开图像。

    方法一:单击图像预览下方的“编辑图像”按钮,这将在弹出窗口中打开图像编辑器。

    方法二:又或者单击右下角的“编辑详细信息”链接。

    WordPress图像编辑功能图文教程插图3

    单击“编辑详细信息”链接将关闭媒体弹出窗口,跳至“编辑媒体”页面。

    WordPress图像编辑功能图文教程插图4

    单击图像预览下方的“编辑图像”按钮,将打开图像编辑界面。

    WordPress图像编辑功能图文教程插图5

    在图像上方你可以看到一些按钮的工具栏。在右侧,则是一堆用于调整图像大小的选项。

    让我们看一下这些选项的作用以及如何使用它们进行WordPress图像编辑。

    WordPress图像编辑功能图文教程插图6

    1. 裁切 –只需单击按钮即可裁切图像,然后在原始图像中选择要裁切的图像区域。
    2. 向左/右转 –对可以图像执行顺时针和逆时针旋转操作。
    3. 垂直/水平翻转 –对图像进行水平或垂直翻转操作。
    4. 撤消/重做 –如不喜欢所做的更改,则只需撤消上一步更改或重做以恢复原状重新开始。

    再来看看图像编辑界面右栏的选项。

    WordPress图像编辑功能图文教程插图7

    1.拉伸图像 –其实就是对图像进行缩放处理,使用此选项以保持原始比例手动缩放图像。在裁切图像之前使用此选项,否则可能无法保持图像的比例。

    注意:对图像放大会导致图像清晰度下降。

    2.图像裁切 –如果想保持某个长宽比不变,则可以使用此选项进行设置。之后,即可使用定义的比例的同时单击裁剪按钮以选择一个裁切区域。

    3.缩略图设置 –可以选择是否要对所有图像大小,缩略图或除缩略图以外的所有图像尺寸应用这些更改。切记,此缩略图是WordPress为该图像创建的最小图像尺寸。与特色图或文章缩略图不是一个概念。

    最后,别忘记单击“保存”,“拉伸”或“更新”按钮以保存更改。WordPress会将您所做的更改应用于图像,并在服务器上创建图像的新副本。

    编辑后如何还原原始图像

    如果对编辑后的图像不满意,则可以轻松地还原到原始版本。只需再次编辑图像,点击右侧的“还原原始图像”框下的“还原图像”按钮即可。

    WordPress图像编辑功能图文教程插图8

    至此,关于WordPress内置的图像编辑功能简单图文教程结束,该教程更适合初入门的WP学者查阅,希望对您有一定的帮助!

  • WordPress网站页脚footer.php修改图文教程

    如何编辑修改WordPress网站页脚区域?站长可以通过几种不同的方式来修改WordPress页脚:页脚小工具,移除Powerd by WordPress和自定义页脚代码。

    edit-footer-in-wordpress-550x340-1

    WordPress页脚包含哪些内容?

    WordPress“页脚”即网站的底部,位于内容区域之后,通常显示在网站的所有页面上。

    wpbeginner-footer

    页脚位于网站的最底部,这甚至导致一些初学者忽略它。但是,作为站长,应该了解如何利用此区域,以提升网站用户体验、有利于SEO和业务增长。

    一般情况下,WordPress主题都带有易于编辑的页脚小组件,当然懂代码的站长也可以编辑主题中的footer.php文件,以删除或者新增代码。

    本教程将包含以下三部分的内容:

    编辑WordPress页脚小工具

    许多WordPress主题对设置了页脚小工具,以方便主题使用者快速修改网站页脚内容。

    您可以使用这些小工具在页脚区域添加文本,图像或隐私权政策、法律免责声明链接等内容。

    添加文本和图像非常简单,点击WordPress后台左侧菜单导航“外观»小工具”页面,然后将文本,图像或图库小工具添加到页脚小工具区域。要添加小工具,只需将其拖放到页脚区域。

    addwidgetstofooter

    Tips:部分主题提供多个页脚区域,且使用方式不尽相同。建议在添加小工具后预览网站,以确保正确显示小工具内容。

    在页脚小工具区域添加链接

    如果希望在页脚区域加入诸如关于我们、隐私条例、网站协议等页面链接。

    WordPress提供易于使用的导航菜单管理功能,点击“外观»菜单”,在菜单管理页面单击“创建新菜单”链接。

    createnewmenu

    然后填入新菜单的名称,显示位置等,然后单击“创建菜单”按钮。

    menuname

    选择你需要添加到菜单的链接,通过左侧栏,你可以选择页面,文章,分类目录等,添加到菜单中。

    addpagestomenu

    完成后,单击“保存菜单”按钮保存更改。最后,将菜单添加到WordPress页脚小工具区域。只需访问WordPress后台的“ 外观»小工具”页面,然后将“导航菜单”小工具添加到页脚区域即可。

    footer-add-navigation-menu-widget-1

    在小工具设置中,从下拉菜单中选择之前创建的页脚导航菜单,单击“保存”按钮即可实现页脚展示导航菜单。

    footer-preview

    站长可以在WordPress中创建多个导航菜单,并根据需要在边栏中添加尽可能多的导航菜单小工具。如果需要另一组链接(比如资源中心、帮助中心、网站分类等等),重复上述相同步骤即可。

    温馨提示:部分主题在创建菜单时,只需要勾选显示位置为页脚菜单,即可实现,而无需单独设置页脚菜单小工具。

    移除部分主题页脚的“Powered by WordPress”

    首次安装WordPress时,网站底部页脚栏中可能会有“Powered by WordPress”链接。

    powered-by-wordpress-footer-link-2020-theme

    一些主题会将其更改为主题开发者文本和链接。通常可以使用主题实时编辑器来更改此文本。只需在WordPress管理后台,进入“ 外观”»“自定义”即可。然后找到页脚选项进行编辑:

    theme-customizer-edit-footer

    以知名的Astra主题为例。进入主题实时编辑器,找到Footer»Footer Bar,即可更改页脚栏的文本:

    editing-footer-text-astra

    完成文本编辑后,切勿忘记点击“发布”按钮以使更改生效。

    astra-new-footer

    温馨提示:并非所有主题都是使用实时编辑器来更改底部文本链接,部分主题直接采用单独的主题设置页面来控制。比如,闪电博的主题

    手动编辑页脚文本

    如果主题无法使用主题自定义且未提供页脚文本编辑功能,哪如何修改?

    在这种情况下,可以编辑主题的footer.php文件,使用FTP工具链接服务器下载主题footer文件/wp-content/themes/yourtheme/footer.php文件,然后使用文本编辑器编辑修改。

    在文件中找到带有“ Powered by WordPress”文本改成你需要的样子即可,以“Twenty Twenty”主题为例:

    <div class=“footer-credits”>
    <p class=“footer-copyright”>&copy;
    <?php
    echo date_i18n(
    /* translators: Copyright date format, see https://www.php.net/date */
    _x( ‘Y’, ‘copyright date format’, ‘twentytwenty’ )
    );
    ?>
    <a href=“<?php echo esc_url( home_url( ‘/’ ) ); ?>”><?php bloginfo( ‘name’ ); ?></a>
    </p><!– .footer-copyright —>
    <p class=“powered-by-wordpress”>
    <a href=“<?php echo esc_url( __( ‘https://wordpress.org/’, ‘twentytwenty’ ) ); ?>”>
    <?php _e( ‘Powered by WordPress’, ‘twentytwenty’ ); ?>
    </a>
    </p><!– .powered-by-wordpress —>
    </div><!– .footer-credits —>
    <div class=”footer-credits”>

    <p class=”footer-copyright”>&copy;
    <?php
    echo date_i18n(
    /* translators: Copyright date format, see https://www.php.net/date */
    _x( ‘Y’, ‘copyright date format’, ‘twentytwenty’ )
    );
    ?>
    <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”><?php bloginfo( ‘name’ ); ?></a>
    </p><!– .footer-copyright –>

    <p class=”powered-by-wordpress”>
    <a href=”<?php echo esc_url( __( ‘https://wordpress.org/’, ‘twentytwenty’ ) ); ?>”>
    <?php _e( ‘Powered by WordPress’, ‘twentytwenty’ ); ?>
    </a>
    </p><!– .powered-by-wordpress –>

    </div><!– .footer-credits –>

    <div class="footer-credits">
    
      <p class="footer-copyright">&copy;
        <?php
        echo date_i18n(
          /* translators: Copyright date format, see https://www.php.net/date */
          _x( 'Y', 'copyright date format', 'twentytwenty' )
        );
        ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
      </p><!-- .footer-copyright -->
    
      <p class="powered-by-wordpress">
        <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
          <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
        </a>
      </p><!-- .powered-by-wordpress -->
    
    </div><!-- .footer-credits -->

    修改好footer文件的代码后,需重新上传footer.php文件覆盖源文件。提示:更改之前,请备份footer.php文件,以免发生意外能够恢复原样。

    修改新增WordPress页脚代码

    有时,站长可能需要在WordPress页脚添加代码段,比如社交分享代码、网站统计代码等等。

    最简单的方法是安装Insert Headers and Footers插件,启用插件后,在WordPress管理后台进入“设置 » Insert Headers and Footers”,将页脚代码复制并粘贴到“Scripts in Footer”框中:

    wordpress-insert-headers-and-footers-scripts-in-footer

    最后,点击Save按钮以生效。

    如果您使用的是闪电博主题,则可以通过“主题设置 » 自定义代码”,加入自定义底部代码和统计代码。当然你也可以添加自定义CSS样式和自定义头部代码,非常方便。

    WordPress网站页脚footer.php修改图文教程插图13

  • 如何验证SSL证书安装是否正确

    SSL证书安装

    在Web服务器上安装SSL证书后,站长应该运行SSL检测以验证设置是否正确。SSL/TLS证书不仅需要自签名证书(主证书),还需要安装所谓的中间证书(链)。如果没有正确设置这些设置,则网站访问者打开您的网站时,在浏览器会收到警告,从而导致网站访客流失(因为他们认为您的网站是不可信的)。并且,根据浏览器和版本的不同,即使证书设置不正确,浏览器可能会或可能不会发出警告。因此,使用第三方工具运行SSL检测非常重要。

    如何执行SSL检测

    建议使用Qualys SSL Labs提供的免费SSL检测工具。该工具非常可靠,也是闪电博常用的SSL相关工具。打开SSL检测工具页面,在“Hostname”字段中输入网站域名,然后点击“Submit”即可。还可以根据需要选择隐藏公开结果的选项。在您的Web服务器上扫描站点的SSL/TLS配置可能需要一两分钟。

    域名SSL证书检测

    域名SSL证书检测

    通过A等级的SSL证书检测

    SSL Labs设置了多个SSL服务器等级(从A到F)。其中A等级为最高等级,也应该为站长需要实现的目标,这意味着正确设置了SSL证书和中间证书。并且WordPress所在的Web服务器的其余要点,也要符合SSL Labs相关规范。如果未能达到目标等级,站长可以进一步了解警告和错误以及如何修复它们。

    SSL评级-A等级

    SSL评级-A等级

    SSL证书链不完整警告

    运行SSL检测时,“证书链不完整”是最常见的警告之一。当Web服务器上安装SSL证书时,要求添加证书密钥,私钥和证书链。如果仅添加自签名证书(主证书),则会遇到如下警告:“This server’s certificate chain is incomplete. Grade capped to B.(此服务器的证书链不完整。等级上限为B。)” 并在下面显示完整的检测报告,以便于站长深入了解问题。

    SSL检测-证书链不完整

    SSL检测-证书链不完整

    要解决此问题,您需要添加中间证书。大多数SSL提供商都会通过电子邮件发送.crt文件和.ca-bundle文件。您可以使用文本编辑器(如记事本或TextMate)打开.crt证书和.ca-bundle文件,将两者合并保存为.cer文件。如果您没有或不知道中间证书,则可以使用免费工具,例如 https://whatsmychaincert.com/来生成它。

    如果您使用其他网络托管服务提供商,则可以打开支持通知单并向他们提供中间证书。在您的服务器添加好完整的SSL证书之后,清除SSL Labs缓存,重新运行检测应该就可以获得A等级评级了。

    清除SSL缓存

    清除SSL缓存

    参考阅读:《SSL和TLS部署最佳实践指南》。

  • WordPress移除侧边栏图文教程

    WordPress移除侧边栏图文教程

    无论免费主题还是付费的专业主题,大部分默认布局都会有一个侧边栏。但侧边栏并非适合每一个站点,有时候我们可能需要移除它,该怎么做?

    可以使用多种方法从整个网站或仅从特定内容中删除WordPress侧边栏,本文我们将会详细探索这几种方法:

    为什么删除WordPress网站侧边栏

    侧边栏在WordPress设计中极为常见。通常位于主页面内容的右侧或左侧,少数主题还可能显示在页面底部。

    WordPress侧边栏通常包含“小工具”,它们是出现在网站每个页面上的小内容区域。站长常常在侧边栏挂放CTA功能,例如电子邮件订阅和搜索栏:

    侧栏小工具示例

    侧栏小工具示例

    有些网站甚至使用侧边栏展示导航菜单。这种做法对于用户体验来说是非常友好的,因为用户可以快速查找网站的所有内容:

    侧边栏设置导航菜单示例

    侧边栏设置导航菜单示例

    另外,侧边栏也是站长设置广告的热门位置。侧边栏广告能够保证广告本身高度可见,同时又不影响网站内容的可读性:

    侧边栏广告示例

    侧边栏广告示例

    既然侧边栏为站长带来如此多的便利,似乎没有理由要将边栏移除。尽管可以将多种转换内容合并到侧边栏小工具中,但这样做也有其缺点。

    其一,主要内容区域之外的所有内容都会分散网站用户的注意力。例如,如果博客上有一个侧边栏,侧边栏上一些引人注目的小工具,会分散访客对博客文章的注意力。

    其二,在某些情况下,侧边栏可能影响到网站的整体视觉效果。将侧边栏添加到内容丰富的网站(例如新闻聚合和在线杂志)会让用户觉得杂乱无章,不知所措。另一方面,将其删除可让网站设计保持整洁且易于理解。

    最后,边栏在移动网站上并不是特别有用。对于大多数响应主题,在移动设备上会将侧边栏移到页面底部。随着移动互联网的日益庞大,依赖于侧边栏的设计可能不再是理想的选择。

    如何移除WordPress侧边栏

    大多数主题默认布局中使用侧边栏功能,如果您更喜欢没有侧边栏的WordPress网站,您可以根据自己情况和偏好使用以下四种方法。

    1. 完全移除WordPress网站侧边栏

    如果您想完全删除网站的侧边栏,则需要编辑主题。在开始删除侧边栏之前,强烈建议您备份站点,以防万一出问题。还有更好的一种办法即考虑使用子主题,因为对子主题进行操作不会对主题本身作任何改变。

    确保完全之后,即可开始对主题文件进行修改。可以使用FTP客户端(例如FileZilla )来执行,或者,从WordPress仪表板中编辑文件。

    直接在WordPress仪表盘操作,可以通过“外观>主题编辑器”,在开始编辑主题文件前一般会提醒您:

    主题编辑器警告

    主题编辑器警告

    单击“我了解”按钮,并记住进行更改时要非常小心。然后,您需要找到每个主题的模板文件。这些是您的主题存储有关如何显示某些类型的内容(例如文章,页面和产品)的信息的位置。

    每个主题中可能有几个模板,文件名称可能包括 index.php,single.php,archive.php等,您需要逐个编辑。打开文件后,查找类似于以下代码的一行代码:

    <?php get_sidebar (‘sidebar-name’); ?>
    <?php get_sidebar (‘sidebar-name’); ?>
    <?php get_sidebar ('sidebar-name'); ?>
    

    只需删除括号中的代码(在本例中为“sidebar-name”),即可从该模板中删除侧边栏。然后,重复此过程,直到您删除了整个主题中的代码。

    完成此步骤后,主题可能会在侧边栏的原处保出很大的空白,整个网站的外观变得非常别扭,如下所示:

    移除侧边栏后WordPress网站示例

    移除侧边栏后WordPress网站示例

    这是因为即使侧边栏消失了,但为侧边栏预留的样式依然是在的。需要使用自定义CSS来更改内容区域的定义宽度,并且因主题而异。修改主题样式文件可能需要专业的前端技术人员,建议您找懂这块技术的朋友或者付点钱请个技术帮忙。

    2. 删除WordPress静态页面侧边栏

    在某些情况下,您可能希望在网站的某些地方使用边栏,而在某些地方又不使用。要从单个静态页面(如“主页”,“关于”或“博客”页面)中删除侧边栏,首先需要检查主题是否包含Full Width模板。

    为此,编辑需要删除侧栏的页面。在“页面属性” 部分中,在“模板” 下拉菜单中查找Full Width选项:

    检查可用模板

    检查可用模板

    如果有可用的Full Width模板,只需选择它并更新页面即可删除侧边栏。如果您的主题不包含此功能,则可以创建自己的模板。

    首先在文本编辑器中创建一个新文件,并将其命名为fullwidth.php 或类似名称。

    然后访问主题的page.php 文件。复制此文件中的所有代码,并将其粘贴到新的fullwidth.php 文件中。在PHP开始标签之后,添加如下文件名:

    <?php
    /*
    * Template Name: Fullwidth Template
    */
    get_header(); ?>
    <?php
    /*
    * Template Name: Fullwidth Template
    */
    get_header(); ?>
    <?php
     /* 
    * Template Name: Fullwidth Template 
    */ 
    get_header(); ?>

    之后,找到并删除以下代码:

    <? php get_sidebar (‘side-name’) ?>
    <? php get_sidebar (‘side-name’) ?>
    <? php get_sidebar ('side-name') ?>

    保存更改,然后通过FTP将新模板上载到主题或子主题的文件夹中。现在,您的网站页面应具有Fullwidth模板选项。

    3. 移除某一文章页面侧边栏

    如果您要创建不带侧边栏的单个博客文章,则首先要检查您的主题是否像页面一样提供full-width模板选项。一些页面编辑器如Elementor还提供此功能:

    full-width文章模板示例

    full-width文章模板示例

    如果您的主题没有类似模板,且没有使用页面编辑器,则仍然可以通过创建自己的单个帖子模板来获得无侧边栏的文章。

    此过程与创建页面模板非常相似。首先创建一个新的文本文件并添加以下代码:

    <?php
    /*
    * Template Name: Featured Article
    * Template Post Type: post, page, product
    */
    get_header(); ?>
    <?php

    /*

    * Template Name: Featured Article

    * Template Post Type: post, page, product

    */

    get_header(); ?>

    <?php
    
    /*
    
    * Template Name: Featured Article
    
    * Template Post Type: post, page, product
    
    */
    
    get_header();  ?>

    然后, 通过FTP或WordPress主题编辑器访问主题的single.php文件。将复制get header行下方所有内容,并将其粘贴到新模板的文本文件中。

    有了工作基础之后,您就可以自定义文章模板了。

    首先删除侧边栏代码,就像我们在本文中列出的其他方法中所做的一样。然后,您可以根据需要使用自定义CSS进行其他更改,也可以直接保存文件。确保将文件命名为具有纪念意义和描述性的名称,以便将来轻松查找。

    最后,使用SFTP将新模板上传到主题或子主题的文件夹。您所命名的模板选项(因此在上面的示例中,“精选文章”)将出现在每个文章的“文章属性部分的“模板”下拉菜单中。

    4. 使用插件移除WordPress侧边栏

    如果自定义编码你并不在行,或者担心编辑主题文件会导致出现差错,则还可以使用插件来删除WordPress侧边栏。

    第一个选择是 Content Aware Sidebars

    Content Aware Sidebar插件

    Content Aware Sidebar插件

    该插件可以完全控制侧边栏小工具。例如,您可以为网站的不同区域创建特定的侧边栏。此外,允许在任何文章或页面上隐藏或显示侧边栏。

    Simple Page Sidebars插件则提供更直接的方法:

    Simple Page Sidebar 插件

    Simple Page Sidebar 插件

    对于那些想要从某些页面删除WordPress侧边栏并在其他页面上合并自定义侧边栏的人,Content Aware Sidebar插件可能就没那么好用了。Simple Page Sidebars插件提供了类似的控制,而没有了那些不必要功能。

    如果您仅仅希望删除WordPress网站的侧边栏,则 Widget Disable插件可能更适合您:

    Widget Disable插件

    Widget Disable插件

    使用此插件,只需单击几下即可删除边栏和仪表板小工具。它既简单又精简,并且除了移除侧边栏之外,无需对侧边栏进行任何更改,它可以是一个很好的便捷方法。

    小结

    尽管侧边栏具有许多有用的特性,但在某些情况下,WordPress侧边栏会分散网站内容,使页面混乱,并在移动端影响网站的质量。当然,在许多WordPress主题中仍然很重要,因此,我们应该根据实际情况,考虑是否需要移除侧边栏。

    您可以使用以下四种方法来移除WordPress侧边栏:

    1. 通过编辑主题文件,完全移除WordPress侧边栏。
    2. 通过创建页面模板,移除静态页面边栏。
    3. 使用自定义文章模板创建没有边栏的单个文章。
    4. 使用插件删除WordPress侧边栏。