标签归档:WordPress

找到一个很好的WordPress代码高亮插件-CodeColorer

一直想找一个好用的WordPress高亮插件,虽然发现一些好用的,但是后来发现大部分的代码高亮插件是基于js的,但是这样使得订阅的文章无法高亮,我个人还是很喜欢用阅读器来读文章的,所以打算换一个好的插件,这个插件必须是后端实现高亮。

苦苦寻觅了很久,昨天在阅读器中翻看小小子的博客时,发现他的文章中的代码可以在阅读器中实现高亮,所以就发邮件问了问他,才知道WordPress有一个这么好的高亮插件CodeColorer。于是毫不犹豫的启用了这个插件,把以前的高亮插件停用了,所以以前的代码可能会出现问题。


//wordpress代码高亮插件CodeColorer
echo 'CodeColorer 插件真好用';

CodeColorer下载

wordpress主题制作入门教程系列之开篇 (worpress教程网)

这一个版本是发布在WordPress教程网的,转载一下。

原文链接:wordpress主题制作入门教程系列之开篇

简单说明

为了能使WordPress fans制作富有个性的主题,经过精心的准备,wpc终于推出了这套WordPress主题制作入门教程!

WordPress是一个很优秀的开源博客程序,受到全世界网民的追捧。它不但是一个简洁易用的博客应用程序,同时也是个学习的好工具。通过主题的制作你可以学习网页设计相关知识,学习插件开发则可以提高你php编程的能力,如果更深入的了解一下WordPress的框架结构,那对你架构设计能力也是一种提高。我们提供的这套入门教程旨在普及WordPress主题制作的基础知识,面向最基础的入门用户,让大家认识到制作WordPress主题是简单的,有趣的(It is easy ,it is fun这是我们的口号)。我们的教程会讲解如何制作WordPress 主题,但是我们的教程不会告诉您如何制作漂亮的主题。

学习我们的教程需要您首先的是一个WordPress的熟练的用户,如果你还不是很熟悉如何使用WordPress,请移步WordPress教程网查看WordPress的基本的使用教程

教程开始之前还是要说一些网页设计的基本的规范以及一些基本的php常识:

(1)所有html 标签必须关闭

<ul></ul>

(2)Html标签的不能交叉嵌套

<div><span></div></span> 这样是不允许的

<div><span></span></div> 这样是正确的

(3)凡是在<?php ···?>或者在<? ···?>里的内容都是php代码

(4)Php 的两种注释方法

// 单行注释

/**/ 跨行注释

即以/*开头到*/终止的中间部分全部为注释代码

5)css 样式文件的注释方法 只有一种既 /**/ 跨行注释

推荐一些工具和网站

1)php不懂得问题去。Php.net查询

2)与css,html有关的问题去:w3school查询

js方式外部调用wordpress文章插件Ecall更新1.12.7版本

js方式外部调用wordpress文章插件Ecall已更新到1.12.7版本

下载 wordpress Ecall 插件主页

更新日志

(1)调整了cid为0时的bug。修改后cid=0和隐藏分类组合可以使wordpress站外调用更灵活

目前cid有以下几种用法。

A)cid=某个分类的id

示例:

<script type=’text/javascript’ src=’http://blog.webfuns.net/api.php?key=b32154b43d6332afcb130b3a633c6ce4&cid=7&rows=6′></script>

这样可以实现站外调用某个具体分类下的文章

B)cid=0 不隐藏任何分类

<script type=’text/javascript’ src=’http://blog.webfuns.net/api.php?key=b32154b43d6332afcb130b3a633c6ce4&cid=0&rows=6′></script>

这样可以站外调用所有的分类下的文章

C)cid=0 隐藏某些分类

以趣味互联网为例:

Google(cid=1)

WordPress(cid=2)

LAMP(cid=3)

My Project(cid=4)

如果把Google隐藏了,

<script type=’text/javascript’ src=’http://blog.webfuns.net/api.php?key=b32154b43d6332afcb130b3a633c6ce4&cid=0&rows=6′></script>

这样站外调用将显示Wordpress、LAMP、My Project三个分类下的文章

如果再把Wordpress隐藏了,就显示LAMP、My Project两个分类下的文章,以此类推,如果全部隐藏了,就不会显示任何调用。

2)  增加了错误提示

3)  修复了Cache time 无法设置为空的问题

4)修复了隐藏目录不能全部同时取消的问题

5)模板中不再支持content调用

原因是大文本调用容易出现不可预测的字符,从而导致js调用出错,此外大文本的外部调用浪费系统资源且价值不是很大。

wordpress主题制作入门教程目录

