wordpress
李 书 明
主要从事PHP相关课程、前端课程的培训
展开
-
wordpress5.3主题开发第十三课:扩展常规设置
wordpress后台常规设置如下:许多网站都有:联系方式,备案等信息,如果将这些信息写入模板,一般非IT人员将来维护时比较麻烦。如果将这些信息扩展到常规设置中,将来维护非常方便。具体操作如下,在function.php中输入以下代码//扩展常规设置function set_global_seo() { $global_seo = new GlobalSeo();...原创 2020-03-03 17:09:09 · 421 阅读 · 0 评论 -
wordpress5.3 数据库修改表前缀
mysql的表前缀mysql的表前缀在大部分的程序都会有,这个前缀是为了区分程序,如果你在某个数据库中,放入了多个程序的数据,那么有了表前缀,你就可以非常清晰地区分他们,多程序在数据库中也不会因为没有前缀而导致冲突。wordpress5.3的表前缀默认是wp_如果打算把表前缀改成wp1_,该怎么操作呢?操作mysql数据表,更改表前缀 更新数据表中的部分记录 修改word...原创 2020-03-03 11:24:49 · 417 阅读 · 0 评论 -
wordpress5.3主题开发第十二课:面包屑导航
面包屑导航经常用于网页,见下面的示例实现方式:使用自定义函数 使用第三方插件使用自定义函数(这样的函数很多,写法大同小异)在functions.php文件中写下如下代码//面包屑导航function get_breadcrumbs(){ global $wp_query; if ( !is_home() ){ // St...原创 2020-02-26 21:33:08 · 515 阅读 · 0 评论 -
wordpress5.3主题开发第十一课:显示文章的浏览次数
wordpress5.3显示某篇文章时,本身并没有统计文章点击次数的功能。需要开发人员自己实现或者使用第三方插件实现。非插件统计文章浏览次数在主题的 functions.php文件的最后一个 ?> 前面添加下面的代码:/* 记录文章访问计数 */function record_visitors(){ if (is_singular()) { ...原创 2020-02-26 20:18:14 · 609 阅读 · 0 评论 -
wordpress5.3主题开发第十课:分页导航在分类模板中的使用
显示文章列表时,经常使用分页导航。下面这个例子显示了某个分类下的文章列表。因为文章数目较多,所以使用了分页导航。那么在wordpress5.3中如何实现分类导航,有两种办法:自定义导航样式(自己编写函数) 使用wordpress插件自定义导航样式要显示某个分类的文章列表,最简单的办法就是要创建一个category.php的文件。有关分类模板文件的详细介绍,可以参见...原创 2020-02-25 12:29:11 · 1835 阅读 · 0 评论 -
wordpress5.3主题开发第九课:小工具的使用
wordpress5.3版本自带主题twentytwenty有一个小工具,具体操作:外观 -小工具左侧是系统自带的一些小工具,右侧是定义的侧边栏。我们可以把左边的一些小工具添加到侧边栏中,然后在模板中引入侧边栏即可。如果是自己创建的主题,默认是没有“小工具”的。需要在functions.php添加如下代码://注册侧边栏function mytheme_register_s...原创 2020-02-23 15:44:28 · 638 阅读 · 0 评论 -
wordpress5.3主题开发第八课:实现轮播图
CMS网站经常需要使用轮播图显示一些热点内容,就像下面这个网站第一种实现方式:下载swiper放到主题的assets目录下,网址:https://www.swiper.com.cn/仅需要安装包中的swiper.min.css和swiper.min.js两个文件即可,放到主题的assets目录下在后台管理端新建一个分类:图文热点,别名为:twrd在“图文热点”目录中...原创 2020-02-11 19:19:42 · 3537 阅读 · 0 评论 -
wordpress5.3:正确使用jquery
jQuery是一个非常流行的javascript库,WordPress集成了jQuery,为了兼容其它的js库,WordPress集成jQuery的时候使用了jQuery的noConflict模式,把jQuery的变量`$`释放出来了。也就是说,不经过任何处理,直接在WordPress中用这样的写法写jQuery代码是不行的。$("#some-element").addClass("some...原创 2020-02-11 10:22:38 · 1292 阅读 · 0 评论 -
wordpress5.3主题开发第七课:搜索框
目录添加搜索框美化搜索框搜索结果一般的网站都带有搜索功能,下面是“石家庄职业技术学院”网站的“搜索框”添加搜索框如果搜索框出现在菜单中,可以在functions.php文件中直接写入以下代码,其它的什么也不需要做(前提:导航菜单已经做完)。/** * Add searchbox in menubar */add_filter( 'wp_nav_menu...原创 2020-02-10 17:12:40 · 934 阅读 · 0 评论 -
wordpress5.3主题开发第六课:如何引入样式文件和脚本文件
插入脚本和样式为主题添加脚本和样式的正确方法是将它们添加到functions.php文件中。style.css是所有主题都需要的文件,除此之外,您还可能需要添加其他文件以扩展主题的功能。插入脚本和样式的基础是:使用wp_enqueue_script()将JS 文件插入队列 使用wp_enqueue_style()将 CSS 文件插入队列官方自带的twentytwenty主...原创 2020-02-10 14:53:31 · 1019 阅读 · 0 评论 -
wordpress5.3主题开发第五课:导航菜单
wordpress5.3官方主题:twentytwenty可以实现给网站设置导航菜单4当启用自定义主题时,我们会发现自定义菜单不见了设置导航菜单要想实现在自己的主题中,也能设置导航菜单,必须在自己的主题的functions.php中编写代码以下是官方的写法/** * Register navigation menus uses wp_nav_menu in fi...原创 2020-02-09 16:58:14 · 910 阅读 · 0 评论 -
wordpress5.3主题开发第四课:如何实现撰写文章时可以添加缩略图
启用自定义模板,撰写文章时无法添加缩略图以下是启用twentywenty主题时,撰写文章可以添加“特色照片”,即文章的缩略图当我们启用自己的主题时,发现“特色图片”不见了。要想实现功能,必须在自定义主题的functions.php(如果没有,自行创建)写点代码这时要在function.php中添加<?phpfunction mytheme_theme_set...原创 2020-02-09 15:18:25 · 501 阅读 · 0 评论 -
wordpress5.3主题开发第三课:get_header()和get_footer()的使用
get_header()函数描述从当前主题中引入header.php模板文件。如果名字是特定的,那么包含特定名称的头部文件header-{name}.php就会被引入。如果主题没有header.php文件,就会引入默认文件wp-includes/theme-compat/header.php。用法<?php get_header( $name ); ?...原创 2020-02-09 11:23:31 · 1088 阅读 · 0 评论 -
wordpress5.3主题开发第二课:index.php的基本写法
index.php文件算是一个最普遍使用的模板页面了,如果你的主题没有home.php、且后台设置首页显示最新文章,那么index.php文件就是首页模板了,如果你的主题没有文章也模板(single.php)、没有单页面模板(page.php)、没有分类页模板(category.php)、没有标签页(tag.php)……没有404页面(404.php)等的,都将会使用index.php文件代替。...原创 2020-02-08 20:21:38 · 1116 阅读 · 0 评论 -
wordpress5.3 中经常使用的函数:bloginfo()
bloginfo()函数显示你的博客信息,大部分都是显示WordPress管理界面的 用户资料 和 常规设置 中的信息。它可以在模板文件的任何地方使用。该函数首先出现在head部分一般 bloginfo() 都是用来直接在浏览器中输出内容的。如果你需要在PHP中返回值的话,那么请用 get_bloginfo()使用方法:<?php bloginfo( $show ...原创 2020-02-08 20:04:31 · 525 阅读 · 0 评论 -
wordpress5.3主题开发第一课:style.css的写法
wordpress的主题中必要文件为:style.css和index.php下面就style.css的写法总结一下style.css必须放在自定义主题的目录下下面是wp官方2020主题的style.css的代码/*Theme Name: Twenty TwentyText Domain: twentytwentyVersion: 1.1Requires at leas...原创 2020-02-08 18:47:10 · 1022 阅读 · 0 评论 -
wordpress5.3 在有关wp_head() 和wp_footer()的使用
目录如何使用wp_head()函数如何去除多余的样式和脚本如何添加自己的样式引用呢?如何使用wp_head()和wp_footer()函数wp_head()函数常见于html文档的head区域wp_footer()函数常用于</body>结束前<!doctype html><html lang="en"><head>...原创 2020-02-06 15:21:53 · 2618 阅读 · 0 评论 -
wordpress5.3主题开发第九课: 在首页显示指定分类的文章列表
WP_Query是wordpress提供的一个类,它支持的参数非常完善灵活,博主通过WP_Query类可以创建自己所需要的wordpress循环输出,比如调用最新文章、热门文章、自定义文章类型文章循环输出等,和query_posts()函数具有相同的查询功能,但优于query_posts()函数。和WP_Query类似的还有几个:pre_get_posts get_posts() ge...原创 2020-02-05 15:28:53 · 2353 阅读 · 0 评论 -
wordpress5.3 有关导航(菜单)的那些事儿
导航菜单是每一个WordPress主题必须的元素,如果你要制作一个WordPress主题,那就必须熟悉WordPress导航菜单注册函数 register_nav_menus() 和 导航菜单调用函数wp_nav_menu() ,这两个函数一般都是配合使用的。导航菜单注册函数 register_nav_menus() 介绍register_nav_menus() 是3.0以后用来注册自定义...原创 2020-02-04 18:04:34 · 814 阅读 · 0 评论 -
wordpress5.3 正确使用子主题
子主题介绍在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式。修改的时候,却发现主题文件这么多,里面掺杂各种 PHP、HTML 代码,让人不知道在哪里修改。太好了,那么我们开始学习子主题吧,子主题就是来解决这个问题的。它可以...原创 2020-02-03 14:44:42 · 845 阅读 · 0 评论 -
wordpress5.3 主题文件目录结构
虽然从技术上讲,WordPress主题仅需要两个文件(index.php和style.css),但它们通常由许多文件组成。这意味着它们会很快变得杂乱无章!主题文件夹和文件结构WP默认的自带主题是非常好的示例。例如,以下是 Twenty Seventeen主题的文件结构:assets (dir) - css (dir) - images (dir) ...原创 2020-02-02 20:15:02 · 862 阅读 · 0 评论 -
如何下载最新版本的wordpress
自2019年10月开始Wordpress官方的服务器就开始出现不稳定,陆陆续续很多用户都无法访问,几乎全部国内用户都已经无法访问,影响到了程序下载和使用。这个现象十分少见在WP官方强有力的运营下。大家传言不知道最终是否真的倒在了“永久免费”的目标下,目前为止已经影响了大片国内用户,下面附上猜测原因与具体解决WP官网打不开和WP程序无法下载的问题。陆续有站长开始反应WordPress官网打不开了...原创 2020-02-02 18:22:26 · 557 阅读 · 0 评论 -
1 wordpress主题开发-起步
主题由什么组成?在最基本的层次上,WordPress主题是不同文件的集合,这些文件一起创建您所看到的内容以及网站的行为。必需文件WordPress主题中必需包含两个文件:index.php–主模板文件 style.css–主样式文件以下文件不是必需的,但是我们很可能会在各种主题中看到:PHP文件 – 包括模板文件 本地化文件 CSS文件 图片 JavaScrip...原创 2020-02-02 09:28:00 · 562 阅读 · 0 评论 -
wordpress常用函数
一、header常用的函数<?php bloginfo('name'); ?> : 博客名称(Title) [输出示例:前端开拓者]<?php bloginfo('stylesheet_url'); ?> : CSS文件路径 [输出示例:http://www.frontopen.com/wp-content/themes/frontopen2/style.cs...原创 2020-02-10 08:44:17 · 601 阅读 · 0 评论