三个小时学会wordpress模板制作
时间:2022-05-03
本文章向大家介绍三个小时学会wordpress模板制作,主要内容包括wordpress模板制作之标题调用、wordpress模板制作之列表调用、wordpress模板制作之文章页调用、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
最近接了一个项目需要用wordpress建站,版面相对简单,ytkah就琢磨着自己来设计wordpress模板,首页栏目页文章页(很多网站无外乎就这些页面),其中栏目页和首页又很像,都是调用文章列表。这样一小结,掌握几个函数就基本可以完成了:列表、内容、标题、描述(文章摘要),下面就随着ytkah来做一个简易的模板吧(不含style样式的编写),从傍晚6点到晚上9点,3个小时就能明白相关函数的调用,基础好的小伙伴一个小时就能搞定
wordpress模板制作之标题调用
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
//格式是:网站名》文章名,比如:卓创威视》无线门铃zc-08
<title><?php the_title(); ?>_<?php bloginfo('name'); ?></title>
//格式是:文章名_网站名,比如:无线门铃zc-08_卓创威视
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
//标题加链接
第一种<?php wp_title(); ?>默认在标题前加一个》箭头号,可以用在首页调用;而<?php the_title(); ?>纯粹是调用文章标题,可以用在文章和列表页
wordpress模板制作之列表调用
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
//if(have_posts()) – 检查博客是否有日志。while(have_posts()) – 如果有日志,那么当博客有日志的时候,执行下面 the_post() 这个函数。the_post() – 调用具体的日志来显示。
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
//调用标题,带链接
<?php the_excerpt(); ?>
//或者用这个调用文章摘要
<?php endwhile; ?>
<?php posts_nav_link(); ?>
//分页导航
<?php else : ?>
没有文章
<?php endif; ?>
//注释:并不是所有的代码都需要两部分用来打开和关闭。有些代码能够自我关闭,这就解释了 have_posts() 和 the_post(); 这两个函数。因为 the_post(); 在 if() 和 while() 的外面,只需要分号去结束或者关闭。
wordpress模板制作之文章页调用
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
//if(have_posts()) – 检查博客是否有日志。while(have_posts()) – 如果有日志,那么当博客有日志的时候,执行下面 the_post() 这个函数。the_post() – 调用具体的日志来显示。
<h1><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
//调用标题,带链接
<?php the_content(); ?>
//调用文章全部内容
<?php endwhile; ?>
<?php previous_post_link('%link') ?> <?php next_post_link('%link') ?>
//上一页、下一页导航
<?php else : ?>
没有文章
<?php endif; ?>
//注释:并不是所有的代码都需要两部分用来打开和关闭。有些代码能够自我关闭,这就解释了 have_posts() 和 the_post(); 这两个函数。因为 the_post(); 在 if() 和 while() 的外面,只需要分号去结束或者关闭。
- 强烈推荐:基于Java反射实现一个 Android ORM 框架
- Android 高效安全的本地广播 LocalBroadcast 完全解析
- Android的编译打包流程详解
- Android 仿京东、拼多多商品分类页
- 简单高效的实现 Android App 全局字体替换
- 基于 RxJava2+Retrofit2 精心打造的 Android 基础框架 XSnow
- Android 图片选择到裁剪之步步深坑
- Android自定义 View 实战之 StickerView
- 十分钟搞定酷炫动画,Android自定义 View 入门
- 基础篇章:关于 React Native 之 Switch 和 ProgressBarAndroid 组件的讲解
- Android 实现视屏播放器、边播边缓存功能、外加铲屎(IJKPlayer)
- 基础篇章:关于 React Native 之 ToolbarAndroid 组件的讲解
- Android M 权限最佳实践
- Android自定义ViewGroup神器-ViewDragHelper
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android属性动画实现图片从左到右逐渐消失
- Android实现清除应用缓存功能
- VBlog的代码结构,使用vue-element,vue-vant组件开发的纯前端博客
- Android仿微信视屏悬浮窗效果
- Android仿QQ可拉伸头部控件
- android使用surfaceview+MediaPlayer播放视频
- Android性能之冷启动优化详析
- Android自定义View实现地铁显示牌效果
- Android自定义控件实现望远镜效果
- Android自定义View实现点赞控件
- Android自定义View实现投票进度条
- 国外Reservo一款非常棒的商业图床程序
- 详解Android v1、v2、v3签名(小结)
- Android Studio项目适配AndroidX(Android 9.0)的方法步骤
- Android自定义View实现微信语音界面