您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
使用WordPress搭建个人和公司网站的步骤方法
夏思徽2025-02-19WordPress教程已有人查阅
导读突然间发现自己在阿里上有一个免费的虚拟云空间,好像是什么时候阿里云搞活动赠送的。看了看还有不少时间,就决定自己搭建一个博客系统。说到搭建自己的博客,第一时间就想到WordPress
突然间发现自己在阿里上有一个免费的虚拟云空间,好像是什么时候阿里云搞活动赠送的。看了看还有不少时间,就决定自己搭建一个博客系统。说到搭建自己的博客,第一时间就想到WordPress,这个用起来应该是最方便的。搭建博客
搭建比较容易,首先下载 WordPress 相应的版本,我这边用的是较新版本4.5.2。
然后访问相应的页面,按照提示一步步做下去就可以了。
安装教程
下面说一些遇到的问题:
当我去创建 wp-config.php 时,系统一直报 500 的错误。
将 wp-config-sample.php 重命名为 wp-config.php,修改其中的参数如:DB_NAME DB_USER DB_PASSWORD DB_HOST 等,注意这个时候数据库应该已经创建好了。
出错了,但没有错误信息
将 wp-config.php 中的define('WP_DEBUG', false); 改为 true
安全相关
为了安全需要修改 wp-config.php 中如下的代码:
最终登录后,切换到前台可以看到如下页面
看一下我们项目的结构,项目结构如下
修改域名
之前使用了阿里云的默认域名安装的,但绑定好真实的域名之后发现,样式全部乱掉了,打开chrome的检查一看,发现很多资源还是从阿里云默认的域(即安装时的域名)名取的。就猜测应该是在那个地方存储了这个域名,查了下资料,发现是存在数据库中的,只需要执行如下3条SQL,即可修正。
参考Using Composer with WordPress
不了解composer的可以查看Composer中文文档
删除多余的内容,只留下如下内容:├── index.php
├── wp/
└── wp-config.php
然后初始化一下composer的配置,执行如下命令composer init
最终初始化出来,修改过之后的composer.json内容如下{
然后执行install命令composer install
然后修改文件 index.php 和 wp-config.php// index.php
主题安装开发
我选择了使用sage来开发主题,它是基于HTML5 Boilerplate, gulp, Bower 和 Bootstrap 来开发的。
首先初始化你的themecomposer create-project roots/sage wp/wp-content/themes/your-theme-name-here
如果composer比较慢的话,可以考虑将composer的中国镜像配置到系统全局,命令如下composer config -g repo.packagist composer https://packagist.phpcomposer.com
如果没有使用composer,也可以使用如下命令git clone https://github.com/roots/sage wp/wp-content/themes/your-theme-name-here
这个时候需要通过wp-cli激活你的主题,安装wp-cli的命令如下
查看页面,可以看到如下页面
好像是变丑了,哈哈哈
但是我们可以开始自己开发了。
需要做的准备,安装gulp,bower等,命令如下:
开发完,记得执行gulp的命令
这篇博客就先到这里~~
搭建比较容易,首先下载 WordPress 相应的版本,我这边用的是较新版本4.5.2。
然后访问相应的页面,按照提示一步步做下去就可以了。
安装教程
下面说一些遇到的问题:
当我去创建 wp-config.php 时,系统一直报 500 的错误。
将 wp-config-sample.php 重命名为 wp-config.php,修改其中的参数如:DB_NAME DB_USER DB_PASSWORD DB_HOST 等,注意这个时候数据库应该已经创建好了。
出错了,但没有错误信息
将 wp-config.php 中的define('WP_DEBUG', false); 改为 true
安全相关
为了安全需要修改 wp-config.php 中如下的代码:
define('AUTH_KEY', 'put your unique phrase here');
define('SECURE_AUTH_KEY', 'put your unique phrase here');
define('LOGGED_IN_KEY', 'put your unique phrase here');
define('NONCE_KEY', 'put your unique phrase here');
define('AUTH_SALT', 'put your unique phrase here');
define('SECURE_AUTH_SALT', 'put your unique phrase here');
define('LOGGED_IN_SALT', 'put your unique phrase here');
define('NONCE_SALT', 'put your unique phrase here');
其实只需要访问一下地址 https://api.wordpress.org/secret-key/1.1/salt/ 拿到生成好的内容,替换掉相面的内容。最终登录后,切换到前台可以看到如下页面
看一下我们项目的结构,项目结构如下
修改域名
之前使用了阿里云的默认域名安装的,但绑定好真实的域名之后发现,样式全部乱掉了,打开chrome的检查一看,发现很多资源还是从阿里云默认的域(即安装时的域名)名取的。就猜测应该是在那个地方存储了这个域名,查了下资料,发现是存在数据库中的,只需要执行如下3条SQL,即可修正。
UPDATE wp_options SET option_value = replace(option_value, 'http://旧域名', 'http://新域名') WHERE option_name = 'home' OR option_name ='siteurl' ;
UPDATE wp_posts SET post_content = replace(post_content, 'http://旧域名', 'http://新域名');
UPDATE wp_posts SET guid = replace(guid, 'http://旧域名' , 'http://新域名');
使用Composer管理项目参考Using Composer with WordPress
不了解composer的可以查看Composer中文文档
删除多余的内容,只留下如下内容:├── index.php
├── wp/
└── wp-config.php
然后初始化一下composer的配置,执行如下命令composer init
最终初始化出来,修改过之后的composer.json内容如下{
"name": "craryprimitiveman/wpblog",
"authors": [
{
"name": "Harry Sun",
"email": "sunguangjun@126.com"
}
],
"require": {
"php": ">=5.4",
"johnpbloch/wordpress": "4.2"
},
"extra": {
"wordpress-install-dir": "wp"
},
"repositories": {
"packagist": {
"type": "composer",
"url": "https://pkg.xyz/"
}
}
}
其中repositories的packagist配置是配置使用中国镜像。然后执行install命令composer install
然后修改文件 index.php 和 wp-config.php// index.php
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );
// wp-config.php
/** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/wp/');
安装完毕之后,需要重新走安装wordpress的步骤(删除数据库),其实应该可以是通过更新数据库数据修改的,但我暂时没找到,还不太熟悉Wordpress的数据库,有知道的大神可以留言告知一声。主题安装开发
我选择了使用sage来开发主题,它是基于HTML5 Boilerplate, gulp, Bower 和 Bootstrap 来开发的。
首先初始化你的themecomposer create-project roots/sage wp/wp-content/themes/your-theme-name-here
如果composer比较慢的话,可以考虑将composer的中国镜像配置到系统全局,命令如下composer config -g repo.packagist composer https://packagist.phpcomposer.com
如果没有使用composer,也可以使用如下命令git clone https://github.com/roots/sage wp/wp-content/themes/your-theme-name-here
这个时候需要通过wp-cli激活你的主题,安装wp-cli的命令如下
curl -O
chmod +x wp-cli.phar
sudo mv wp-cli.phar /usr/local/bin/wp
# 测试是否正常
wp --info
安装好wp-cli后,使用如下命令激活你的主题wp theme activate your-theme-name-here查看页面,可以看到如下页面
好像是变丑了,哈哈哈
但是我们可以开始自己开发了。
需要做的准备,安装gulp,bower等,命令如下:
npm install -g gulp bower
cd wp/wp-content/themes/your-theme-name-here
npm install
bower install
环境准备好之后就可以开始开发了,开发主题的文档sage docs开发完,记得执行gulp的命令
这篇博客就先到这里~~
本文标签:
很赞哦! ()
相关教程
图文教程
WordPress插件开发创建停用和删除方法
在plugins创建一个文件插件文件夹,命名好加前缀,这个前缀可以使用你的名字或者你自己的域名,防止插件和别人重名,再创建一个PHP文件名字和你的插件名一样。
wordpress打开很慢怎么办,wordpress为什么打开很慢
目前在国内访问WordPress建的网站可能会发现打开非常慢,尤其是当你登陆以后进入后台,会超级超级的慢,经常会有客户跟我吐槽过这个问题
WordPress实现给Gravatar头像添加ALT属性
图片ALT属性不仅有利于搜索引擎索引图片,而且当图片无法加载的时候,会显示图片的ALT信息。WordPress文章插入图片时可以在“替代文本”中填写ALT信息
WordPress主题制作之html静态模板制作的方法
制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码
相关源码
-
(自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发,为安防电子设备企业设计,特别适合监控摄像头、安防系统等产品的展示。采用响应式技术,确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码 -
(PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发,为茶叶企业、茶艺培训机构设计,特别适合展示茶产品、茶道文化等内容。采用响应式技术,确保在不同设备上都能呈现优雅的茶文化氛围。查看源码 -
(自适应)绿色农业大型机械设备展示网站模板下载基于PbootCMS内核深度定制开发的农业机械行业专用模板。针对农机设备展示、产品参数说明等需求优化设计,突出农业机械行业特性查看源码 -
帝国cms7.5游戏门户H5小游戏网站模板源码免费下载基于帝国CMS7.5开发的H5游戏门户模板,为在线游戏平台设计。支持PC端与移动端同步生成,打造完整的游戏娱乐体验平台。查看源码 -
(自适应响应式)装修装潢设计公司网站源码下载本模板为装修设计企业打造,采用PbootCMS内核开发,整体设计突出空间美学与功能性结合。首页采用大图轮播展示工程案例,服务项目模块支持三维效果展示,呈现装修设计企业的专业形象与技术实力。查看源码 -
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板,采用响应式布局技术,适配各类移动终端设备。模板设计聚焦科技行业特性,通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
| 分享笔记 (共有 篇笔记) |