前段时间写了wordpress主题制作入门教程,教程有两个版本,分别发布在我的博客和wordpress教程网,两个版本从两种不同的角度去解释wordpress主题的制作过程,在这里看到的这个版本更适合中级用户,在wordpress教程网的版本更面向基础用户,为了方便大家检索,特制作在我的博客这个主题教程的目录。wordpress教程网的本老五已经整理好了,大家可以去教程网看看。

  1. wordpress 主题制作教程系列(1)之开篇
  2. wordpress主题制作入门教程系列(2)之主题制作基本流程
  3. wordpress主题制作入门教程系列(3)之default主题的组织结构
  4. wordpress 主题制作教程系列(4)之default主题index.php
  5. wordpress主题制作入门教程系列(5)之default主题index.php(二)
  6. wordpress主题制作入门教程系列(6)之default主题header.php和footer.php

PS:wordpress 主题制作入门教程我会不定期的完善和修改

wordpress 主题制作教程系列(4)之default主题index.php

Ii is easy,it is fun.这是我们wordpress 主题制作教程的口号,事实就是这样的,慢慢体会吧。

在我们“教程的wordpress主题制作入门教程系列(3)之default主题的组织结构这一讲中对教程做了概要说明,并且简要分析了style.css文件。这一讲我们主要分析一下index.php和header.php ,index.php是一个很重要的文件,通过一讲的内容不能够讲明白,我打算在本讲中将一部分内容剩余的内容在剩余的教程中穿插讲解。

default 主题分析 (index.php )

打开index.php文件,我们看到如下代码。不要头大,这些代码其实很简单,庖丁解牛,慢慢搞定它。

/**



	
id="post-">

Not Found

Sorry, but you are looking for something that isn't here.

我们把这一段冗长的代码分成四部分来逐个分析,也许这样会更加容易理解一些。

第一部分:

<?php

/**

* @package WordPress

* @subpackage Default_Theme

*/

get_header();

?>

这一段代码相对较简单一些,包括注释和一个函数get_header() (这个函数是一个典型是一个wp 模版函数)。他的作用是加载头部文件即header.php,相当于php中的include 函数的作用。这个函数的原型在wp-includes/general-template.php,有一定php基础的朋友可以看一下函数的具体定义实现方法,第三部分()get_sitebar()函数和第四部分()get_footer(),实现的原理和get_header()一样,他们的作用通过他们的名字就可一猜出来的。

剩下代码就是第二部分啦,是index.php的主要代码,暂时先不做分析。接下来我们看看这四个部分的关系,和他们在WordPress页面中的位置和作用,请看下面的这一图片。

wpdesign02

default主题四部分之间的关系

有任何问题可以在此留言或者im 我都可以!我会及时做出回复!也欢迎的大家对教程提出意见和建议,我们将做出及时的调整。

wordpress主题制作入门教程系列(3)之default主题的组织结构

如果你不明白我们在做什么,请回顾我们wordpress主题制作入门教程系列上一讲:wordpress主题制作入门教程系列(2)之主题制作基本流程

一、主要分为三块:

(1)Images目录 存放主题中所使用的图片

(2)Css 样式文件 style.css rtl.css

(3)模版文件 这个是我们以后分析的重点!

default主题的文件组织结构

default主题的文件组织结构

default主题中各文件的关系图

default主题中各文件的关系图

这个图片说明了这些文件的重要性,从中我们可以看出index.php是最重要的一个文件。其次是single.php 、page.php、search.php、  arcchive.php、 404.php 文件,他们在WordPress主题中各司其职,分工写作来构建一个完美的WordPress主题

(2)style.css 样式文件

/*

Theme Name: WordPress Default

Theme URI: http://wordpress.org/

Description: The default WordPress theme based on the famous <a href=”http://binarybonsai.com/kubrick/”>Kubrick</a>.

Version: 1.6

Author: Michael Heilemann

Author URI: http://binarybonsai.com/

Tags: blue, custom header, fixed width, two columns, widgets

Text Domain: kubrick

Kubrick v1.5

http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,

whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/

style.css文件的开头就是一段css注释,他的作用就是对制作的主题的简单说明。这里包含了一些与主题的相关信息(Theme Name、Author等),只要按照上面的格式填写就可以在安装主题的预览页面看到相关的信息。如果制作新的主题,这里可以填写上自己主题的信息。上面红色的部分是根据自己的需要进行填写的,前面蓝色的部分不用动。

今天就先这一讲就说这些吧。有任何问题可以在此留言或者im 我都可以!我会及时做出回复!也欢迎的大家对教程提出意见和建议,我们将做出及时的调整!