WordPress创建商业网站25个最佳免费wordpress商业主题

WordPress是制作商务网站的最受欢迎的网站构建器。

有两种可用的WordPress网站。WordPress.com是受限制的托管平台,而WordPress.org是您听说过的流行WordPress平台。

相关: WordPress.com与WordPress.org之间的区别(完全比较)

我们建议您在网站上使用自托管的WordPress.org。它使您可以立即使用所有WordPress功能。

要建立网站,您需要获取域名和虚拟主机。

域名是用户将在其浏览器中键入以访问您的网站的网站地址(例如wpbeginner.com)。另一方面,网络托管是您存储所有网站文件的位置。

我们建议使用Bluehost,因为它们是世界上最大的托管公司之一,也是官方推荐的WordPress托管提供商。

有关更多建议,请参见有关如何选择最佳WordPress托管的指南。

购买虚拟主机后,您可以按照我们的指南制作商业网站,以逐步进行设置说明。

话虽如此,让我们看一下您可以使用的一些最佳免费WordPress商业主题。

25个最佳免费wordpress商业主题

25个最佳免费wordpress商业主题

1.阿斯特拉

Astra是一个流行的多功能WordPress主题。它带有数十个入门站点,包括用于商业网站的多个演示。

它是完全可定制的,并使其非常容易更改其颜色,背景,字体和其他选项。Astra与任何首页构建器都可以很好地协作,这使得在需要时更容易创建自己的自定义布局。

2. OceanWP

OceanWP是一个免费的WordPress商业主题,旨在制作任何类型的网站。它带有几个预先构建的演示,您可以使用它们来快速启动您的企业网站。

主题是电子商务,只需单击几下即可开始建立在线商店。它具有最快的页面加载时间和内置的SEO功能,可提高您的网站流量。

3.尼芙

Neve是适用于小型企业网站和电子商务商店的轻量级WordPress多功能主题。

它具有极简主义的布局,拥有漂亮的色彩和先进的排版。它与流行的页面构建器(例如Beaver Builder)集成在一起,可轻松自定义。

4.古腾主题

Guten主题是适用于Gutenberg的WordPress主题,可用于创建您的商业网站。它带有对额外的Gutenberg块的支持,您可以使用这些块为网站构建漂亮的布局。

它也可以与拖放页面构建器一起使用,从而为您提供更多自定义选项。它针对速度和性能进行了高度优化。

5.悉尼

悉尼是一个强大的WordPress商业主题。它带有全角图像滑块,自定义徽标,无限的颜色选项以及对所有Google字体的访问权限。其他值得注意的功能包括粘性导航菜单,标题图像和视差滚动。

6.着迷

Mesmerize是为商业网站构建的超灵活的WordPress多功能主题。它是初学者友好的,并提供大量选项,使您无需编写任何代码或CSS即可创建网站。主页具有商业网站设计,其中包括5种标题样式和30多个现成的内容部分。它还支持视频背景,幻灯片,标题内容类型,渐变叠加等。

7.泽勒

Zelle是一页的WordPress主题,设计用于商业网站的专业布局。它具有视差滚动,自定义背景,大型菜单和一键式演示内容导入器,可以立即开始使用。Zelle主题还与所有流行的页面构建器兼容,以帮助您轻松创建自定义页面模板。

8.便当

Bento是一个用户友好的WordPress主题,具有多个专业布局,包括用于您的企业网站的模板。

它具有多个页面模板,自定义小部件,矢量图标,无限的颜色组合和Google字体等功能。您可以使用WordPress定制程序通过实时预览来自定义您的网站。

9.赫斯提亚

Hestia是免费的WordPress主题,非常适合商业网站。它带有一个配套插件,可在首页上添加客户推荐和服务部分。

它与流行的页面构建器插件兼容,并为WooCommerce提供开箱即用的支持。使用实时主题定制器可以轻松设置Hestia。

10.富裕

Affluent是一个非常适合公司和企业网站的免费WordPress主题。它以最小且专业的布局,为首页滑块,内容块和推荐旋转器提供了自定义帖子类型。它与流行的WordPress插件(如Yoast SEO,WooCommerce和WPML)集成,以扩展功能。

11. Foodica

如果您正在为食品相关业务寻找免费的WordPress主题,那么Foodica将是一个完美的选择。它具有白色背景的宽敞布局,可弹出您的内容和图像。

此主题在主页上具有多个导航菜单,图像滑块,社交共享图标和特色内容部分。使用WordPress实时定制器很容易进行定制。

12.前卫

Avant是一个免费的现代WordPress商业主题,可快速制作具有专业外观的网站。它使您可以完全控制选择页面和博客的布局。

您还可以自定义布局设置,以调整页眉,页脚和小部件区域中的间距。它支持多种语言,开箱即用地支持WooCommere。

13.总计

Total是用于商业网站的美丽且免费的WordPress主题。它具有灵活的主页布局,其中在不同区域添加了滑块,联系表,进度栏,项目组合,团队部分,推荐书和博客部分。

它包括多个可用于小部件的区域以及对更改主题设置的完全定制器支持。它还支持WooCommerce,可用于创建多语言网站。

