wordpress 主题教程-笔记

前言:代码参考 ,如无特别说明,下面所说的文件,都在 主题目录下。

 https://blog.wpjam.com/m/wp-theme-lesson-3-starting-indexphp/

https://github.com/laughing2/wp-theme-tutorial

主题制作步骤

1. 制作好 前端页面

2.  在你本地安装的 WordPress 主题文件夹下 (应该在 wordpress/wp-content/themes),创建一个新的文件夹,命名为你的主题名 比如 ( mystyle)

3. 上传 index.php (前端首页, 包括所引入的文件,如css、js的文件,都原来的相对路径,放在主题目录下,这里是 mystyle )

     修改原来的相对路径 ( 将原来的相对路径 添加前缀代码 / )

4. 上传 style.css ( wordpress 主题样式)

5. 把index.php 页头部份,制作成 header.php ,并上传。

6. index.php  文件, 用       ,将 页头部份引入。

7. 把index.php 页脚部份,制作成 footer.php ,并上传。

8.  index.php  文件, 用     ,将 页脚部份引入。

9.首页常用函数 

9.1 显示某个分类的名称   注: $my_index_a1_cat   为 分类的 ID

9.2 某个分类列表链接 

9.3 显示某个分类前5篇文章  如:分类ID为6,的前5篇文章




9.4 自定义显示标题的字数 。  注:在主题的 functions.php 文件中添加,方便其他地方调用。

//自定义显示文章标题的字数长度
//然后在需要调用文章标题的地方使用下面的代码即可:
//
function ODD_title($char) {
         $title = get_the_title($post->ID);
         //$title = substr($title,0,$char);
         //$title = mb_substr($title,0,$char,'utf-8');
         $content_str = $title;
		 $title = mb_substr($title,0,$char,'utf-8');
		 if (mb_strlen($content_str,'utf-8') > $char ) {
			$title = mb_substr($title,0,$char,'utf-8').'…';
		 }
         echo $title;
}

9.5 更多链接。 注:这里更多,指向某个分类的文章列表

9.6 显示某一篇文章的标题和链接

post_title; ?>

9.7 显示某一篇文章的内容 。注:这里没有用到 functions.php

10. functions.php 常用功能

/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;
 }

//自定义显示文章标题的字数长度
//然后在需要调用文章标题的地方使用下面的代码即可:
//
function ODD_title($char) {
         $title = get_the_title($post->ID);
         //$title = substr($title,0,$char);
         //$title = mb_substr($title,0,$char,'utf-8');
         $content_str = $title;
		 $title = mb_substr($title,0,$char,'utf-8');
		 if (mb_strlen($content_str,'utf-8') > $char ) {
			$title = mb_substr($title,0,$char,'utf-8').'…';
		 }
         echo $title;
}


//控制wordpress博客首页博文显示内容字数
function Excerpt_Content($max_length,$content_id) {
// $title_str = get_the_title();
// $content_str = get_post( $content_id )->post_content;
$content_str =	get_post( $content_id )->post_excerpt;
if (mb_strlen($content_str,'utf-8') > $max_length ) {
$content_str = mb_substr($content_str,0,$max_length,'utf-8').'…';
}
return $content_str;
}
?>

11. 404页


  









12. 文章归档 (archive.php)


  

  • 13. 分类目录模板 (category.php)

    
      

    cat_name; ?>

    14.  单独页面 (page.php)

    
      

    Pages:', '', 'number'); ?>

    15. 搜索结果 (search.php)

    
      

    16. 搜索框 (searchform.php)


    17. 文章页面 (single.php)

    
      

    Pages:', '', 'number'); ?>

    X. 更新目录权限 chmod -R 777 wordpress

       参考: https://jingyan.baidu.com/article/fd8044fa2e7af35031137af2.html

     

     

     

        

     

     

     

    你可能感兴趣的:(wordpress)