2017-08-08 9

[教程]月宅教你写自己的WordPress主题-第一章:内容

 标签:

前言

以下教程为原创教程,写法均为个人习惯而言,代码参考官方文档,当你阅读完月宅长篇章节后,你将能写出属于的一套WordPress主题。该系列教程并不会教授你PHP的含义,与其他函数的介绍,此文为实现一个主题而写。


首先来到WordPress的主题文件夹目录(路径:wp-content\themes);

然后在themes目录下新建一个文件夹,名字随便叫什么都可以,月宅起名newpy;

接着进去新建这些空文件:style.css、header.php、index.php、footer.php。然后我们先打开style.css。

在style.css写入下面的内容后,保存,然后到后台主题下你就可以看见名字啦;

这就是上面这段注释css的主要功能啦,你会发现别人的主题都有缩略图,那么如何有缩略图?

参考官方的图片尺寸,将自己的图片复制到当前根目录,并且重命名为screenshot.png,然后刷新,封面图出现。

开始内容

这个文件也就是头部,并且影响到你的seo,跟着月宅写,不吃亏。打开header.php复制下面的内容。因为并不写主题设置,keywords选项就需要自己去手动填入了。

解释:

  • <?php bloginfo("name") ?>用来输出博客标题;
  • <?php bloginfo('url');?>用来输出博客的描述
  • <?php bloginfo('stylesheet_url');?>用于输出当前路径下的css文件路径

打开index.php输入↓    footer.php输入</body></html>

保存后刷新页面,目前页面还是一片空白,继续写。


输出内容

先去随便写几篇文章。然后继续下面的工作,打开index.php开始写内容,首先月宅要输出我的博客名字,并且赋予大标题。

此时已经输出了标题、标题到内容这些内容。然后接下来输出文章标题与内容。

但在写之前,需要把刚刚的标题加上一个div并且命名,删除刚刚的h1标签,待会到css设置。

接下来是输出我们的文章,首先写入官方文档的主循环,并加入 <a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a>

再次刷新页面查看当前内容,现在博客标题与文章内容已经输出,并且带上了a标签,此时点蓝色链接跳转是没有内容的。(补一点,本地屁眼也要添加↓用来进行点文章后还能点回去首页

此时的index.php内容为:

接下来输出文章内容

在endwhile的上面一行输入,用来输出文章的内容


结束

以上内容就是本篇文章的全部教程啦,第一章内容篇到此结束。

9 条留言  访客:8 条  博主:0 条   引用: 1 条

来自外部的引用: 1 条

  • [教程]小伟教你写自己的WordPress主题-第一章:内容 – 李伟"个站 – 无不记录|音乐|网络|恶搞|随记

给我留言

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

  1. waylee.net

    https://www.brosub.ml
    yesyesxx
    为啥我的评论域名变成了这个,名字邮箱也变了。我重新再填写

  2. yesyesxx

    哇。看起来不错。就喜欢这种入门级的文章。希望继续更新下去。我先本地搭建跟着你试试。成功了就转了 :害羞的纱雾: :害羞的纱雾:

    • 月宅 最可爱最帅的人-博主

      @yesyesxx 能成功的,毕竟是我做一步,写一步的。

  3. 狂放

    萌新的我什么都不会

  4. 无人小站

    什么都不会的萌新路过 :狂吐口水:

  5. 某昴

    签到成功!签到时间:上午1:32:43每日打卡,生活更精彩哦~

  6. 月宅 最可爱最帅的人-博主

    签到成功!签到时间:下午9:53:43每日打卡,生活更精彩哦~