14.休曼

Hueman是一个免费的多功能WordPress商业主题。它是高度可定制的,并带有易于使用的选项面板。它具有多种布局选择,包括单列,两列或三列布局。Hueman提供了两个导航菜单位置以及主题中内置的社交媒体菜单。

15.波塞冬

波塞冬(Poseidon)是一个最小的WordPress主题,具有漂亮的宽敞布局。它可以用作简单的博客主题,商业网站,甚至可以用作在线杂志。它允许您使用自定义窗口小部件构建主页布局。您可以使用WordPress主题定制器来更改颜色,字体和背景。

16. Customizr

Customizr是最流行和高度可定制的WordPress商业主题之一。它具有充分的响应能力和移动友好性。它带有一个精选的滑块,​​多个页面模板,布局选择和颜色。该主题具有引人入胜的全角自定义背景图片,给人留下深刻的第一印象。

17.制作

Make是具有拖放功能的页面生成器友好WordPress主题,可让您快速构建企业网站。它具有多种布局选择和完全响应的设计。它还包括全幅横幅和图像画廊,以展示您的业务组合。

18.优势

Vantage是一种免费且灵活的WordPress商业主题,几乎可以用于任何类型的网站。使用页面构建器插件可以高度自定义。您可以使用拖放功能快速自定义布局。

它针对性能进行了优化,也可以用于电子商务网站。

19.卡洛韦

Colorway是一种时尚的WordPress商业主题,具有易于使用的功能和选项。它具有自定义背景,多种布局选择,Google Analytics(分析)支持等。您还可以导入演示内容以设置主题,然后替换文本和图像以立即开始使用。

20.顶峰

Pinnacle是一个大胆的WordPress主题,提供具有完全响应式布局的平面设计。它具有带有自定义徽标和导航菜单的全角标题背景图像。品尼高还支持WooCommerce将您的业务站点扩展到电子商务商店。

21.宽敞

Spacious是一个免费的WordPress商业主题,其布局简约而清新。它带有图像滑块,自定义窗口小部件和特色内容的主页部分。

它还包括盒装和宽大的布局选择,博客页面模板以及其他几种页面布局。您可以为网站选择较浅或较深的配色方案,并将其与您选择的任何页面构建器插件一起使用。

22.莫西西亚

Moesia是具有完整视差支持的响应式WordPress商业主题。它带有预定义的块,您可以使用它们来构建主页。每个块可以具有自己的视差背景,从而为您的用户创造美好的体验。

23.雕刻精简版

Engrave Lite是一个功能强大的WordPress商业主题。它在主页上展示了全角图像滑块和自定义部分。

它具有多个导航菜单,可用于小部件的区域,对电子商务插件的支持以及简单的自定义选项。它可以快速设置而不会遇到太多选择。

24.全画幅

顾名思义,Full Frame是用于商业网站的全角WordPress主题。它带有内置的特色内容滑块,号召性用语按钮,自定义小部件和多个页面布局。

该主题支持WooCommerce将您的企业网站转换为在线商店。

25.最小风

Minamaze是最小的WordPress商业主题。它具有背景,字体和边框的黑白组合。该主题有一个全角滑块,2个导航菜单和一个自定义徽标。SEO进行了高度优化,以增加您的网站流量。

WordPress如何设置彩色标签云?

  • Wordpress如何设置彩色标签云?1
  • Wordpress如何设置彩色标签云?2
  • Wordpress如何设置彩色标签云?3
  • Wordpress如何设置彩色标签云?4
  • Wordpress如何设置彩色标签云?5

分步阅读

浏览别人Wordpress博客,很多都有彩色标签云功能,自己羡慕不已啊,于是就开始也折腾了自己的博客,看着网上大拿操作一步一步,竟然成功了。笔者就整理了一下Wordpress如何设置彩色标签云的步骤,分享给大家哦。

方法/步骤

  1. 第一步:登陆自己博客后台,依次找到“外观->编辑->模板函数(functions.php)”,如下图所示:

    Wordpress如何设置彩色标签云?
  2. 第二步:打开functions.php文件,把下面代码添加到最后的“?>”的前面。

    function colorCloud($text) {

    $text = preg_replace_callback(‘|<a (.+?)>|i’,’colorCloudCallback’, $text);

    return $text;

    }

    function colorCloudCallback($matches) {

    $text = $matches[1];

    $color = dechex(rand(0,16777215));

    $pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;

    $text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);

    return “<a $text>”;

    }

    add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);

    如下图所示:

    Wordpress如何设置彩色标签云?
  3. 第三步:修改Wordpress彩色标签字体大小,排序,显示数量等。

    用WinSCP工具进入Wordpress根目录,依次找到wp-includes/category-template.php下载到桌面;然后打开该文件,搜索wp_tag_cloud,找到相关参数进行修改:

    function wp_tag_cloud( $args = ” ) {

    $defaults = array(

    ‘smallest’ => 12, ‘largest’ => 16, ‘unit’ => ‘pt’, ‘number’ => 50,

    ‘format’ => ‘flat’, ‘separator’ => “\n”, ‘orderby’ => ‘count’, ‘order’ => ‘DESC’,

    ‘exclude’ => ”, ‘include’ => ”, ‘link’ => ‘view’, ‘taxonomy’ => ‘post_tag’, ‘echo’ => true

    );

    $args = wp_parse_args( $args, $defaults );

     

    $tags = get_terms( $args[‘taxonomy’], array_merge( $args, array( ‘orderby’ => ‘count’, ‘order’ => ‘DESC’ ) ) );

    注:

    smallest表示标签的最小字号

    largest表示最大字号

    unit=px表示字体使用像素单位

    number=0表示显示所有标签,如果为40,表示显示40个

    orderby=count表示按照标签所关联的文章数来排列

    order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)

    Wordpress如何设置彩色标签云?
  4. 第四步:修改完保存,并上传到原来位置。开始调用Wordpress彩色标签云小工具,进入后台依次找到外观->小工具->标签云;拖动标签云到侧边栏上。如下图所示:

    Wordpress如何设置彩色标签云?
  5. 第五步:保存标签云之后回到您的网站首页就可以看到彩色标签云的效果了,恭喜您有彩色标签云了。如下图所示:

    Wordpress如何设置彩色标签云?
    END

