正文 

当前位置： 首页 > 技术 > java教程

从无到有开发自己的wordpress博客主题---局部模板的准备

jerryqi jerryqi     2023-01-06     129

关键词：

毫无疑问，我们媒体页面都会有header和footer，这些用到的内容几乎是一样的。

从无到有，我们先不考虑后面可能用到的Search和Comment等的模板，后面的我会在文本最后面追加。

开始之前，我们把模板所用到的所有静态文件比如图片，css，js等拷贝到主题根目录，不然后面的工作无法继续。

1、header

header是每个页面公共的部分，具体怎么着，这里不做赘述，直接拷贝到header.php修改内容如下

<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>首页_齐建伟个人博客</title>
<meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,齐建伟" />
<meta name="description" content="齐建伟的个人博客，记录我的程序人生" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/m.css" rel="stylesheet">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/comm.js"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header class="header-navigation" id="header">
  <nav><div class="logo"><a href="/">齐建伟个人博客</a></div>
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <ul id="starlist">
      <li><a href="index.html">网站首页</a></li>
      <li><a href="share.html">我的相册</a></li>
      <li><a href="list.html">我的日记</a></li>
      <li><a href="about.html">关于我</a></li>
      <li><a href="gbook.html">留言</a></li>
      <li><a href="info.html">内容页</a></li>
      <li><a href="infopic.html">内容页</a></li>
    </ul>
</nav>
</header>

在这里我们需要注意一点就是，js和css的路径问题，这样子直接运行肯定会是出错的，因为网站的跟路径是Wordpress的跟路径而不是你主题的跟路径。

我们可以通过bloginfo函数来得到主题的路径

blog_info(‘template_url‘);

举个例子，我们调用css目录下的base.css，其他文件都是同理

<link href="<?php bloginfo(‘template_url‘); ?>/css/base.css" rel="stylesheet">

2、footer

和header同样的道理，先把底部公共的代码拷贝到footer.php，修改内容到你想要的样子

<footer>
  <p>Design by <a href="https://www.jerryqi.cn" target="_blank">齐建伟个人博客</a> <a href="http://www.miitbeian.gov.cn/">湘ICP备17016214号-1</a></p>
</footer>
<a href="#" class="cd-top">Top</a>
</body>
</html>

至此，header和footer最简单的修改完成了，现在他已经可以成功供页面调用了，后面修改超链接以及增加钩子的任务，我们放到后面用到的时候再来做。

 

从无到有开发自己的wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦，而不是L(M)AMP运行环境哦，运行环境会在后述文章中在写。一、在本地初始化git环境并且链接上gitee1、在gitee上创建一个项目托管你的代码这个不在赘述，按照提示一步一步操作就好了，个人用户... 查看详情

大牛们是如何开发wordpress主题的?

...当初一开始看的是我爱水煮鱼博客上发布的一个教程->WordPress 查看详情

什么是wordpress？

1、WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设WordPress。2、可以使用WordPress搭建一个简单的独立博客，也可以把WordPress当作一个内容管理系统（CMS），用来搭建一个小门户网站。参... 查看详情

wordpress是用来干啥的？

　　WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把WordPress当作一个内容管理系统（CMS）来使用。　　WordPress是一款个人博客系统，并逐步演化成一款内容管... 查看详情

wordpress搭建自己的博客~

去官方网站下载wordpress，并解压缩。下载链接：https://cn.wordpress.org/wordpress是一款开源的PHP框架，搭建个人博客网站最实用的选择之一，甚至你都不需要懂PHP你就可以搭建自己的个人网站。提供强大的后台文章管理和插件及主题... 查看详情

wordpress音乐主题always1.8

　　WordPress响应式主题音乐主题个人博客杂志主题Always主题V1.8　　Always主题V1.8是以Ajax加以CSS动画的方式，很好的将优雅的设计感和极度精简的代码同时表现了出来，进而缔造出这样一款十分经典的名为Alwaysforyou的WordPress博客主... 查看详情

如何在 Wordpress 的 Enfold 主题中更改博客中显示的默认帖子数量

