WordPress插件开发实例教程-版权插件

  categories:wordpress  tags:,   author:

本文记录WordPress插件开发实例过程, 本文以版权显示为例子进行

说明:本教程仅限学习,高手请绕道

开发程序:WordPress 3.9-RC1

使用主题:Twenty Fourteen

在开始之前,需要注意三件事情

I、给插件取一个个性化的名字,越个性化越好,以防和其他插件重名冲突。

II、代码里面,一定要包含注释,不为自己,也要为想修改你代码的别人想想。

III、尽量用最新版的 WordPress 进行开发和测试。

插件名称和插件结构

一般来说,都是在 wp-content\plugins 目录下建立一个文件夹,文件夹名就是插件的名称,我们插件名字为”copyright_plugin”,文件结构如下。

\wp-content\plugins\copyright_plugin下有copyright_plugin.php和readme.txt

这里的 readme.txt 文件中包含了一些插件的介绍,使用说明等信息,主要是提交到 WordPress 官方网站时候用到的,可以参考他们给的模板 http://wordpress.org/extend/plugins/about/readme.txt,另外还有插件截图预览的功能,需要另外添 加图片,但是我们现在是练习,不需要提交到官网,所以暂时先不涉及这些。

插件的核心

总的来说,插件的核心是两个 function,用来添加 Hooks(中文译为钩子)

add_action ($hookname, $callbackfunction)
add_filter ($hookname,$callbackfunction)

这两个方法相当重要,几乎所有的插件都要用到他们。

Actions,我理解就是 wordpress 核心代码预留的一些特殊的切入点,或者说是在执行一些特定事件时候发生,例如文章发布时,或者访客留言时触发。
Filters,应该就是 wordpress

阅读全文

WordPress 优化Title、Description和Keywords

  categories:wordpress  tags:,   author:

不 少童鞋都喜欢安装诸如All in one seo 这样的优化插件,其实,这样的WordPress插件无非就是优化 Title,Meta的Description和Keywords。当然了,有不少免费主题在初期开发的时候,都没有优化Description和 Keywords。

Title 优化