注意事项

  • 字体的颜色可以自己根据喜好或者整体颜色进行自定义。
  • 如果本文对您有帮助或您喜欢,请点赞投票或加关注,谢谢!

wordpress代码高亮显示

具体步骤为:

1,拷贝文件 highlight.css 到主题目录下。

2,在主题头文件 header.php 的 </header>之后,</header> 之前添加:

  1. <link rel=“stylesheet” href=“<?php bloginfo(‘template_url’); ?>/highlight.css” />

3,记住以下两个网站:

在线代码高亮转换

在线C语言格式化

4,在上述两个网站中进行在线转换。将格式化后的代码进行高亮转换,然后复制 html 代码,粘贴到wordpress的文本框,记住一定要粘贴到文本框,最好不要粘贴到可视化框。

5,最后进行字体、字号调整等操作,以免在文本框粘贴时格式符太多,不容易查找粘贴位置。

高亮效果:

转换前:
#include <iostream>

int main()
{
std::cout << “Hello World!” << std::endl;
return 0;
}

转换后:

  1. #include <iostream>
  2. int main()
  3. {
  4.     std::cout << “Hello World!” << std::endl;
  5.     return 0;

『Wordpress』自定义代码高亮

# TODO: 

关于 WordPress 的代码高亮,以前的解决方案着实让人哭笑不得。最初为了代码高亮,直接截图。然后实在是受不了了,安装了代码高亮插件,但是效果差强人意,样式太丑,弃用了。最后,将代码从编辑器复制到 Evernote 里面,然后再复制到 WordPress 里面,真是累啊。

文章太过久远,可能已不具备参考价值。没删,只因为留作纪念。

今天朋友推荐了个 css 库,可以直接使用这些css,来进行代码高亮,这是原文地址:

http://archerzz.ninja/ios/code-highlight.html

本文,将讲解作为一名iOS开发人员,如何使用xcode风格的代码高亮,以及注意事项。

正文:

一、下载官方库

首先,下载官方的js与css库:

https://highlightjs.org/download/

然后,将highlight.pack.js上传到服务器上(能通过URL访问即可),然后看到highlight目录下的style文件夹,里面放的是各种风格的代码高亮样式。

二、修改xcode.css样式

找到xcode.css,这个样式是xcode中的default主题风格,即白色背景的那种风格。但在博客中,白色背景并不友好,一般会给一定的底色,所以,打开xcode.css,对代码做如下修改:

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fff; // 将这一行的#fff改为#e9e9e9(浅灰色)
  color: black;
  -webkit-text-size-adjust: none;
}

三、上传xcode.css

上传的方式与highlight.pack.js一样,路径随便选,只要能访问到就行。

四、在wordpress中引入上传的文件

进入wordpress后台,找到【外观】->【编辑】,在右侧选择顶部(header.php),将以下代码放到之前。

<link rel="stylesheet" href="上传的xcode.css路径">
<script src="上传的highlight.pack.js路径"></script>
<script>hljs.initHighlightingOnLoad();</script>

五、关闭wordpress默认pre样式

这一步完了以后,还需要关闭wordpress自带的pre样式,否则会与xcode.css中的样式冲突。

  1. 进入wordpress后台,找到【外观】->【编辑】,在右侧选择样式表(style.css);
  2. 全局搜索pre,找到以下代码并删除(如果怕删错,可以先备份):
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 0.5em;
    padding: 1em;
    overflow: auto;
    max-width: 100%;
}
  1. 如果代码字体大小或样式不喜欢,可以在将pre下面的code做如下改动:
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
  1. 删除后,更新文件

六、如何使用

在需要插入代码的地方,将wordpress的富文本编辑器从【可视化】切换到【文本】,然后使用以下代码包住需要显示的代码

<pre><code class='html'> // 需要什么语言,class中就写什么语言,不清楚可以看官方文档
// 放的代码,如
<head></head>
</code></pre>

七、html代码的高亮显示

