Posted inWordPress

WordPress自带 TinyMCE 编辑器使用技巧大全[转载]

Posted inWordPress

本文转载自：http://www.3lian.com/edu/2012/02-09/20876.html 有本博主略微修改，包括代码部分。

自从用上WordPress以来我不知道换了多少个后台编辑器了，从FCKEditor到CKeditor，甚至还有一些名不见经传的 CodeRenderUnmi和WLW、FE editor等等，用来用去发现有些功能确实强大，但是要想用着顺手就必须修改很多东西，而且一旦WordPress或者插件本身自己升级，那些修改过的 东西就必须重新再设置一遍，相当麻烦；要不就是一些离线的编辑器，复制来粘贴去的也很费心。到现在，我依然觉得，WordPress自带的编辑器才是最强 大且实用的！

正所谓“自此精修，渐进于无剑胜有剑之境”，抛开那些个浮夸的编辑器，回到WordPress自带的TinyMCE编辑器上来，要知 道，WordPress自身也在不断的强大，每一次升级对自带编辑器的改动都是很实用的，不仅将多媒体功能融合到了一起，而且给人的感觉是越来越干净利 落，从此我们也可以看到官方对自带编辑器TinyMCE的重视程度。下面我将我自己对自带编辑器TinyMCE的修改方法贴出来，所有代码只需写到主题里 的functions.php文件里，即使日后升级WordPress也不需要重复操作。

更改编辑器默认视图为HTML

大家都知道，在后台新建文章后，编辑器就自动跳转到“可视化”视图，对于一些经常要插入代码或者WEB设计者们来说（我就是^_^），可能更习惯使 用HTML视图手动编辑。而且，像CKEditor在可视化视图下编辑本来没有<p>或<div>标签，但切换到HTML视图之 后就会自动添加，当然这是CKEditor的自动设置无可厚非，但是在日后想要重新编辑一篇发表过的文章时就会头疼了，因为CKEditor会自作多情的 生成很多冗杂或混乱的代码，保持代码的干净整洁非常不便（当然你要想凑合着用也不会对实际显示效果有很大改变，但会对网页结构减分）。

设置方法：将以下代码添加到主题的functions.php文件里即可：

[cc lan=”php”]add_filter(‘wp_default_editor’, create_function(”,’return “html”;’));[/cc]

添加编辑器默认内容（编辑器内可见）

新建文章后编辑器里的内容默认是空的，有些朋友做的是WordPress主题站、插件站或单纯的下载站，一些标准的格式化的文章每次都会输入“主题 名称”、“主题作者”、“下载地址”等内容，添加默认内容之后，这些重复性的工作以后再也不用了，一切都预定义好了。而且如果发表文章不需要这些预定义的 内容，只需要全选-Delete就ok了，并不会很麻烦。

设置方法：在主题functions.php文件添加以下代码即可：

[cc lan=”php”]
function insertFootNote($content) {
if(!is_feed() && !is_home()) {
$content.= “

“;
$content.= “————————————————–

“;
$content.= “WordPress网站优化之家

“;
$content.= “这里的预定义内容在编辑器可见WordPress网站优化之家

“;
$content.= “比如这里声明“版权所有”之类的话

“;
$content.= “

“;
}
return $content;
}
add_filter (‘the_content’, ‘insertFootNote’);
[/cc]

Posted inWordPress

WordPress技术：如何在WordPress中在线运行/执行代码

Posted inWordPress

有时候我们想在页面内运行代码，方便说明问题，类似于 w3school 那样的。

实现方法可以分为插件式和非插件式。

插件式

可以使用 RunCode 插件。下载地址：http://wordpress.org/plugins/runcode/

或者使用 runcode by soncy 插件。下载地址：http://wordpress.org/plugins/runcode-by-soncy/

插件使用方法：
1、下载以下附件解压上传至wp-contentplugins目录下；
2、后台启用（无需设置）；
3、编辑文章或页面的时候选择HTML编辑状态，把需要运行的代码放置在以下标签中发布即可：
[cc lang=”html”]

这里放置需要运行的代码

[/cc]

使用实例：







css shadow 在线执行代码测试



图片

Posted inProcessing WordPress

WordPress技术+编程：在WordPress中怎样插入Processing程序并能实时运行？使用插件！(附用法)

Posted inProcessing, WordPress

我们可以使用插件很方便的插入Processing程序。

下面的这几个插件名字很像。第一个是Processing.js（插件目录中其名字为processing-js）、第二个是Processing JS（两个词之间有空格）（插件目录中其名字为processingjs（之间无空格））、第三个是Processing-js-Easy（插件目录中其名字为processing-js-easy），注意区别。

Processing.js（Processing-js）

下载地址：http://wordpress.org/plugins/processing-js/

