WordPress 响应式极简主题 SimPo 1.5 – 2016.8.16 最终版

WordPress响应式清新主题SimPo介绍:

SimPo是个人基于最新WordPress默认主题 Twenty Twelve 修改的一款响应式清新主题,一切遵循清新自然的主体风格,博客更专注文字,目前已停止频繁更新,不过会根据 Twenty Twelve 的更新进行维护。如果你觉得此主题不错,可以考虑给本人送一瓶百事可乐o(∩_∩)o Read more “WordPress 响应式极简主题 SimPo 1.5 – 2016.8.16 最终版”

WP-PostRatings – 基于 WordPress 的文章评分插件

很多博主写博客的目的就是为了与大家分享一些自己的故事、经验以及人生的看法等等,关注博客的访客们可以对博主写的文章进行评论与留言,从而实现了与博主的互动。今天园子介绍的 WordPress 插件 WP-PostRatings ,可以轻松的实现访客对您发表的文章来进行打分、评级,从而加强双方之间的沟通与互动。

园子博客: WP-PostRatings – 基于 WordPress 的文章评分插件

WP-PostRatings 插件已经完美支持 WordPress 2.7 ,并且支持多种样式的的图标,您可以根据自己想喜好,选择相应的图标样式。插件自带的图标如下:

WP-PostRatings 插件截图

您可以登陆您的博客后台,根据帐户名称(如果有开放注册的话)、文章ID、文章标题等等,通过我们统计到的结果,可以很简单的看出哪些文章是大家比较感兴趣的,通过对这些结果的分析在以后的文章中对读者感兴趣的方面有所侧重。

WP-PostRatings 插件使用方法

  1. 下载 WP-PostRatings 插件,上传插件到/wp-content/plugins/下的文件夹。
  2. 到您的网站管理后台插件页面,激活插件,然后就可以根据自己的喜好做相应的设置。
  3. 设置好 WP-PostRatings 插件后,我们需要把相关的代码放在主题文件里去,这样才可以正确显示出投票功能。如园子是把代码加在single.php页面里面,您也可以加到index.php页面里,查找

    加到这段代码下面即可。加入代码后刷新页面即可出现文章评分的功能。园子的博客文章评分截图如下:

    WP-PostRatings 显示效果

    汉化补丁  WP-PostRatings1.50汉化中文包

Ghost:博客程序由 WordPress 迁移至 Ghost

为了配合路由器科学上网,于是买了个 VPS 来自行搭建 V.P.N,再加上最近在折腾 Node.js,于是打算把博客从 WordPress 迁移至 Ghost

Ghost 为 WordPress 的前员工开发,基于 Node.js,非常轻快,而且后台为 Markdown 编辑器,再加上数据库是 SQLite(也可使用 MySQL),深得我心,下面简单记录一下迁移过程。

首先选择一个合适的 VPS,之后安装 Ghost

迁移评论

评论迁移至 Disqus非常简单,Wordpress 安装 Disqus 插件后简单几步就能完成。

迁移文章图片

Ghost 的迁移指引上给出了一个用来存放图片的网站 Cloudinary,同样有 WordPress 插件,安装后即可把所有图片转移至 cloudinary 并替换文章中的图片 url 为 cloudinary 的 url。

迁移文章

等上面的数据全部迁移完了就可以迁移文章了。

正常的情况下,Wordpress 安装 Ghost 插件,在 WordPress 中导出 JSON 格式的数据,再进入 Ghost 后台导入即可。

这一步我遇到了一个问题,就是导入后的文章乱码了,而标题没乱码!

搜索一圈没找到解决方案,于是给 Ghost 提了个 issue,得到回复说可能是 WordPress 的 MySQL 数据库的编码问题,于是我在本机搭建了一个 WordPress(详见 Mac下如何安装Wordpress?),将线上 WordPress 的数据导入到本地搭建的 WordPress 中(使用 WordPress 内置的导入、导出工具即可),再将本地 WordPress 的数据导出,再上传至 Ghost 后台,乱码问题搞定!