如果需要高亮现实html或者以’<’开头的代码,如,<?php等,需要对’<’进行转义,否则会被当成html代码解析,导致无法显示。

如需显示以’<’开头的代码,将’<’写成’&lt;’即可。

修改WordPress上传文件大小限制的三种方法

我们手动安装插件,手动上传附件,多媒体文件时,WordPress的媒体文件上传可以看到,大多数都是2MB或者8MB。如果是图片的话可能会还够用,但是如果是音频和视频文件就不一定够用了,今天要分享的方法就是增大文件上传限制的大小。不过如果你的主机商有特别严格的限制,本文的方法就不确定可以实现了。一般的主机商都可以实现。

通过.htaccess修改限制

在网站根目录的 .htaccess 文件中添加如下代码。

php_value upload_max_filesize 64M

php_value post_max_size 64M

php_value max_execution_time 300

php_value max_input_time 300

通过php.ini破除限制

新建一个php.ini文件,在你的主机空间的根目录新建一个php.ini文件,或者修改Php目录下的PHP.ini里面使用如下代码。

upload_max_filesize = 64M

post_max_size = 64M

max_execution_time = 300

通过functions.php破除限制

在functions.php中添加如下代码,这样上传限制就是64M

@ini_set( ‘upload_max_size’,’64M’ );

@ini_set( ‘post_max_size’,’64M’);

@ini_set( ‘max_execution_time’,’300′ );

建议

WP是用Php语言开发,建议通过修改php目录下的Php.ini文件来破除上传文件大小的限制。

总结

以上是编程之家为你收集整理的修改WordPress上传文件大小限制的三种方法全部内容,希望文章能够帮你解决修改WordPress上传文件大小限制的三种方法所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

wordpress的robots.txt创建和详细设置教程

Robots.txt

robots.txt文件主要用于各个搜索引擎的蜘蛛爬取规则,合理设置robots.txt文件,可以让蜘蛛爬取,和不准许蜘蛛爬取的页面,这样有助于网站的seo

工具/原料

  • windows系统的电脑

