Wordpress on ZRJ | 学习笔记

wordpress 编辑器自动插入链接

Wed, 23 Jul 2014 10:42:02 +0800

在写东西的时候，经常需要引用外部链接，一般这个时候都需要点开 WordPress 的编辑器的超链接按钮，去把贴进来的 URL 文本变成超链接，这个事情干多了就觉得繁琐，于是开始找工具，想要的效果是贴进来链接自动变成超链接。

还不好找，最后找到这里，https://wordpress.org/plugins/tinymce-advanced/，WordPress 本身用的是 tinymce，这里替换了一个增强版的 tinymce 上去，但是，可惜的是，这个版本也没有提供我要的这个特性，而看到 tinymec 的官网上面，是有这个功能的，http://www.tinymce.com/wiki.php/Plugin:autolink，还是个默认插件，看来是被阉割掉了，那么就想着怎么把这个特性给搞回来。

看到这里，http://www.solagirl.net/enable-hidden-functions-of-wordpress-visual-editor.html，介绍了 WordPress 的 tinymec 的目录结构，去这里，http://www.tinymce.com/download/download.php，下载 4.1.x 版本的 tinymec，然后把里面的 autolink 提出来，放到对应的版本，然后在 WordPress 的后台设置的地方修改 tinymce advanced 的设置，导入这个配置

{"settings":{"options":"menubar,advlist","toolbar_1":"bold,italic,blockquote,bullist,numlist,alignleft,aligncenter,alignright,link,unlink,table,fullscreen,undo,redo,wp_adv","toolbar_2":"formatselect,alignjustify,strikethrough,outdent,indent,pastetext,removeformat,charmap,wp_more,emoticons,forecolor,wp_help","toolbar_3":"","toolbar_4":"","plugins":"anchor,code,insertdatetime,nonbreaking,print,searchreplace,table,visualblocks,visualchars,emoticons,advlist,autolink"},"admin_settings":{"options":[]}}

就可以了

这个其实可以进一步改动，主要两个

链接自动开新标签，加入 _blank 属性
可以像知乎那样，贴一个链接自动去拉取 title，而不是用这个 URL 文本

2014-7-23 14:42:50 update

上述的第一个不难完成，看到这里，http://stackoverflow.com/questions/5513757/how-to-set-target-attribute-in-tinymce，可以知道通过配置能够完成，在 WordPress 后台的插件编辑功能中，找到 tinymce-advanced.php 这个文件，然后找到 function mce_options 这个函数，在最后 return 之前加上一行

$init['extended_valid_elements'] = 'a[href|target=_blank]';

就可以了

为 twentyeleven 的导航添加标题

Tue, 08 Jan 2013 11:26:42 +0800

发现 WordPress 的 twentytwelve 主题在单个文章页面的上下篇文章导航的时候会给出文章的标题，而 twentyeleven 却只是简单的写着 Previous 和 Next，于是本着拿来主义的精神，把那个导航移花接木了过来，在 WordPress 的后台的 Appearance 里面的 Editor 中，选择 twentyeleven 的 single.php 文件，把导航部分修改成如下，（注释的部分是原来的），然后保存即可

<nav id="nav-single">
						<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
						<?php /*<span class="nav-previous"><?php previous_post_link( '%link', __( '<span class="meta-nav">&larr;</span> Previous', 'twentyeleven' ) ); ?></span>
						<span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?></span>
						*/ ?>
						<span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyeleven' ) . '</span> %title' ); ?></span>
						<span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyeleven' ) . '</span>' ); ?></span>
					</nav><!-- #nav-single -->

把 WordPress 搬出 SAE

Thu, 20 Dec 2012 13:00:46 +0800

新浪的 SAE 是越做越差了，本着不折腾不舒服斯基的精神，今天上午把博客从 SAE 搬出来了，现在用的是 http://laoxuehost.com/，总的来说，搬一次博客还是很麻烦的，需要做的事情大约如下

使用 Cyberduck 把原来 SAE 上的附件批量下载了，需要注意的是，由于新浪的 SAE 商店中的 WordPress 是经过改写的，在那里上传的文件，都会进入新浪的云存储，而给到的链接是类似 http://zrj0-wordpress.stor.sinaapp.com/uploads/2012/11/Unnamed-QQ-Screenshot20121127223731.png 这样的链接，而一个普通的 WordPress 博客的附件一般的路径是这样的，http://zrj.me/wp-content/uploads/2012/12/IMG_20120404_133850.jpg，所以我们需要把下载回来的附件打包好，上传到新的空间的 /wp-content/uploads 文件夹，解压缩
然后在旧的博客，使用 WordPress 的导出工具，把原来的所有文章和标签啊，分类啊，导出成为一个 xml 文件，并在导出的文件中把前面提到的所有 http://zrj0-wordpress.stor.sinaapp.com/uploads/(*) 替换成 http://zrj.me/wp-content/uploads/(*)，保存好，导入新的 WordPress，在导入的时候，导入工具会报说 media 不能导入成功，但是这个时候文章中的图片其实是已经能够显示出来了
然后就开始就是插件了，我用的插件就这么几个，syntaxhighlighter，这个用来代码高亮的，作为码农居家旅行杀人放火必备插件，然后就是 wp-limit-posts-automatically，这个是用来首页自动截断的，我想不通的是，WordPress 发展到今天，怎么在首页上还是会把一篇文章的所有内容全部输出呢，虽然在写文章的时候可以手工插入 more 标签，但是每次都这么手工去加，很累的啊，这个插件的好处在于可以自动截取前 300 个字符，这样首页看起来就整齐很多了，然后就是 wp-cumulus 3D Flash，这个用来做 Flash 的 3D 标签云，效果还是挺炫的，然后就是 wp-mail-smtp，这个是用来通过 SMTP 发送邮件的，跟后面要说的自动发回复提醒邮件的改动结合起来
接下来改动文件，首先是一些自定义的 css，我改动的 css 包括，http://zrj.me/wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/styles/shCore.css，这个文件的 57-58 行，

/* commented by ZRJ
	font-size: 1em !important; */

把他固定的字体大小改了，不然原来的代码字体很大，很容易就折行了，另外还有这个文件，http://zrj.me/wp-content/themes/twentyeleven/style.css，的 384-388 行，

/* style personalized by ZRJ */
	/* font-style: italic; */
	border-left: 5px solid #DDD;
	padding-left: 20px;
	/* style personalized by ZRJ */

把引用的样式改了，原来的是斜体，适合英文的引用，中文的斜体是在是无法直视，于是改成左边灰色竖线分割，还有 758-761 行，

/* style personalized by ZRJ */
	line-height: 200%;
	font-family: Georgia;
	/* style personalized by ZRJ */

把正文的行距和英文字体调整了一下，这样看起来舒服些，另外就是在 /wp-content/themes/twentyeleven/footer.php 中加入访问统计的 JS 代码，这个很简单，不再赘述 5. 最后需要改动的是 /wp-content/themes/twentyeleven/functions.php，加入在管理员在回复访客留言时自动发送邮件通知访客的功能，详情请看很久之前的文章，从评论通知学电子邮件的原理

经过这几步，基本上大体就迁移过来了，然后进入新的 WordPress 后台，简单设置一下，就算完工了。