继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

使用wordpress制作一个cms网站主题(初涉wp)

boyice
关注TA
已关注
手记 2
粉丝 12
获赞 104

前景说明
1 我是个前端开发所以主要是如何使用wp中的php方法架起来一个整体。
2 网上很多教程,我是从露兜博客里面学习基础主题制作的,写的很细,不过我这边有几个地方进行补充,遇到些许问题。所以本文目的在于看完 教程 依然有问题困扰的朋友。希望有帮助。
3 这内容除了那个链接 和 目录截图 和少部分代码,剩下都是我一字字打的,你说我不是原创的,无所谓了,请问,做程序的还有完全不重复的?而且您能给个规则?怎么算是原创?


本人遇到的问题:
  • wp里面的菜单如何使用?为什么我设置了没有效果?
  • 文章列表页展示不出来,文章列表页进不到内容页?
  • 如何根据wp的分类目录获取不同的文章?

main :

一定要了解wp的结构(这里一定要注意,哪些文件是wp必须要存在的)。下图是我从别的网站截取的一个结构图:

图片描述

自动识别:必须要存在这个文件且这个命名必须是其定义好的名字
下面只介绍必须存在的几个文件的制作其余的请查阅露兜博客
style.css (自动识别):该文件俩作用
1:用来支持主体样式显示,你可以把你的样式都写这里,也可以另外建立css文件夹。
2 :该文件的顶部可以撰写你的 主题 信息 例如:
/* Theme Name: Mr.bing Description: this is for whisper Version: 1 Author: BB Author URI: url Tags: qingyu,whisper */
图片描述
依次英文名就是字面意思了,写完这个之后,当你把你的主题做好放到你的../wp-content/themes/下的时候,你在你的wp后台-外观-主题中就可以看到下图:
图片描述
index.php (自动识别):
这个文件就是主页展示文件。
functions.php:
这个是用来存各种php方法:
新建一个就行但是如果你的 wp 需要用到什么的相关的php方法的时候你需要添加,比如 导航菜单 如下图:

图片描述
这里理论上添加一个菜单栏目应该对应到自己页面上去,可是如果你的fun里面没有

register_nav_menus(  
array(  
'header-menu' => __( '导航菜单' ),  
)  
); 

这么一段,那么你的导航菜单就是设置了也不会管用。
我目前只用到了一个需要做导航的方法还有一个默认缩略图(文章列表里面用)的方法。

function catch_that_image() {
      global $post, $posts;
      $first_img = '';
      ob_start();
      ob_end_clean();
      $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i',
$post->post_content, $matches);
      $first_img = $matches [1] [0];
      if(empty($first_img)){ //Defines a default image
        $first_img = "/images/default.jpg";
      }
      return $first_img;
    }//默认文章列表缩略图

single.php:
这个文件就是你的文章内容页。就是你的文章列表点进来的具体内容页。这里要注意,我之前没注意到这个内容页文件,必须要是这样的命名,导致我一直出现:"抱歉您的页面没有找到!"


其余页面暂且不说,有这么几个其实我已经架构起一个很基本的cms了。那么文章开始我所遇到的问题:

wp里面的菜单如何使用?为什么我设置了没有效果?:

首先如我所说需要在function.php 里面添加一个php方法。register_nav_menus。
其次你要添加对应页面到菜单里面去,就是你点击你的导航栏目展示出来的页面,看下图:
图片描述
你需要先点击左边 页面 然后创建一个页面:
图片描述
然后此时你需要将你创建的这个栏目和你的一个页面模板联系起来,在 上图 页面的右侧有选择的:
图片描述
页面模板是要自己创建的:很简单,只需要在你想作为模板的页面头部加入一段php:

<?php
/*
Template Name: cases
*/
?>

这样 cases这个文件就作为了模板文件,出现在了右侧,以供选择。
选好对应页面模板之后,去wp后台-外观-菜单里面进行设置:

图片描述
如果你之前的步骤都没有错,那么只要按照上图选中你创建的栏目,点击添加到菜单就ok。

文章列表页展示不出来,文章列表页进不到内容页?
按照教程,我该写的都写了,然后发现文章列表页就获取不到文章,查来查去发现得这么来一句:

<?php query_posts('showposts=3'); ?>

意思就是我要获取三条数据。整体我的列表页代码如下图:
图片描述
这么做之后列表页可以了,但是点上去的时候,都是未找到页面,因为我当时没有 single.php 这个文件,看来wp内置了方法直接这么调用的,加上去这个,把你的文章内容页版子写进single文件就可以。

如何根据wp的分类目录获取不同的文章?

如上图所示加入:<?php query_posts('cat=4&showposts=3'); ?>其中 cat 表示的就是分类目录,那个4在我这指的就是我的news新闻这个栏目,可以从:分类目录里,将鼠标放置在栏目上查看。

图片描述


到此我遇到的让我头疼的问题已解决。此文纯属初学。欢迎探讨。

打开App,阅读手记
27人推荐
发表评论
随时随地看视频慕课网APP

热门评论

 学习了  wordpress

Mark。谢谢分享……

查看全部评论