方法/步骤

  1. 1

    首先打开电脑,依次点击“开始——所有程序——附件——记事本”

    wordpress的robots.txt创建和详细设置教程
  2. 2

    打开记事本文件

    wordpress的robots.txt创建和详细设置教程
  3. 然后输入User-agent,表示“允许”的意思

    wordpress的robots.txt创建和详细设置教程
  4. 按照这样的写法就可以User-agent: *,其中“*号”表示允许所有的蜘蛛抓取,如果你写的是“User-agent: Baiduspider”  ,那么就是只允许百度的蜘蛛来抓取。

    wordpress的robots.txt创建和详细设置教程
  5. 这样写  Disallow:/*?*  禁止抓取动态的页面。这样的好处是,如果你的网址做了伪静态的话,如果不禁止,那么等于蜘蛛重复抓取了你网址的静态页面和动态页面,这样就不利于seo,所以如果你网站做了伪静态一定要禁止蜘蛛抓取动态链接。

    wordpress的robots.txt创建和详细设置教程
  6. 这样写   Disallow: /wp-admin/   就是禁止蜘蛛抓取  /wp-admin/  目录,为什么禁止这个目录?这个地址是wordpress默认的后台登录地址,没有必要让蜘蛛抓取,这是属于重复页面(因为每个人的wordpress后台登录界面都一样)。

    wordpress的robots.txt创建和详细设置教程
  7. 这样写   Allow: /wp-admin/admin-ajax.php  表示允许蜘蛛抓取这个目录的文件

    wordpress的robots.txt创建和详细设置教程
  8. 这样写  Sitemap: https://www.你的网址.com/sitemap.xml  让蜘蛛访问你的网站地图

    wordpress的robots.txt创建和详细设置教程
  9. 然后写完了所有的内容,就是这样的格式。

    wordpress的robots.txt创建和详细设置教程
  10. 然后保存txt文件,并命名为“robots.txt”

    wordpress的robots.txt创建和详细设置教程
  11. 然后把robots.txt文件上传到你的网站根目录

    wordpress的robots.txt创建和详细设置教程
  12. 然后在你的浏览器地址栏目中,输入你的网址,加上/robots.txt就可以成功的访

    wordpress的robots.txt创建和详细设置教程
    wordpress的robots.txt创建和详细设置教程

    说到 robots.txt 大家已经都不会陌生了,但是有些时候很多的细节却还是没有被大多数人注意,比如子凡就忽略了一个细节,导致最近的一些文章在搜索引擎结果中出现了重复而没有意义的链接,如果你也是使用的WordPress,不妨你也看看你自己的 robots.txt 文件。

     

    如果你的 WordPress 站点还没有 robots.txt 文件,那么子凡觉得你就更有必要添加一个了,即使你的站点可以让搜索引擎随意抓取,因为搜索引擎机器人访问网站时,首先会寻找站点根目录有没有 robots.txt 文件,如果有这个文件就根据文件的内容确定收录范围,如果没有就按默认访问以及收录所有页面。另外,当搜索蜘蛛发现不存在 robots.txt 文件时,会产生一个 404 错误日志在服务器上,从而增加服务器的负担,因此为站点添加一个 robots.txt 文件还是很重要的。

    好了,还是来分享一个经过子凡整理的比较完善的适用于 WordPress 的 robots.txt 文件内容吧!

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    
    User-agent: *
    Disallow: /wp-admin/
    Disallow: /wp-content/
    Disallow: /wp-includes/
    Disallow: /trackback/
    Disallow: /comments/
    Disallow: /attachment/
    Disallow: /comments/feed
    Disallow: /feed
    Disallow: /*/feed
    Disallow: /*/comment-page-*
    Disallow: /*?replytocom=*
    Disallow: /*/trackback
    Disallow: /?s=*
    Disallow: /*/?s=*\
    Disallow: /wp-*.php
     
    Sitemap: http://yourdomain.com/sitemap.html

    使用方法:新建一个名称为 robots.txt 文本文件,将以上的内容放进去,然后上传到网站根目录即可。

    最后还是简单的解析一下其对应作用

    1、User-agent: *

    允许所有搜索引擎抓取网站,除非你网站有特别针对某个或多个搜索引擎,你可以适当的设置其抓取。如下只允许百度和谷歌抓取:

    1
    2
    3
    4
    
    User-agent: Baiduspider
    Disallow: /
    User-agent: Googlebot
    Disallow: /

    这样设置的意思为只允许百度和谷歌的蜘蛛抓取所有,但是这里子凡用的是 Disallow 并设置的/根目录,所以这里其实是禁止了百度和谷歌抓取,如果要允许所有可以使用Allow,大家可以举一反三的使用,仔细的体会感受一下。

    2、Disallow: /wp-admin/、Disallow: /wp-content/和 Disallow: /wp-includes/
    用于告诉搜索引擎不要抓取后台程序文件页面。

    3、Disallow: /*/comment-page-*和 Disallow: /*?replytocom=*
    禁止搜索引擎抓取评论分页等相关链接。

    4、Disallow: /category/*/page/和 Disallow: /tag/*/page/
    禁止搜索引擎抓取收录分类和标签的分页。(这一条子凡并未添加到上面演示,因为不同 WordPress 站点可能会有所不同,大家可以根据需要添加)

    5、Disallow: /*/trackback 和 Disallow: /trackback/
    禁止搜索引擎抓取收录 trackback 等垃圾信息

    6、Disallow: /feed、Disallow: /*/feed 和 Disallow: /comments/feed
    禁止搜索引擎抓取收录 feed 链接,feed 只用于订阅本站,与搜索引擎无关。

    7、Disallow: /?s=*和 Disallow: /*/?s=*\
    禁止搜索引擎抓取站内搜索结果

    8、Disallow: /attachment/
    禁止搜索引擎抓取附件页面,比如毫无意义的图片附件页面。

    9、Disallow: /wp-*.php
    禁止搜索引擎抓取 WordPress 网站根目录的以 wp 开头的文件。

    10、Sitemap: http://yourdomain.com/sitemap.html
    这个就是为了方便搜索引擎利用的网站地图,具体的根据自己网站需要添加。

    robots.txt是搜索引擎爬行网站的控制文件,按照一定的语法告诉搜索引擎哪些网页能爬,哪些不能爬,对于robots.txtd的介绍和书写语法,你可以参考这篇博文:网络蜘蛛访问控制文件robot.txt的写法 。

    可能你想说,收录量不是越多越好吗?

    其实不然,网站的网页不是收录越多越好,大家都知道搜索引擎比较网络上的网页相似度(相似度太高的两个页面会分散权重)的时候,不仅仅会进行不同网站间的纵向比较,而且会进行同一网站不同页面间的比较,所以,比如对于个人博客的作者归档和首页,页面内容差不多一样,我们完全可以屏蔽蜘蛛访问作者归档的页面。下面我来详细地介绍一下wordpress怎样写robots.txt利于SEO优化。

    WordPress怎样写Robots.Txt利于SEO优化

     

    一、屏蔽没有必要收录的一些链接

    1、屏蔽捉取站内搜索结果

    Disallow: ?s=*

    这个就不用解释了,屏蔽捉取站内搜索结果。站内没出现这些链接不代表站外没有,如果收录了会造成和TAG等页面的内容相近。

    2、屏蔽Spider捉取程序文件

    Disallow: /wp-*/

    屏蔽spider捉取程序文件,wp-*表示wp-admin,wp-include等文件夹都不让搜索蜘蛛爬行,这节约了搜索引擎蜘蛛资源。

    3、屏蔽Feed

    Disallow: /feed/*
    Disallow: /*/*/feed/*
    Disallow: /*/*/*/feed/*

    头部代码里的feed链接主要是提示浏览器用户可以订阅本站,而一般的站点都有RSS输出和网站地图,故屏蔽搜索引擎抓取这些链接,相当有必要,应为feed里面的内容基本就是你文章内容的重复,相同内容会让百度降低单页面权重,同时这也节约蜘蛛资源和服务器的压力。

    4、屏蔽捉取留言信息链接

    Disallow:/*?replytocom*
    Disallow: /comments/
    Disallow: /*/comments/

    屏蔽留言信息链接。需要指出的是,屏蔽留言信息链接不是说不让蜘蛛收录你文章的评论页面,而是这样的链接打开后,整个页面就只有一个评论,完全没有被收录的必要,同时也节约蜘蛛资源,故屏蔽之。

    5、屏蔽其他的一些链接,避免造成重复内容和隐私问题

    Disallow: /date/
    Disallow: /author/
    Disallow: /category/
    Disallow: /?p=*&preview=true
    Disallow: /?page_id=*&preview=true
    Disallow: /wp-login.php

    这些屏蔽规则你可以根据自己的需求决定是否创建,屏蔽data、author、category等页面都是为了避免太多重复内容,

    6、Disallow: /?P=*

    屏蔽捉取短链接。默认头部里的短链接,百度等搜索引擎蜘蛛会试图捉取,虽然最终短链接会301重定向到固定链接,但这样依然造成蜘蛛资源的浪费。

    7.屏蔽特定格式

    Disallow: /*.js$
    Disallow: /*.css$

    屏蔽对js、css格式文件的抓取,节约蜘蛛资源,降低服务器压力,你可以根据实际要求是否屏蔽你的图片被抓取。

    8.其它不想被抓取的页面

    Disallow: /*?connect=*
    Disallow: /kod/*
    Disallow: /api/*

    • /*?connect=*:我的博客登录链接
    • /kod/*:在线文件管理链接
    • /api/*:我自制的API链接

    二、使用Robots.Txt需要注意的几点地方:

    • 1、有独立User-agent的规则,会排除在通配“*”User agent的规则之外;
    • 2、指令区分大小写,忽略未知指令,下图是本博客的robots.txt文件在Google管理员工具里的测试结果;
    • 3、“#”号后的字符参数会被忽略;
    • 4、可以写入sitemap文件的链接,方便搜索引擎蜘蛛爬行整站内容。
    • 5、每一行代表一个指令,空白和隔行会被忽略;
    • 6、尽量少用Allow指令,因为不同的搜索引擎对不同位置的Allow指令会有不同看待。

    上面的这些Disallow指令都不是强制要求的,可以按需写入。也建议站点开通百度站长工具,检查站点的robots.txt是否规范。

    三、百度站长工具Robots.Txt工具的使用方法

    百度站长工具robots.txt工具网址:http://zhanzhang.baidu.com/robots/index

    wordpress怎样写robots.txt利于SEO优化

    百度站长工具robots.txt工具的使用方法

WordPress和Prettify免插件实现代码高亮

发表时间:2015-12-03 15:16 | 分类:建站经验 | 浏览:2,284 次

使用插件可以实现wordpress代码高亮,之前我一直用的是SyntaxHighlighter插件。最后选择放弃的原因其实就是太复杂。想要实现代码高亮,必须添加[code language=”xxx”]…[/code]标记。而且我在卸载该插件后发现,文章中直接显示有code字样。这个给人的感觉也不好。如何免插件而且简单的实现代码高亮?最后我选择了Google的Prettify,效果如下图所示。

20151203150342

Google Code Prettify 是 Google 开源的一个用于代码高亮的 Javascript 库,支持 C/C++, Java, Python, Ruby, PHP,Javascript 等常见语言。使用Prettify一般只需包含两个文件:prettify.js 和 prettify.css。压缩过后的 prettify.js 大小差不多在 15K 左右,非常小巧。还有一个吸引人的就是简单,使用它进行代码高亮时,不需要指明语言类型,Prettify会自动判断并处理。

WordPress免插件实现代码高亮步骤

一、下载js和css文件

本站js地址:https://zhangnq.com/wp-content/themes/P1/js/prettify/prettify.min.js

本站css地址:https://zhangnq.com/wp-content/themes/P1/css/prettify-default.css

css文件只包含代码高亮样式主题,我选择默认default。当然你可以在这里挑选适合自己的样式。

二、修改functions.php文件

打开wordpress主题文件中的functions.php文件,在末尾?>前添加如下代码。第一步下载js文件我保存在当前主题下的js目录。

function dangopress_esc_html($content) {
    $regex = '/(<pre\s+[^>]*?class\s*?=\s*?[",\'].*?prettyprint.*?[",\'].*?>)(.*?)(<\/pre>)/sim';
    return preg_replace_callback($regex, dangopress_esc_callback, $content);
}
function dangopress_esc_callback($matches) {
    $tag_open = $matches[1];
    $content = $matches[2];
    $tag_close = $matches[3];

    //$content = htmlspecialchars($content, ENT_NOQUOTES, get_bloginfo('charset'));
    $content = esc_html($content);

    return $tag_open . $content . $tag_close;
}
function setup_load_script() {
    // Register prettify.js
    wp_enqueue_script('prettify-js', get_template_directory_uri().'/js/prettify/prettify.min.js',
                       array(), '20130504', true);
}
function wp_prettify_load() {
    if ( is_single() ) {
        add_filter('the_content', 'dangopress_esc_html', 2);
        add_filter('comment_text', 'dangopress_esc_html', 2);
        add_action('wp_enqueue_scripts', 'setup_load_script');
    }
}
add_action( 'wp', 'wp_prettify_load' );

最后wp_prettify_load表示只在文章加载。

三、修改header.php文件

打开wordpress主题文件中的header.php文件,在</head>标签前添加如下代码,用来加载主题样式,也只在文章页加载。

<?php if ( is_single() ) { ?><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri().'/css/prettify-default.css' ;?>" />

到这里wordpress+prettify免插件纯代码实现文章代码高亮设置就结束了。我们在编写文章时把代码放在pre标签内即可。

参考连接:

http://kodango.com/highlight-code-with-google-code-prettify

https://code.google.com/archive/p/google-code-prettify/

本文标签:

本文链接:https://zhangnq.com/2295.html

欢迎您在本博客中留下评论,如需转载原创文章请注明出处,谢谢!

wordpress一键全站迁移和备份

 

整站迁移

有时候,我们把整个网站迁移到另一个服务器,性能更高,更安全的服务器.

对于不懂技术的人来说,不仅操作繁琐,还容易把博客的数据不小心损坏掉.

推荐一个插件All-in-One WP Migration,能够一键备份和迁移,免费版已足够使用.

操作指南

安装插件

wordpress插件搜索关键词All-in-One ,找到All-in-One WP Migration插件,点击安装

备份整站

把整个网站配置连同数据库的内容备份

生成备份

生成备份文件结果如图,点击下载

下载备份

可以看到备份文件为wpress的后缀文件

恢复整站

在新的wordpress网站也安装All-in-One WP Migration插件,点击导入,将备份的文件拖拽进去即可

BaiduSubmit:度娘WordPress结构化数据插件(改进版)

张戈博客曾多次提到一个会造成百度不收录问题的原因:如果网站存在实时推送机制(比如安装了百度官方推出的 BaiduSubmit 插件),那么发布文章后,在百度收录之前这段时间内,无论如何都不要再去更新文章内容了,因为每次提交更新都会触发 BaiduSubmit 的实时推送机制,通知百度内容更新了!

在百度收录之前,如果频繁向百度推送更新通知,文章很可能就会被百度丢入沙盒,短时间内不会在百度搜索展现该条收录!

个人大胆猜测,造成这种现象的根本原因是收录之前,如果频繁更新内容,百度会认为这个内容是不稳定的。这个机制估计是百度出于用户体验考虑,百度希望用户看到的内容是和搜索到的一样,而不是百度收录了 A 内容,就因为你中途改成了 B 内容,导致用户通过 A 关键字搜索,却没有得到预期的结果!

因此,网站在发布文章之后,稳定收录并展示之前,切忌频繁修改内容!

但是,我作为一名中度强迫症患者,只要看到文章有错别字,或者排版等瑕疵,我都会立即修改!相信和我一样的朋友,肯定不在少数!

下面就分享一下解决办法。

一、关闭实时推送

①、关闭 Baidusubmit 实时推送

如果不想每次更新文章都触发推送机制,那么最简单的方法就是在插件后台关闭实时推送即可:

这个方法是最简单的,但是存在一定缺憾:关闭实时推送之后,新发布文章也不会再推送给百度了。只会在百度提交一份 sitemap 数据,让百度定时抓取。

在博客没有开通 sitemap 权限的情况下,那这个插件就相当于在百度提交了 sitemap 数据(上图只有在开通了 sitemap 权限的情况下才可以看到)。

当然,如果你不怕麻烦,也可以在发布新文章的时候启用实时推送,然后在手动关闭即可。

②、关闭 WordPress 实时推送

除了这个插件会实时推送数据,WordPress 其实还自带了一个更新通知功能:

直接将百度的 PING 服务删除即可,其他的删不删应该都没关系。

二、修改插件机制

相比于第一种方法,下面的方法就更加合理:只有在文章发布的时候推送数据到百度,而后续更新文章则不会触发插件的推送机制,强烈推荐使用!

方法①、当网站未禁用修订功能时,可通过修订判断来终止插件推送:

WordPress 的修订功能默认是打开的,那么我们就可以用下面这个语句来判断是否是更新动作。

 if (wp_is_post_revision($postid)) return;   //更新文章不往下执行,直接返回

修改方法:

编辑 baidusubmit 插件下的 main.php,找到 static function publishPost($postid) { ,在之后添加以上代码即可:

 static function publishPost($postid)
    {
        if (wp_is_post_revision($postid)) return; //更新文章时不推送
        require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . './inc/sitemap.php';
        add_post_meta($postid, 'Baidusubmit', 1, true);
        $schema = BaidusubmitSitemap::genSchemaByPostId($postid, $xpost);
        if ('publish' != $xpost->post_status || '' != $xpost->post_password) {
            self::deletePost($postid);
            return;
        }
/* 以下代码略 */

