WordPress实践:自定义theme(01)

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,高可用系列 2核4GB
云数据库 RDS PostgreSQL,高可用系列 2核4GB
简介:

自定义theme需要有一定的html、css、js和php基础。如果没有,那就去学一下。http://www.w3schools.com/是一个不错的学习地方。

php开发工具

工欲善其事,必先利其器。目前能用来开发php的编辑器很多,甚至记事本就可以,但这样的效率不是很高。我这里选用了NetBeans,这个IDE可以为我提供高亮显示、只能提示等功能,最主要的是它是免费的。下载地址:http://dlc.sun.com.edgesuite.net/netbeans/7.3/final/bundles/netbeans-7.3-windows.exe

在windows下,我们还需要配置php的宿主程序。作为一名.NET程序员,选用iis是没什么疑惑的。在windows的功能管理界面,开启iis的相关功能:

image

然后去下载php的windows安装程序,官网地址:http://www.php.net/,找到自己合适的版本,并选择安装iis fastcgi就可以在iis中运行php程序了。

mysql数据库也是标准配置。去官网下载吧:http://www.mysql.com/downloads/,下载MySQL Community ServerMySQL Workbench (GUI Tool),前一个是mysql数据库程序,后一个是可视化管理界面。

创建theme

theme其实是wordpress/wp-admin/wp-content/theme下的一个子目录,在运行时wordpress会将其作为一个theme来加载。

我们先在里面新建一个ThinkSimple目录。

theme要最少包含index.php和style.css两个文件。index.php是首页模板,style.css是theme的样式文件,它被用来声明theme的详细信息,在文件开头位置加入以下代码:

/*
Theme Name: Think Simple
Theme URI: http://youring2.cnblogs.com
Description: Think Simple
Version: 0.1
Author: QeeFee
Author URI: http://youring2.cnblogs.com
Tags: simple
*/

这个style.css是不会自动添加到index.php文件中的,我们需要在index.php文件中加入引用代码:

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

上面的代码是直接引入了样式文件,如果要引用图片或者js文件该如何做呢?

这个时候我们需要知道模板的url,然后 再配上我们的相对路径就可以得到相应图片和js的引用了。模板目录url的获取方法:

<?php bloginfo('template_url'); ?>

这个时候wordpress管理界面,就能够看到我们刚刚添加的主题信息了。




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/archive/2013/03/02/2939792.html,如需转载请自行联系原作者

相关实践学习
每个IT人都想学的“Web应用上云经典架构”实战
本实验从Web应用上云这个最基本的、最普遍的需求出发,帮助IT从业者们通过“阿里云Web应用上云解决方案”,了解一个企业级Web应用上云的常见架构,了解如何构建一个高可用、可扩展的企业级应用架构。
MySQL数据库入门学习
本课程通过最流行的开源数据库MySQL带你了解数据库的世界。 &nbsp; 相关的阿里云产品:云数据库RDS MySQL 版 阿里云关系型数据库RDS(Relational Database Service)是一种稳定可靠、可弹性伸缩的在线数据库服务,提供容灾、备份、恢复、迁移等方面的全套解决方案,彻底解决数据库运维的烦恼。 了解产品详情:&nbsp;https://www.aliyun.com/product/rds/mysql&nbsp;
相关文章
|
8月前
|
人工智能 安全 开发者
2025 年 WordPress 本地部署工具深度测评:3 大高效实践方案解析
随着 WordPress 6.4 的普及,本地开发工具向智能化、场景化发展。个人开发者追求零配置启动,企业团队需标准化方案。技术演进聚焦容器化整合、AI 辅助决策与边缘计算适配。深度测评中,WordPress Studio 适合快速原型开发,Websoft9 面板适用于企业级管理,Bulk Plugin Installer 提升批量部署效率。2025 年行业趋势显示容器化、AI 辅助及边缘计算支持成为主流,选型应结合项目规模与安全需求。
287 0
自定义WordPress首页显示文章数
自定义WordPress首页显示文章数
89 1
|
前端开发
Wordpress自定义鼠标样式插件
使用此插件可一键自定义Wordpress前端鼠标指针样式。利用该插件,站长可以快速实现替换多种鼠标指针样式于网站前端。,该插件允许用户一键自定义网站前端的鼠标指针样式,提供多种图案选择。插件资源来源于网络并已开源,无商业性质。包含插件截图和使用教程:用户可从蓝奏云或GitHub下载插件zip文件,然后在WordPress中安装。
261 6
WordPress 的最佳设计和自定义页面布局生成器是什么吗?
WordPress 有很多设计和自定义页面布局生成器可供选择,它们都有不同的特点和优缺点,最佳的选择取决于您的需求和偏好。以下是一些常用和受欢迎的 WordPress 页面布局生成器:
wordpress自定义主题
wordpress自定义主题 找到 themes文件夹,位置app\public\wp-content\themes 新建一个目录存放主题文件,目录结构如下: 这里我们的目录名是:fictional-university-theme 目录结构就是这样的: fictional-university-theme index.php style.css screenshot.png (放入一张自己的图,命名为screenshot.png) 在style.css中定义主题相关信息,如下
228 0
wordpress自定义主题
|
搜索推荐 前端开发 PHP
wordpress建站如何自定义404页面
当在 WordPress 上创建自定义 404 页面比以往任何时候都更简单时,不要用错误页面来烦扰您的用户。这里有一些不同的方法。
|
Web App开发 弹性计算 运维
场景实践:基于函数计算快速搭建Wordpress博客系统
本场景介绍使用函数计算服务搭建一个Wordpress博客。使用Serverless Devs命令行工具可以将很多框架、应用、案例一键部署到函数计算平台中。点击获取所需云产品资源
613 0
|
关系型数据库 MySQL Linux
CentOS7.2基于LAMP搭建WordPress,并自定义Logo和名称
CentOS7.2基于LAMP搭建WordPress,并自定义Logo和名称
823 0
CentOS7.2基于LAMP搭建WordPress,并自定义Logo和名称
|
域名解析 Cloud Native 关系型数据库
Mysql实践--Hello WordPress
在阿里云上实践云原生,如何用ECS+RDS 来完成一个个人博客搭建?
344 0
Mysql实践--Hello WordPress
|
弹性计算 关系型数据库 MySQL
阿里云ECS服务器搭建个人WordPress博客网站教程(实践版)
前几天使用阿里云免费提供的一台基础环境的 CentOS 6.4 64 位的 ECS(云服务器)实例,完成了安装和部署LAMP 环境并安装 WordPress博客,下面记录下实验过程,和一些小细节上的问题(比如如何将域指向子目录等),相信学完之后的你从零开始配置一个WordPress网站将会变的十分容易。
8092 0
阿里云ECS服务器搭建个人WordPress博客网站教程(实践版)

相关实验场景

更多