另外,导入的文章可能会出现一些错误,尤其是包含代码的,需要手动修复。

URL 重定向

WordPress 导入 Ghost 之后,文章的 URL 规则发生了变化,为了更加无缝的体验,需要对 URL 进行 301 重定向。

中文标题下,Ghost 导入进来的文章 URL 为一长串字符,重定向规则变得没有规律,我想要的是方便重定向的,比如老的 URL 是 http://www.99css.com/archives/542/,新的为 http://www.99css.com/542/。念在只有 100 多篇文章,手动修改未尝不可:

  • 将 Ghost 的数据库 content/data/ghost.db 下载到本地
  • 用 SQLite 编辑工具(比如 SQLite professional、Firefox 扩展 SQLite Manager)打开
  • 在本地的 phpMyAdmin 中执行如下 SQL 语句筛选出文章标题及 ID SELECT post_title, guid FROM `wp_posts` WHERE post_status = ‘publish’ ORDER BY post_date DESC
  • 修改数据库 ghost.db 中 posts 表中的数据,将 slug 字段修改为上面查询到的对应文章 ID 即可

Tag 的 URL 也可以顺手修改一下,打开 tags 表,修改 slug 字段。

修改完成之后,ghost.db 上传覆盖 content/data/ghost.db。

接下来配置一下 nginx,新建一个 conf 文件,丢到 nginx 配置目录即可