Ps:可能你会疑问,如何判断已修改成功,更新时插件是否依然在推送数据?有个很简单的判断办法:更新文章时,如果有推送数据,那么花费的时间将比不推送数据要长的多!差距非常明显!

当然,如果你无法确定是否生效,建议使用下面这种方法,绝对可靠!

方法②、当网站禁用了修订功能时,可通过自定义栏目来终止插件推送:

我在测试上面的代码时,发现根本不生效!看了半天,才发现我的博客曾经把修订功能给禁用了!查看修订功能是否被禁用,只要打开网站根目录下的 wp-config.php,查看是否存在一下代码:

/** 禁用自动修订版本 **/
define('WP_POST_REVISIONS', false);
define('AUTOSAVE_INTERVAL', 36000);

禁用修订功能是为了节省数据库主键,最大程度保证文章 ID 的连续性,估计这样设置过的博客也不在少数。

既然禁用了修订功能,那第①个方法就无法使用了!这时候,我们可以借助 WordPress 的自定义栏目功能来解决这个问题。

原理很简单:文章首次发布时,会向百度推送数据,并且在对应文章中新增一个自定义栏目:Baidusubmit=1

更新文章的时候,插件先判断自定义栏目,如果 Baidusubmit=1,则不再推送,从而解决了重复推送问题。

