重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
如何使用WordPress 搭建网站
成都创新互联专注于莫力达网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供莫力达营销型网站建设,莫力达网站制作、莫力达网页设计、莫力达网站官网定制、成都小程序开发服务,打造莫力达网络公司原创品牌,更为您提供莫力达网站排名全网营销落地服务。
WordPress是一个使用 PHP语言和 MySQL数据库开发的开源、免费的建站程序,那么搭建WordPress站点,就要求一个能够运行PHP语言的主机空间和一个MySQL数据库。
第一步:搭建环境的准备工作
①关闭掉迅雷和杀毒软件 因为这两个软件会影响杀毒软件的运行。
②点击鼠标解压到PHPstudy5.2。
③安装PHPstudy 这里面会有三个文件。第一个是说明文件 第三个是说明文件 第二个是运行文件。点击以管理员身份运行。
④记住安装路径 是安装在D盘还是什么盘 都可以。记住不要把两个PHPstudy安装在一个盘里面 一定要记住安装在哪个盘。
⑤安装好了之后会有一个使用手册 这个不需要管。
⑥ 进入之后有一个是否防止初始化 点击是 那么现在的PHPstdy已经安装好了。
第二步:检查PHPstudy是否正常运行
这里有两个绿灯 , 一旦点击成功就是已经安装正确了 如果这个东西要是不弄清楚 那可以折腾死你. Apche:服务器 。作用:存储你网站的程序和文件。MySQL:数据库 作用:存储你网站的数据信息 比如网站更新了一下文章 什么的 都会有一些数据信息是不是 包括里面的一些文章都是属于数据类型的。
如果说出现红灯怎么办呢
① 检测端口 在自定义选择里面选择重新检测窗口。
点击其他菜单选项—环境端口检测。
如果显示被占用,尝试强制关闭端口,点击强制关闭并启动
②是否强制安装了两个PHPstudy。
③杀毒软件和下载软件是否关闭。
第三步:搭建wordpress网站
① 熟悉网站的根目录
点击其他选项菜单 ,这里有一个网站根目录。
或者可以找到PHPstay的安装路径 ,这里有一个PHPstayB 根目录就在这个。
这里会有一个WWW的文件 这个文件夹就是根目录了。
根目录里面的东西清空 ,点击鼠标右键删除 ,之前搭建的都晴空掉。
注意:清空的话一定要是PHPstay5.2版本的 因为软件版本的不同 如果盲目清空会把数据库的信息删除掉
②下载wordpress程序 在百度上面搜索wordpress 官网 打开速度偏慢这两个都可以下载 随便下载一个就可以了 下载之后保存在桌面。
下载好了之后解压 在根目录安装wordpress程序。
步骤:拖入到根目录 把wordpress安装包解压 选择wordpress文件夹。
把这里面的东西复制粘贴出来。
③在浏览器里面输入127.0.0.1测试本地网站 这是本地默认的网站地址。
进入之后可以看到现在网站已经在搭建了。
④点击现在安装 填写数据库信息。
数据库名:test
用户名是数据库的用户名 :root
密码也是数据可以的密码 :root
然后再点击进行安装就可以了
⑤安装完成之后
然后就是数据库信息—站点标题
下面就是用户名:密码: 这里是网站后台的登录用户名和密码
邮箱:写一下要记住用户名是什么/邮箱是什么。
⑥ 登录自己的网站
数据库不要和后台账号搞在一起
网站后台登录地址121.0.0.1/wp-admin。
网站的前台已经出来了。
在开始之前,需要注意三件事情
I、给插件取一个个性化的名字,越个性化越好,以防和其他插件重名冲突。
II、代码里面,一定要包含注释,不为自己,也要为想修改你代码的别人想想。
III、尽量用最新版的 WordPress 进行开发和测试。
插件名称和插件结构
一般来说,都是在 wp-content\plugins 目录下建立一个文件夹,文件夹名就是插件的名称,我们插件名字为"copyright_plugin",文件结构如下。
\wp-content\plugins\copyright_plugin下有copyright_plugin.php和readme.txt
这里的 readme.txt 文件中包含了一些插件的介绍,使用说明等信息,主要是提交到 WordPress 官方网站时候用到的,可以参考他们给的模板 ,另外还有插件截图预览的功能,需要另外添加图片,但是我们现在是练习,不需要提交到官网,所以暂时先不涉及这些。
插件的核心
总的来说,插件的核心是两个 function,用来添加 Hooks(中文译为钩子)
add_action ($hookname, $callbackfunction)
add_filter ($hookname,$callbackfunction)
这两个方法相当重要,几乎所有的插件都要用到他们。
Actions,我理解就是 wordpress 核心代码预留的一些特殊的切入点,或者说是在执行一些特定事件时候发生,例如文章发布时,或者访客留言时触发。
Filters,应该就是 wordpress 执行时,对数据传输过程的一种过滤机制,例如当文章保存到数据库的过程,或者文章从事数据库中取出,展现到浏览器中的这个过程。
我们今天要制作的插件,应该是用 Filters,因为我们要在文章显示在浏览器之前,在最后面加上一段字符窜,用来显示版权信息,后面添加菜单项的时候,也要用到 Actions。
插件概要信息
用文本编辑器打开 copyright-plugin.php 文件,输入如下信息:
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
?
保存好文件,然后登录 WordPress 后台,打开插件菜单,应该就可以看到这个插件,已经显示在插件列表里面了,并且可以启用这个插件试试,不过没有任何效果,因为到目前为止,这个插件还没有实现任何功能。
为插件实现功能
修改copyright_plugin.php
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
/* 此插件将在文章正文最下面,显示一行版权信息 */
function display_copyright() {
return "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p";
}
?
保存好这个文件,然后打开正在用的主题文件夹,打开index.php 文件夹,找到 get_template_part( 'content', get_post_format() ); 并在下面添加如下代码
if(function_exists('display_copyright')) {
echo display_copyright();
}
function_exists 是判断 display_copyright 函数是否存在,因为当插件停用的时候,主题代码里面是找不到这个函数的,所以要判断一下,防止出错。
然后在 wordpress 后台启用该插件,再打开首页看看效果吧!
至此,这段代码,应该可以勉强算是一个插件了。之所以说勉强,是因为这个插件存在一个问题,需要手工去修改主题代码,如果用户换了主题的话,需要在新主题里面再次修改代码,这个不好。
改良插件
还记得我们前面说过的 Hooks (钩子)吗,我们要开始用 Filter 钩子了!
代码修改copyright_plugin.php如下:
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
add_filter( 'the_content', 'display_copyright' );
/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . "p style='color:red'本站点所有文章均为原创,转载请指明出处!/p";
return $content;
}
?
参看以上代码,其中 the_content 是钩子的名字,display_copyright 是回调函数名称。这样一来,只要启用插件就可以实现功能,无需去修改主题了,请把刚才在index.php 文件中添加的代码删掉,然后启用插件,看看效果吧,显示效果应该是一样的,无论怎么换主题,还是会自动显示版权信息。
is_home是判断是不是主页
更进一步
至此一个真正的插件算是完成了。但是此插件将版权信息直接写在代码里,如果用户想自定义版权信息的话,需要修改插件的源代码,仍然不方便,所以此插件仍需改进。其实,我们可以在 WordPress 后台中为插件单独添加一个菜单和页面,用户可以在这里来自定义设置设置版权信息,信息可以保存在数据库里面。
先附上完整代码,后面会做说明
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
/* 注册激活插件时要调用的函数 */
register_activation_hook( __FILE__, 'display_copyright_install');
/* 注册停用插件时要调用的函数 */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );
function display_copyright_install() {
/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */
add_option("display_copyright_text", "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p", '', 'yes');
}
function display_copyright_remove() {
/* 删除 wp_options 表中的对应记录 */
delete_option('display_copyright_text');
}
if( is_admin() ) {
/* 利用 admin_menu 钩子,添加菜单 */
add_action('admin_menu', 'display_copyright_menu');
}
function display_copyright_menu() {
/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */
/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */
add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');
}
function display_copyright_html_page() {
?
div
h2Set Copyright/h2
form method="post" action="options.php"
?php /* 下面这行代码用来保存表单中内容到数据库 */ ?
?php wp_nonce_field('update-options'); ?
p
textarea
name="display_copyright_text"
id="display_copyright_text"
cols="40"
rows="6"?php echo get_option('display_copyright_text'); ?/textarea
/p
p
input type="hidden" name="action" value="update" /
input type="hidden" name="page_options" value="display_copyright_text" /
input type="submit" value="Save" class="button-primary" /
/p
/form
/div
?php
}
add_filter( 'the_content', 'display_copyright' );
/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . get_option('display_copyright_text');
return $content;
}
?
说明:
以下代码自己要是在启用插件时和停用插件时调用,注释中已经写得很详细了。
/* 注册激活插件时要调用的函数 */
register_activation_hook( __FILE__, 'display_copyright_install');
/* 注册停用插件时要调用的函数 */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );
function display_copyright_install() {
/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */
add_option("display_copyright_text", "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p", '', 'yes');
}
function display_copyright_remove() {
/* 删除 wp_options 表中的对应记录 */
delete_option('display_copyright_text');
}
添加菜单和页面的代码如下:
if( is_admin() ) {
/* 利用 admin_menu 钩子,添加菜单 */
add_action('admin_menu', 'display_copyright_menu');
}
function display_copyright_menu() {
/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */
/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */
add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');
}
至此,已经可以在后台看到菜单项了,但是点击的话,还会出错,因为还没有添加对应的页面(如何自定义添加后台菜单位置)
下面开始添加页面,主要代码如下:
function display_copyright_html_page() {
?
div
h2Set Copyright/h2
form method="post" action="options.php"
?php /* 下面这行代码用来保存表单中内容到数据库 */ ?
?php wp_nonce_field('update-options'); ?
p
textarea
name="display_copyright_text"
id="display_copyright_text"
cols="40"
rows="6"?php echo get_option('display_copyright_text'); ?/textarea
/p
p
input type="hidden" name="action" value="update" /
input type="hidden" name="page_options" value="display_copyright_text" /
input type="submit" value="Save" class="button-primary" /
/p
/form
/div
?php
}
现在再去点击刚才新加的菜单,可以显示出来一个页面了,我们可以在这里设置版权信息文本。
另外还有如下代码要修改
/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . get_option('display_copyright_text');
return $content;
}
将原来的静态化文本,改成动态的,之所以要这么改,是因为我们已经将数据存到数据库里面了,这里要从数据库里面取出数据。
wordpress可以二次开发,一般都是指主题开发或者插件开发,不大建议对wordpress的源码进行改动,本身wordpress也提供了很好的插件与钩子机制,足于满足大部分的开发需求。wordpress入门比较难,但是如果熟悉了wordpress的函数及钩子技术那就很简单了。
有基础的话,多学习多锻炼一周左右就可以。
开发时间主要是看项目的需求和技术难度指标的综合因素,如果自己的技术娴熟的话也就会很快的。现在的开发成本相对也还是很小的。
最重要的一点还是要看个人的学习能力。不过最好还是找专业的老师教一下,避免走弯路。