安装方法：把 “processing-js/”上传到 “ /wp-content/plugins/” 目录。在后台激活即可。

使用方法：待整理。

Processing JS 插件

插件下载地址：http://wordpress.org/plugins/processingjs/

安装方法：下载解压后放到 /wp-content/plugins/ 中，然后在后台激活即可使用。

使用方法：激活后，在HTML模式下的编辑器上将多出一个“processing”按钮，如下图所示。点击它之后将在文章中插入一个简单的Processing程序代码，你可以用它当模版修改，或者直接贴上自己的代码即可。

还可以在这里找到更多的例子（附带代码）和用法：Processing JS Demos

Processing JS官网：http://processingjs.org/

举例：

Posted inWordPress 建站

建站心得：用 SAE 建 WordPress 博客还真是有点小贵啊

Posted inWordPress, 建站

原因

目前用 SAE 做博客，忍受了各种限制，修改很多插件主题来使用Storage之类的，花了很多时间折腾。

虽然速度还不错，用起来也挺好的。SAE 自己说是按需收费，确实是这样，但是，但是这个按需收费还真是有点小贵啊。

虽说我已经是初级开发者了，免去了应用租金。每个应用每天租金是5云豆，可是，这是杯水车薪啊。真想换成博客主机，回头在 SAE 上成为中级开发者之后再回来吧！

首先看看这两个月的云豆消耗量吧！（看下面三幅截图）

注：￥1元=100云豆

两个月的云豆消耗量：

Posted inWordPress 建站

建站：8款本地PHP环境搭建工具[转载+简单评论]

Posted inWordPress, 建站

8款本地PHP环境搭建工具

1. XAMPP（非常好用，推荐）

XAMPP是一款比较强大的本地测试平台，它集成了必须的三个功能，还带有 FileZilla，软件带有一个控制面板，在里面可以把Apache、MySql和FileZilla三者注册为系统服务或者卸载服务，有服务启动的控 制按钮，而且在窗口下部还能看到服务的运行信息。虽说面板是英文的，但清楚易懂。注册为系统服务有个好处就是开机能够自动运行，但是会消耗一定的系统资 源，怎么取舍用户自己来定。安装成功，服务也启动成功后，就可以把浏览器打开输入http://localhost/，试试是否成功。在XAMPP的网页 选项里，有中文支持。

2. Wamp Server

它的官方网站没有中文，但是程序支持中文。启动安装程序后，它会提示你请先卸载旧版，不支持 覆盖式的升级，然后一路NEXT就能安装成功。它在任务托盘里有个图标，如果服务启动异常，它就是红色的；如果部分异常，它就变成黄色；如果是一切正常， 那么它就变成了白色。这些不同的颜色警示，你很容易判断当前你的localhost能不能打开。它还能切换在线和离线状态，选项中的文语言项中也有简体中 文可选，很不错。

Posted inWordPress

WordPress文章统计插件(WP-PostViews)使用方法[转载+整理]

Posted inWordPress

转载自：http://blog.sina.com.cn/s/blog_5f49ee9301014f12.html
这款插件需要我们手动添加代码。

首先是最常用的一种

你可以在你主题里面的archive.php, single.php, post.php 或者 page.php等等找到[cc lang=”php”][/cc]然后在它下面你需要显示的地方输入[cc lang=”php”][/cc]

这样我们就可以在页面上显示出统计数量了。

在本站的用法

首先打开主题（flat主题）的single.php文件，在[cc lang=”php”]‘, ‘

‘ ); ?>[/cc]下添加[cc lang=”php”]

    • [/cc]

    再打开style.css文件，在[cc lang=”php”].meta li.post_edit a:hover { }[/cc]下添加[cc lang=”php”].meta li.post_views {} /*文章访问统计*/[/cc]

    这样就添加完成了。

    为了美观，重新给侧边栏修改、添加了图标。
    现在效果如下：
    新的侧边栏图标样式
    侧边栏的完整代码如下：
    [cc lang=”php”]
    .meta li.post_author { background:url(img/icon_author.png) no-repeat right 1px; padding:0 19px 0 0; } /*此次也替换了author图标*/
    .meta li.post_category { background:url(img/icon_category.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_tag { background:url(img/icon_tag.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_comment { margin:0 0 20px 0; background:url(img/icon_comment.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_comment a { }
    .meta li.post_comment a:hover { }
    .meta li.post_edit { background:url(img/icon_edit.png) no-repeat right 1px; padding:0 19px 0 0; } /*添加编辑图标*/
    .meta li.post_edit a { }
    .meta li.post_edit a:hover { }
    .meta li.post_views { background:url(img/icon_views.png) no-repeat right 1px; padding:0 19px 0 0; } /*文章访问统计，带图标*/
    [/cc]