修改方法:

还是编辑 baidusubmit 插件下的 main.php,找到 static function publishPost($postid) {,在之后添加代码:

//如果检测到Baidusubmit=1,则返回
if(get_post_meta($postid,'Baidusubmit',true) == 1) return;
//若推送到百度,则新增自定义栏目
add_post_meta($postid, 'Baidusubmit', 1, true);

最终如图所示:

发布文章之后,文章编辑界面的自定义栏目中将出现如下键值:

后续,如果想让插件再次向百度推送文章,只需要将这个值改为 0 或其他数值即可。

三、插件下载地址

考虑到代码盲站长,特将以上 2 种修改后的 baidusubmit 插件打包上传,请根据实际需求下载安装即可:

博客未禁用修订功能,请下载【插件①】,不清楚的推荐下载【插件②】

下载地址

安装时,先删除原有的 baidusubmit 插件,然后上传安装即可。

WordPress无法在线安装插件和主题,无法更新wordpress版本

具体情况:在主题和插件的页面,没有显示安装插件的按钮,也无法进行更新,在仪表盘也没有更新页面。 一开始以为是文件权限问题,结果发现并不是这个原因。

解决方法:检查 wp-config.php 文件是否有以下2行,删除或改为 false。

define( 'DISALLOW_FILE_EDIT' , true );
define( 'DISALLOW_FILE_MODS' , true );
另:WordPress无法在线安装主题和插件的解决办法

最近有几位朋友询问倡萌,WordPress无法在线安装主题和插件,无法查看热门插件和主题,提示“发生了未知错误。有可能是因为 WordPress.org 工作不正常,或本地配置有误。如果问题持续存在,请浏览中文支持论坛。”

询问了一下,一般是由于使用的国内主机封了某些DNS导致的。

如果你的是VPS或服务器,比如阿里云服务器,可以使用下面的命令打开resolv.conf:

1 vi /etc/resolv.conf

修改为google的DNS或其他

1 2 nameserver 8.8.8.8 nameserver 8.8.4.4

保存即可;

如果是虚拟主机,请自己联系你的主机商,要他们提供解决方案。

wordpress技巧篇之怎么使每篇文章针对百度蜘蛛做出检测而快速得到文章的收录情况

作者 / 时间 2019-02-03 10:11:46

站长朋友们都知道网站优化对于新站而言是多重要,不仅是新站就是老站同等重要,只有网站优化好了才会有流量,有流量才可能转化为销量进而给站长带来盈利。很多站长在起初建站就会把网站优化都设计好这样方便后期的整体优化,今天有位站长朋友使用的是php空间安装的wordpress博客程序,由于网站搭建好了之后每天发布的文章比较多,只能在站长工具中看到文章每天都有收录,可是具体收录哪些文章看的不是很具体,于是这位站长朋友想如果能让收录的文章在首页显示出来就更好了,意思就是在每篇文章标题后面显示百度已收录和百度未收录。如下图1:那么该如何实现呢?无忧主机小编经过研究之后找到了实现的方法,具体来整理下吧。 1、首先登陆博客网站后台,找到左侧外观–主题–编辑–找到右侧functions.php模板函数,如下图2:2、点击模板函数打开,在最下面?>前面加入以下代码:

function 51php_bdsl($url){

$url='http://www.baidu.com/s?wd='.$url;

$curl=curl_init();

curl_setopt($curl,CURLOPT_URL,$url);

curl_setopt($curl,CURLOPT_RETURNTRANSFER,1);

$rs=curl_exec($curl);

curl_close($curl);

if(!strpos($rs,'抱歉,没有找到')){

return 1;

}else{

return 0;

}

}

如下图3:3、做了上面的步骤还是需要到您的模板中去调用才可以实现这样的功能,具体的实现代码如下: <?php

if(php_bdsl(get_permalink()) == 1)

echo "百度已收录";

else

echo "百度未收录";

?>

上面的代码根据您的喜好加入在不同的地方,无忧主机小编喜欢加上index.php中的<?php get_template_part(‘content’); ?>下面,即可显示出来。 反正就是完成以上几个步骤就可以完成您的这个功能。 以上是无忧主机独立IP虚拟主机为您带来的介绍。本文地址:https://www.51php.com/wordpress/28267.html