server {  
    listen 80;
    server_name www.99css.com;
    location / {
        proxy_pass http://127.0.0.1:2368;
        if ($args ~* "p=[0-9]*") {
            rewrite ^ /$arg_p? last;
        }
        if ($arg_tag) {
            rewrite ^ /tag/$arg_tag? last;
        }
        if ($arg_replytocom) {
            rewrite ^(.*) $1? redirect;
        }
    }
    location /archives {
		rewrite ^/archives/([0-9-]+)$ /$1 permanent;
        rewrite ^/archives/tag/(.*)$ /tag/$1 permanent;
        rewrite ^/archives/category/(.*)$ / permanent;
        rewrite ^/archives/date/(.*)$ / permanent;
	}
    location /category {
        rewrite ^/category/(.*)$ / permanent;
    }
    location /demo {
        alias /var/www/ghost/content/demo;
        access_log off;
        expires max;
    }
    location /static {
        alias /var/www/ghost/content/static;
        access_log off;
        expires max;
    }
}
server {
    server_name 99css.com;
    rewrite ^(.*) http://www.99css.com permanent;

后面一段规则是将不带 www 的域名(99css.com)跳转到带 www 的域名(http://www.99css.com)

合并评论

进入 Disqus 的后台管理,点击 Tools 标签,找到 Redirect Crawler (Advanced),点击 Start Crawler,即可把重定向 URL 前后的文章评论合并。不知为何,这一步一直没有成功,最后采取的是手动修改 URL map

将 Disqus 集成到 Ghost 中

注:可以使用更加方便的 Code Injection 功能来添加 Disqus,详见 http://www.99css.com/code-injection-of-ghost/ 用编辑器打开主题中的 post.hbs 文件,将下面代码段拷贝至 </article> 前(记得修改一下 disqus_shortname 变量),重启即可生效

<div id="disqus_thread"></div>  
<script type="text/javascript">  
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'disqus_shortname'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>  
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>  
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

使用 PM2 守护 Ghost 进程

安装 PM2,以 Ubuntu 为例

npm install pm2@latest -g

生成 PM2 自启动脚本

pm2 startup ubuntu

以生产模式启动 Ghost

NODE_ENV=production pm2 start index.js --name ghost

保存

pm2 save 

以后这样就可以重启了

pm2 restart index.js

设置完成之后 VPS 重启或者 Ghost 崩溃都能自动重新运行了

10个最佳WordPress客户服务插件

大型企业大力依赖合同支持和客户管理团体,这些团队特别准备提供一致的支持服务。网络上载有各种各样的组织以特殊方式对待客户的故事,这些故事吸引了更多的客户,以及更多的介绍。提供服务首先为他们提供一个简单的路径与您取得联系。

多年来一直存在着各种各样的策略,其中一大部分客户对客户感到困惑,帮助他们。这些客户服务增强功能可以使用插件并入WordPress。在本文中,我们为您的WordPress网站收集了最好的免费WordPress客户服务插件。这份清单将显示我认为是最佳决定的一部分。

热闹的聊天支持

热闹的聊天支持

实时聊天支持是一个可爱的现场直播管理阶段,提供了一个完美无缺的计划的直播小工具,这将很有可能开始您的客人的热情。您的网站的客人可以无限制地打开一个谈话窗口,开始与其中一个管理员进行讨论,如果在任何给定时间没有管理员可用,他们无疑会留下一个电子邮件,将控制他们将在几秒钟内就可以获得他们复制问题的解决方案。 Read more “10个最佳WordPress客户服务插件”

8最好的WordPress安全插件

WordPress是全球最知名和最棒的博客舞台。包括不同主流博客在内的大量网站正在使用WordPress作为内容发布阶段。所以,黑客同样更喜欢黑客攻击基于WordPress的网站。黑客的一些时候还会发现WordPress的漏洞,允许他们窃取整个服务器。

WordPress本身与强大而安全的系统一起工作,但这并不能抵御黑客。无电源密码只是导致网站被黑客入侵的众多因素之一。在这里,我们分享了最好的WordPress安全插件的集合。 Read more “8最好的WordPress安全插件”

8最好的WordPress日历插件

WordPress作为我们大部分的经验,是如此坚实和适应性强。很难想像一个不能用它活动的网站。WordPress为客户提供了大量的插件来满足他们的需求,其中日历插件可以非常有价值和方便,同时创建不同的网站,例如事件和转移目的地。

在那里有许多日历插件,每个服务多样的必需品,从我们作为一个整体的基本计划,到一个特别是Facebook事件的日期书。在这篇文章中,我将向您展示WordPress的最好的WordPress日历插件,可以毫不费力地将其添加到网站中,使其对客人来说是一个惊人的,有帮助的。 Read more “8最好的WordPress日历插件”

六大WordPress知识库插件

知识库是一种用于存储由PC框架使用的复杂的有组织和非结构化数据的创新。这个术语的潜在利用是关于主要框架的主要框架。为您当前的WordPress网站添加知识库,以帮助您的客人关于您的项目的数据比您可能怀疑的更简单。您可以使用模块或主题来制作wiki信息库,以准备您的客户。

在这里,我们列出了最好的免费WordPress知识库插件对于分享劳动者或求职者之间的商业协会和活动的数据非常有用。插件对于大多数主题都很好,基本上可以通过使用短代码来实现。此外,交叉程序相似性保证即使在未经测试的程序中,模块也不会松动。 Read more “六大WordPress知识库插件”

8最好的免费WordPress会员插件

这是一个最好和有用的免费WordPress会员插件的集合,您可以在今天开始在您的网站上使用。这些模块将包括所有方式的能力和组件到您的网站,让所有的人力量哇您的客户受到折磨,没有别的。欣赏并在下面的备注区域继续进行讨论!

WP成员

WP成员

WP-Members可能是主要的WordPress会员插件敲响钟。鉴于这是一个非常有名的模块,这并不奇怪。WP – 会员不需要对您的主题进行调整,同时适应需要修改外观和感觉的客户,或需要仅限于某些实质。这是一个令人敬畏的设备,为提供优质物质的地方提供支持者,并且是多样化的各种用途。 Read more “8最好的免费WordPress会员插件”

前9名WordPress Google Map插件

WordPress Google地图在WordPress联系人形状中是一个非常有价值的时刻,它们展示了正确的业务领域或兴趣的位置。引导模块上的多个区域应该可以轻松地使用模块提供的标记选项,以及与合作的辉煌符号。通过这些模块将您的航程转移到各个旅行区域,您将开始崇拜他们。

尽管Google Maps API配备了安装代码,但是许多WordPress客户端都会使用专门的指导模块来感受更好。所有考虑的事项,提供的Google Map插件提供了更多的组件,自定义和设置。您是否希望将Google地图纳入您的WordPress网站?

WordPress可以免费使用WordPress的Google Maps插件,这使得很难知道哪个是最好的。在本文中,我们将向您显示您的网站的主要8最佳免费WordPress Google Maps插件。所以抓住一个模块,并为您的WordPress帖子和页面开始制作漂亮的地图。我希望你会喜欢这些有用的Google地图插件。 Read more “前9名WordPress Google Map插件”

WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像

这里是WordPress 自定义栏目运用实例系列第五讲,为大家带来设置外链缩略图/特色图像的方法。如果你的主题支持特色图像的话,你会发现使用特色图像的图像是不能为外链图片的,一定要在多媒体那里上传才能设置为特色图像。不知道为什么 WordPress 一直不改进这个不那么人性化的功能,难道是为安全考虑?官方没有,那我们就自己添加。let’s go!

设置外链缩略图/特色图像

首先在需要显示特色图像的地方(一般为首页、内容页)添加以下代码:

<?php if ( $values = get_post_custom_values(“thumb”) ) { ?> <a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”><img class=”thumb” src=”<?php $values = get_post_custom_values(“thumb”); echo $values[0]; ?>” alt=”<?php the_title(); ?>” /></a> <?php } else { ?> <a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”><img class=”thumb” src=”/images/thumb.jpg” alt=”<?php the_title(); ?>” /></a> <?php } ?>

注意:上面代码的css选择器class="thumb"需要在css中自定义样式。

然后,就是使用方法:第一次的时候在自定义栏目里输入新栏目名称为thumb,然后在值里输入缩略图地址,绝对路径或者相对路径都可以。不输入的话是不会有任何内容出来的。

这个功能的话其实不算太高级,高级的缩略图或特色图像应该具备以下功能:有缩略图就显示缩略图、没有就显示默认图片或文章第一张图片。这个“高级”的以后会讲到,敬请期待。

精致的 WordPress 免费个人博客主题 Akina

akinaalllin

Akina 是个人博客主题,每个细节都力争做到最好,为用户提供最佳的体验, 她是一款小众博客主题,简约而不简单,不错的响应式,以及不大的体积,颜色的搭配也是非常严格,希望大家可以喜欢!

  • 响应式支持设备
    已优化的所有设备,兼容智能手机,平板电脑,台式电脑,甚至是4K屏幕。使用最新的响应设计方法,布局将动态调整,以适应设备视图端口,确保像素完美的表示。
  • 多彩风格搭配
    主题支持7中颜色,七种颜色并不是随意选择的,而是我通过不断调整,选定的颜色,7种高级灰,不仅会让视觉舒适,也不会像高纯度颜色一样不经看,配合简洁的风格,让主题呈现出一种低饱和度的美感。
  • 灵活的主题设置
    所有版块都可以自由关闭,多种颜色可选,SEO优化,可选AJAX加载文章或者上一篇下一篇,开启或关闭评论收缩,且支持多说评论,可选开启或关闭加载动画,等等,让你的网站灵活多变。
  • 四种文章样式
    标准,状态,图片,图集

2016-09-27_092746

Akina 主题演示:http://www.akina.pw/

详细介绍及下载:http://www.akina.pw/themeakina

主题帮助:http://www.akina.pw/archives/10

关于版权,主题下方 theme:Akina by Fuzzz 需要保留,不然请不要使用本主题

Read more “精致的 WordPress 免费个人博客主题 Akina”

WordPress 专注细节的响应式博客主题 Kratos

Kratos 是一款免费开源的两栏结构并且拥有自适应效果的主题,她能够在任何浏览器下进行友好体验的访问。Kratos 秉持了专心写作专心阅读的特点,简单大方的主页构造并采用了2:1的完美比例,使得博客能在臃肿杂乱的环境中脱颖而出。Kratos 主题内置了强大的主题后台控制平台,可以轻松设置关键字及站点描述,自定义的顶部样式(背景图 or 纯色),强大的底部社交化组件,以及漂亮的博客订阅功能组件,让你的网站更加与众不同!!

主题效果

 

主题特色

  • 响应式设计,在电脑、平板和手机端完美展现
  • 自定义头部图片
  • 内置图片轮播组件
  • 页脚社交化小工具
  • 内置多种广告栏小工具
  • 强大的后台订制功能
  • 自定义的主题配色
  • 支持 WordPress 3.5 以上版本,并完美支持最新的WordPress 4.7

获取主题

帮助文档

将WordPress分类目录绑定二级域名WP Subdomains插件

@Care童鞋留言:“有没有什么方法或插件 可以给 “分类目录” 绑定 二级域名?”。于是所搜了一下,找到了WP Subdomainswordpress 插件,可以实现将 WordPress 分类目 录绑定 二级域名,也即是:http://wentong.org/wordpress/ 分类目录 url 绑定为 http://wordpress.wentong.org/二级子域名形式,这款插件其实功能很强大:

1.wordpress 分类目录 转换为 子域名 (绑定二级域名)形式
2.wordpress 页面转换为 子域名 (绑定二级域名) 形式
3.wordpress 作者页转换为 子域名 (绑定二级域名)形式
4.为不同子域名 (绑定二级域名) 选用不同的 wordpress 主题
下面详细介绍 给 WordPress 分类目录 绑定 二级域名 的方法:

所有用到的子域名必须绑定到你空间

1.在 域名 (注意是域名!!!)管理后台,在dns A 记录添加一条记录: * 记录指向了服务器的IP

2.接着需要在Cpanel中做如下设置:
(1)进入添加子域名项:
在Cpanel面板中设置泛域名解析
(2)添加一个 * 的子域名,目录就是你这个域名(如:wentong.org)所绑定的目录(如:puplic_html)
在Cpanel面板中设置泛域名解析

 

WP Subdomains插件安装与设置

1.WP Subdomains插件官方下载:

http://wordpress.org/extend/plugins/wordpress-subdomains/
或者,直接在wordpress控制管理后台搜索 WP Subdomains 进行安装。
2.WP Subdomains插件设置
(1)Wordpress 分类目录 子域名 url (绑定二级域名)可以直接在 WP Subdomains插件 设置界面完成
(2)对于Wordpress页面来说需要在页面编辑是添加 wps_page_subdomain 的自定义字段,赋值为true。

最后,祝您的wordpress博客pr越来越高,度娘的权重越来胖。


@WordPress大学

WP Super Subdomains 让 WordPress 使用子域名访问分类/标签等页面

对于分类很多很杂的网站,有些朋友希望使用子域名来访问分类,通常的做法是使用 WordPress 的多站点模式,但是维护起来其实也不太方便。今天倡萌推荐一个可以让使用子域名访问 WordPress 分类的插件:WP Super Subdomains。按照作者的介绍,该插件不仅可以设置分类进行子域名访问,还可以设置 标签、作者归档、页面,比较不错的一点是,可以自动生成 301 重定向之前的网址到添加子域名后的网址,便于SEO。

该插件还支持 W3C Total Cache 或 WP Super Cache 缓存插件!

需要注意的是,要正常使用该插件,必须满足下图提到的两个条件:

wp-super-subdomains

在后台插件安装界面搜索 WP Super Subdomains 即可在线安装,或者从这里下载 WP Super Subdomains

Wp slug translate 插件将导致后台缓慢

@知更鸟

近期发现,点击发表或更新文章按钮后极其缓慢,开始以为是网络问题并未太在意,直至昨天折腾主题保存菜单项时,提示 504 Gateway Time-out 错误,才感到问题的严重,禁用插件逐一排查,发现症结出在wp slug translate上。wp slug translate 插件用于自动将中文标题翻译为英文,调用的是google翻译API与《禁止WordPress后台加载谷歌字体》同样的原因,google服务器无法访问,导致更新文章缓慢和保存菜单超时。

如果你也有同样的问题,应立即禁用 wp slug translate 插件。停用插件后可以使用在线翻译工具,或者安装启用另外一款标题自动翻译插件:cos_slug_translator ,该插件调用有道翻译API。

安装插件之前,需先到有道申请一个API,申请地址:http://fanyi.youdao.com/fanyiapi?path=data-mode

然后,打开插件cos_slug_translator.php文件,修改其中:

  1. define(“TRANS_KEY”,“1717758599”);
  2. define(“TRANS_FROM”,“storyday”);

为自己申请的API。


WordPress标题别名自动翻译插件:WP Slug Translate

倡萌之前在 WordPress基本设置 提到过,如果你将WordPress设置为含有 /%postname%/ 的样式,那么默认就直接以文章标题作为链接,所以一般建议安装自动翻译插件或者手动修改别名,之前也推荐过WordPress拼音链接插件:Pinyin Permalink(中文链接转拼音) ,今天再给大家介绍一个WordPress标题别名自动翻译插件:WP Slug Translate 。

WP Slug Translate 简介

WP Slug Translate 是一个使用微软Bing翻译API接口的文章标题缩略名(别名)自动翻译插件,支持批量翻译文章别名。支持从38种语言翻译成英文,如果手动指定缩略名则以手动的为准,如果由于网络等原因导致翻译失败,则以文章ID作为缩略名。

WP Slug Translate 安装与使用

(1)在后台的插件安装界面搜索 WP Slug Translate 在线安装,或者在下面的地址下载

http://wordpress.org/extend/plugins/wp-slug-translate/

下载后解压得到wp-slug-translate文件夹,上传至 /wp-content/plugins/ 目录,然后在后台“插件”那里启用。

(2)进行简单配置:“设置”→“WP Slug Translate”即进入了设置页面。

wpdaxue.com-201301289

(3)“Windows Azure Application”:可以用默认的,最好自己按提示去申请一个。两个步骤缺一不可。每个账户每个月有两百万字符限制,所以推荐大家按照教程申请自己的。

(4)“Source Language”:是指你写博客使用的语言,在下拉菜单选择就行。

(5)“Delete Options”:勾选后可以在禁用此插件时自动删除在数据库中的设置选项,做到绿色化。

WP Slug Translate 相关链接

作者主页:http://boliquan.com/wp-slug-translate/

WordPress发布页:http://wordpress.org/extend/plugins/wp-slug-translate/

WordPress运行代码插件RunCode by Soncy

蓝色理想上一直看到可以直接运行HTML/Javascript代码的文本框,觉得很实用,今天也想给博客加一下。搜了一下,WordPress RunCode插件能实现需要的功能。但到WordPress插件中心搜了一下,WordPress RunCode插件到2008年就停止更新了而且最高支持2.6.2,同时发现了RunCode by Soncy这个插件,到主页看了方知是WordPress RunCode插件改进而来。因而就它了。

使用方法也很简单,在文章编辑界面HTML模式下使用[runcode][/runcode]标签或<runcode></runcode>标签,标签中间内容便是要运行的HTML/Javascript/CSS代码,标签支持height、width、size属性(都是数字),分别对应文本框的高度、宽度和字体大小,具体例子请看插件作者的文章《wordpress插件 runcode soncy修改版》。

使用时发现该插件老是自作主张地把代码中的空行去掉,代码长了很难阅读,修改了一下插件代码。把runcode.php文件中的第246行注释掉,如下:

//$code = preg_replace(“/(\s*?\r?\n\s*?)+/”, “\n”, $code);

这样插件便不会替换空行了。插件修改后的效果参见《Javascript基础知识测试》。

另外,有同学说设置>撰写选项>格式化>WordPress 自动校正错误的 XHTML 代码 功能打钩也会造成RunCode显示异常,如代码<!DOCTYPE的<后会增加空格,具体参见《解决runcode插件的问题》。这里建议不使用 WordPress 自动校正错误的 XHTML 代码 功能。

插件下载地址:作者网站下载点 wordpress插件下载中心

转载请注明:WordPress运行代码插件RunCode by Soncy前端开发