Title 的优化很简单,只要使用下面的代码替换header.php文件中默认的Title调用代码就可以啦:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<title><?php
	global $page, $paged;
	$site_description = get_bloginfo( 'description', 'display' );
 	if ($site_description && ( 
阅读全文

WP2PCS插件——用百度网盘备份媒体资源

  categories:wordpress  tags:,   author:

百度网盘在2012年上线了PCS服务,其实这就相当于开放了API了,而无论是哪个网盘,在开放API后不免会被各大技术宅们进行一番折腾,而今天就给大家推荐来自某民间团队的基于百度网盘的WordPress插件——WP2PCS!

那 么这个插件有什么用呢?这个插件的主要功能就是将网站的数据定时备份到百度网盘,并且将媒体资源托管到百度网盘,至此就不用担心媒体资源的存储问题。而同 时解决的还有水印的问题,因为在以前,中小站长为了保证视频资源加载的速度和稳定性,大多把视频资源上传到优酷,土豆等专业的视频分享网站,而上传到这些 网站虽稳定性和速度有了保证,但也意味着辛辛苦苦做的视频要被打上水印,这使得不少站长都十分郁闷(至少我的好友都这样),好了啦!废话不多说了,下面是 正题时间。

官方网站:点击直达

插件分为个人标准版、开发创意版、企业专业版,而不同版本有不同的针对人群,普通站长的话推荐使用个人标准版,而本篇文件也将使用个人标准版进行使用演示。

本插件的不适合使用的范围:

* 超大型网站

* 开启MULTISITE的多站点网站

* 网站空间剩余不足三分之一

* 没有读写权限或读写权限受限制的空间

* 服务器memory limit, time limit比较小的

* 服务器PHP不支持ZipArchive类

* 服务器主机在外国的,会有网络延迟,或因为某些原因,导致无法使用

插件的使用方法较简单,这里就简单的说一下就好了。

 

首先第一步,获得百度的授权

选择保存在自己的网盘吧! 托管于第三方多少有点不放心啊!然后就是登录百度账号,然后确认授权。而如果你是默认自动登录的话,可能会出现以下提示:

 Fatal error: Call to undefined function wp_log() in 
阅读全文

让WordPress首页过滤掉特定类别的文章

  categories:wordpress  tags:,   author:

用 Twitter Tool 可以将每天的 Tweets 自动整理成 WordPress 的文章。通过自己的博客看看前一天的“扯淡”,往往会有些新的触动,还可以用来巩固学习笔记。比如我用 Twitter 的一个主要目的就是用来记录工作学习中碰到的英文生词短句(记录的时候看一次,第二天回顾“扯淡”时加深一次,在 Google Reader 上订阅了自己的博客,又可以温习一次。三次下来,基本上就记住了)。

本文隐藏内容 登陆 后才可以浏览

但博客上每天一“扯淡”,很容易把其他文章淹没在“扯淡”的海洋里。有好些朋友反馈了这点,自己也看不下去了,于是折腾了一把:

<?php while (have_posts()) : the_post(); ?>
<?php if(is_single() || is_tag() ||
is_category(69) || !in_category(69)) { ?>
<div class=”post”>

</div>
<?php } ?>… 阅读全文

wordpress隐藏内容登录后可见的插件

  categories:wordpress  tags:,   author:
很多论坛都有这样的功能,一些帖子可以由作者设置隐藏的内容,其他人需要回复后才可见。论坛可以实现这种功能,其实wordpress目前来说,要实现这种功能完全没有问题的。

当然了,这里介绍的这款插件不是回复可见,而是登录后可见。

就好比论坛上的一些帖子加上权限一样,有些相对隐私的内容你希望只能内部的会员才可以看见,而不希望外面的访客任意可见的时候,你就需要将这些隐私的内容保护起来了。

这款插件是 Login to view all,是国内的朋友做的,最近试用了一下,感觉确实不错,博客有了它,一些隐私的内容就可以只让内部的用户查看了,而不用担心泄露之类的问题。

需要这款插件的朋友可以到wordpress的插件网站去下载:

http://wordpress.org/extend/plugins/login-to-view-all/

这里是作者的网站:

http://www.ludou.org/wordpress-plugin-login-to-view-all.html

使用方法也很简单,你html源代码那里点击 loginview 这个按钮 (激活插件后就可以看到这个按钮) 后即可开始编写你要隐藏的内容,完成后再点击一次便可完成。

也可以直接用”<!–loginview start–>” 和 “<!–loginview end–>” 将隐藏内容括起来。

也就是:

<!–loginview start–> 你想要隐藏的内容  <!–loginview end–>

这样就可以将你的内容隐藏起来了。 外面的访客看到你的帖子后隐藏内容会是这样的:

 

阅读全文

wordpress用户中心插件

  categories:wordpress  tags:,   author:

wordpress用户中心插件 wordpress插件

接触wordpress这么长时间,其实了解到很多朋友都想有个 wordpress用户中心插件 的功能,确实wordpress在用户中心方面做的不够完美,而我们用wordpress做出的网站的粘度性又不高,这个时候真的很需要一个wordpress用户中心插件来补足这个空缺。

今天介绍的这款插件将为我们的 wordpress主题 添加了用户的注册和登陆,以及找回密码、资料编辑等功能,功能十分强大,兼容各种wordpress主题,喜欢的朋友可以下载尝试这款牛B的插件。

20130830181043
我们可以通过这款插件集成用户发帖,用户编辑文章等功能的深度扩展

阅读全文

一步步教你如何用Bootstrap构建WordPress主题

  categories:wordpress  tags:, ,   author:

在前面的文章Bootstrap & Jetstrap-快速构建你的网站中,我们已经介绍了什么是Bootstrap,以及Bootstrap的简单教程及相应的可视化工具,在本教程中,我们将学习如何用Bootstrap制作我们自己的响应式的WordPress主题。Bootstrap是一个响应式的框架,用来创建web网站和应用,用它创建一个响应式的WordPress主题将是一个伟大的起点。

我们将要构建的主题是基于一个基本营销网站的例子,你可以在Bootstrap 示例页面找到。对于本示例,我们将为其页面及功能创建出一系统模板:

· 可定制的首页设计

· 关于我们

· 联系我们

· 带评论的章节

· 一个组件化的侧边栏

开始

在我们开始前还有一点事情需要你去做:

· 安装WordPress

· 下载并解压缩 Bootstrap

· 安装主题测试驱动插件*

* 如果你想在一个线上的网站上创建一个主题并且不想在你开发的过程中让人们看到新主题,你正好需这个插件。

一旦你准备好这些事情,打开你带有WordPress所有文件的目录并导航至wp-content > themes。

在你导航至那个文件夹后,创建一个叫”wpbootstrap”的新文件夹,在文件夹里面粘贴bootstrap文件夹。… 阅读全文

打造基于Bootstrap的WordPress主题

  categories:wordpress  tags:, ,   author:

WordPress是基于PHP的常用个人信息发布平台,很多个人网站都基于此打造。关于WordPress:http://wordpress.org/

Bootstrap是Twitter发布的前端开发框架,让web开发更迅速、简单。关于Bootstrap:http://getbootstrap.com/

动机

最早接触WordPress是在2010年,使用WordPress搭建了自己的个人网站,非常方便。WordPress自带的主题很不错,加上可以在线下载很多的精美主题,所以个性化不是什么问题。但是每个人都希望拥有独一无二的东西,所以自己跟着我爱水煮鱼( http://blog.wpjam.com/) 的教程,做了一套简单的主题。工作后感觉时间过的很快,也逐渐淡出了人人网,因此自己的网站就肩负起记录生活的重任。虽然是做后台开发工作,但也对前端的 一些东西还是比较感兴趣。随着移动互联网的兴起,响应式布局(Responsive Design)开始流行。在很多前段UI框架中,Bootstrap发展很快,除了支持响应式设计,还提供了很多组建,让前台开发更加方便。喜欢 Bootstrap的简洁,并且需要解决之前主题的一些问题,因此决定重新开发一套基于Bootstrap的WordPress主题。

WordPress主题框架

WordPress主题都存放在”/wp-content/themes/”文件夹中,每个主题拥有自己的文件夹。一个最简单的WP主题,至少包 括:index.php, style.css两个文件。一般的网页设计,从上到下一般分为header,body,footer三个部分,因此可以单独的建立 header.php, footer.php两个文件,不同的页面通过<?php get_header(); ?>及<?php get_footer(); ?>来组装成一个完整页面,达到共用的目的。先不用管这两个文件的内容,我们先写一个简单的index.php页面。

index.php:

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>S&G</title>

</head>

<body>

<h1>Hello, World!</h1>

</body>

</html>

OK, 最基本的index.php完成了,但是目前和WordPress及Bootstrap一毛钱关系都没有,不过你可以应用这个主题,虽然只能显示”Hello, World!”。接下来我们就要用到WordPress及Bootstrap提供的各种强大功能。

导航栏是一个网站最基本的内容,因此我们首先打造导航栏。WordPress展示内容可以通过Post及Page,一般导航栏中就是各个Page的链接。WordPress部署好后,会建立一个Sample Page,我们可以使用<?php wp_list_pages(); ?>来输出各个页面的链接。我们把index.php中的<body>标签中内容分为header,main,footer三个部分,并且加上输出导航栏的代码,新的index.php变化为:… 阅读全文

8个必看的Bootstrap的WordPress框架

  categories:wordpress  tags:, ,   author:

Boostrap越来越流行,主题开发者们开始尝试使用它来开发wordpress主题。这也使得bootstrap的wordpress框架用起来更加 便利。这些starter kit或者框架提供了一些基础代码和资源使得开发bootstrap wordpress主题更加容 …

  Boostrap越来越流行,主题开发者们开始尝试使用它来开发wordpress主题。这也使得bootstrap的wordpress框架用起来 更加便利。这些starter kit或者框架提供了一些基础代码和资源使得开发bootstrap wordpress主题更加容易。你可以更快的使用这些框架进行开发,而不用先开发一个bootstrap主题,再把它变成转成wordpress主题。 这些你也可以做到,但需要更多的时间,特别是当你不熟悉转化过程的时候。

  如果你想更快的开发bootstrap wordpress主题,试试下面这些框架:

1 BoilerStrap

  Boilerstrap是一个WordPress的twenty twelve模板,其中已经包括了Boostrap。这减少了将bootstrap引入到WordPress的时间。唯一的缺点是其默认的CSS是twenty twelve的。所以,如果你想使用像twenty thirteen子主题等UI设计的话,你可能需要做一些额外工作。

2 WP-Bootstrap

  WP-bootstrap是一个在Bootstrap 2基础上建立的免费WordPress主题。目前已经有基于它的像页面模板以及Shortcodes、主页走马等很酷的东西。值得下载试一下。

3 Roots

  Roots最吸引人的地方是它清理了很多wordpress相关的东西,这样你可以花更多的时间来写代码而不是处理WordPress的设置。这个 bootstrap的WordPress框架基于HTML5 boilerplate,且包括bootstrap。当然你也可以移除bootstrap用其他CSS框架代替。

4 Skematik

  Skematik是一个强大的WP主题,它是一个名符其实的bootstrap wordpress框架,正如在它的关于部分中所陈述的:”Skematik是为开发者而生的”。Skematik是被开发用来扩展框架本身已经集成的许 多bootstrap Shortcodes。唯一的缺点是它不免费,这也是为什么现在没给出它链接的原因。

5 Bootstrap 3 WordPress主题框架

阅读全文

12款最佳的Bootstrap设计工具

  categories:wordpress  tags:, ,   author:

bootstrap是很好的一套html相关工具,在网络上收集相关资料,供工作中参考。

 

摘要:设计师总会渴望有一些新奇有趣的设计工具来提高工作效率。本文我们将分享12款最佳的Bootstrap设计工具,帮助你做出特别清爽同时又专业美观的页面。

设计师总会渴望有一些新奇有趣的设计工具来提高工作效率,而Bootstrap就是您的不二选择。2013年Bootstrap得到了广泛 普及,它是开发者较为常用的框架之一,本文我们将分享12款最佳的Bootstrap设计工具,帮助你做出特别清爽同时又专业美观的页面。

12. Bootstrap Designer

Bootstrap Designer是一款在线运行工具,无需下载和安装。使用该工具你可以创建出令人惊叹的HTML5模板。

11. Get Kickstrap

如果你正在寻找与Bootsrap相匹配的Web技术,那你可以试试这款Get Kickstrap。该工具非常先进,无需任何后台即可运行数据库来驱动Web应用程序。

10. Bootply

通过Bootply可以非常轻松地基于Bootstrap来进行设计、开发原型、扩展和测试等。Bootply可与其他流行的Bootstrap插件、微框架和库进行整合。

9. Bootstrap Button Generator

通过Bootstrap Button Generator,你只需输入你想指定给新按钮的样式的CSS类,并简单调整图标的颜色,即可获得新的图标,然后复制代码,粘贴在任意你想要的地方即可。

8. Easel

这款工具可在你的浏览器中运行,具有高保真的特性,帮助开发者和设计师提供真实的Web元素。

7. Layoutit

Layoutit是一个在线工具, 它可以简单而又快速搭建Bootstrap响应式布局,操作基本是使用拖动方式来完成,很简单,而元素都是基于Bootstrap框架集成的, 所以这工具很适合Web设计师和前端开发人员使用,快捷方便。

6. Bootswatch

该工具开源,极易安装。

5. Boottheme

这是一款在线主题生成器,拖拽式的设计、所见即所得。阅读全文



快乐成长 每天进步一点点