】如何在Wordpress的Enfold主题中更改博客中显示的默认帖子数量【英文标题】：HowtoChangeDefaultNumberofPostsShowinginaBloginEnfoldThemeforWordpress【发布时间】：2014-05-2110:23:32【问题描述】：我正在开发带有enfold主题的wordpress，http://themeforest.n... 查看详情

wordpress是啥

WordPress是一种使用PHP语言和MySQL数据库开发的开源、免费的Blog（博客，网志）程序，用户可以在支持PHP和MySQL数据库的服务器上建立自己的Blog。WordPress是一个功能非常强大的博客系统，插件众多，易于扩充功能。安装和使用都非... 查看详情

妈蛋，googleapi用不了了，wordpress博客加载超慢，怎么破

...速度非常的快，所以我们有必要清除不必要的JS加载，在"WordPress提速优化篇：清理HEAD头部多余脚本"也有提到，但是研究的还不够细致，等下面有时间把大前端主题的屏蔽JS功能研究一下。第三、删除不必要的插件理论上，能不... 查看详情

wordpress研究心得(代码片段)

WordPress，当初之所以研究这个，目的是在于开发一个多租户系统应用。总的来说，WordPress给了我不少启发和影响。为此，我决定这个研究心得分享出去。总的来说，这篇文章参考了很多朋友们的博客，同时也包括官方网站。围绕... 查看详情

docker实战：docker安装wordpress，快速搭建自己的博客

1、WordPress介绍官网：​​WordPress.com：快速、安全的受管WordPress托管服务​​WordPress是一种基于php编程语言开发的CMS管理系统，WordPress有丰富的插件和模板，用户可以快速搭建一套功能十分强大的内容管理系统，使用WordPress可以... 查看详情

个人博客开发之需求分析(代码片段)

...人，刚开始了解到时候是使用第三方建站blog系统，如，WordPress,Typecho,等来搭建自己博客，然后我开始购买阿里云服务器，注册域名，搭建系统，选择主题，甚至不惜付费购买，等一切折腾弄好后，刚开始我还坚持写blog后面就放... 查看详情

wordpress博客d8主题插件wp-useragent用法php

此函数不知道放在哪<?phpuseragent_output_custom();?>以下是functions.phpcomments.php两个文件请问放在哪链接:http://pan.baidu.com/s/1gdnD7Lh密码:vlvt参考技术A放在wp-content->theme->你自己的主题的文件夹下。最好不要直接覆盖原文件，你把... 查看详情

怎样制作wordpress手机主题

首先wordpress本身就自带手机主题Wordpress这个程序非常好，不仅有自动手机等移动端的自适应功能，还有很多模版供我们使用，其实你可以百度搜索wordpress主题就有很多了，而且都是手机的自适应的主题。 其实建议用收费的模... 查看详情

centos7.6搭建wordpress博客(代码片段)

需求：因公司推广部业务需求，搭建WordPress博客网站介绍：WordPress是使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把WordPress当作一个内容管理系统（CMS）来使用。WordPress是... 查看详情

学习笔记5——wp主题开发

我觉得学习wordpress插件开发之前还是得先理解一下wp的主题开发，循序渐进才能学好wordpress开发，话不多说，接下来整理一下这两天学习的wordpress主题开发的一些心得和体会，与大家一起分享，如果有哪些地方存在异议，敬请指... 查看详情

aden博客外贸营销网站建设模板wordpress主题v2.2

adenwordpress主题是一个简单易用、简洁、现代的博客主题，对于wordpress初学者甚至是高级用户来说都是适合使用的。完全响应式，适合任何尺寸的显示，从低到高分辨率，支持所有的现代浏览器，并且使用WordpressLive主题定制器可... 查看详情

wordpress有啥作用？

参考技术AWordPress提供的功能包括：1．文章发布、分类、归档、收藏，统计阅读次数。2．提供文章、评论、分类等多种形式的RSS聚合。3．提供链接的添加、归类功能。4．支持评论的管理，垃圾信息过滤功能。5．支持多样式CSS和... 查看详情