wordpress

分类下相关文章

Wordpress Hestia 主题首页 WooCommerce 商品按照 Menu Order 排序

默认情况下,Hestia 首页商品是按照 ID 倒序排列的。但是,所为首页展示,这种做法是非常不合适的,因为热门商品需要人为干预才靠谱。所以,需要替换成按照后台设置的 menu order 值进行排序,数值越小,优先级越高。 vim inc/sections/hestia-shop-section.php $hestia_shop_order = get_theme_mod( 'hestia_shop_order', 'DESC' ); if ( ! empty( $hestia_shop_order ) ) { // $args['order'] = $hestia_shop_ord ...

阅读全文...

禁止某个指定 wordpress 插件/主题升级

禁止 wordpress 插件升级 我在线上使用了 wordpress pirate forms 插件,但是我想做部分调整 将提交邮箱改为提交手机号 将发邮件逻辑改成存储到微信小程序的后台 从 pirate form 的代码看,做子插件的可能性不大,所以我就线上直接改代码了。 那么问题就来了,如何防止其他同事手误点击了升级呢? StackOverflow 上找到一个示例。 在主题或者子主题的 functions.php 中加入 // remove update notice for forked plugins function remove_update_notifications( $ ...

阅读全文...

wordpress 常用主题

Hestia 主题 非常适合公司产品、服务介绍之用 支持 PC 及手机自适应 按提示安装各种三方插件非常方便 这家公司的主题质量都很高。 https://themeisle.com/wordpress-themes/free/ 云落 https://googlo.me/ 还没试过,看上去不错。 ...

阅读全文...

wordpress 常用插件

Baidu Maps Plugin: 添加地图 shortcode Usernoise: 添加用户反馈、留言板 Cool Timeline: 时间线组件,可以在文章中加入对应的 shortcode elementor: 神一般的 Page 编辑工具。各种现成的网页模板,即使从头写,拖拖拉拉就能搞定。高端大气上档次。 Timeline Express: 另一款时间线插件,免费功能基本够用 ...

阅读全文...

wordpress 更新域名

修改 wordpress 数据库中的配置 首先下载 wp-cli 工具 curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp 进入 wordpress 的安装目录,执行命令,将旧域名替换为新域名。例如,旧域名是 jiajuyantai.naqitek.com, 新域名是 jiajuyantai.com wp -info wp search-replace 'jiaj ...

阅读全文...

wordpress Post 与 Page 使用同一个模板的方法

很多时候,我们希望 Page 与 Post 共用一套模板,除了需要定制化的 Page 之外。 参考 single post 与 single page 遵循的模板名规则顺序可知,使用 singular.php 作为模板名,即可使 Post 与 Page 共用同一个模板。 single Post 的模板名规则顺序 single-{post-type}-{slug}.php single-{post-type}.php single.php singular.php index.php single Page 的模板名规则顺序 custom template file page-{slug} ...

阅读全文...

wordpress 主题轮播图实现

图片从指定的 post category 获取缩略图(原图) 一个思路是使用 slick.min.js 手动打造,不过自己调样式非常痛苦 直接使用 bootstrap 的 carousel 组件,省去了自己调试的痛苦 参考 slick.min.js 世界上最好的轮播图插件 javascript - add slick slider to wordpress - Stack Overflow ...

阅读全文...

为何 single.php 中也使用 loop have_posts

single.php 是用来展示单个博文的,但是会看到 wordpress 4.7.3 默认主题 twentyseven 的 single.php 代码中依然使用的是 loop 逻辑。一个文章为何还要使用 loop ? <div class="wrap"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> ...

阅读全文...

wordpress page.php 与 single.php 的区别

page.php 是作为新建 Page 的模板。 single.php 是作为新建 Post 的模板。 single-{post-type}.php 例如,single-book.php 是作为 post type 为 book 的 posts 的模板。 page-{slug}.php 例如,page-about.php 是作为 slug 为 about 的 Page 的模板。 ...

阅读全文...

Mac 上 wordpress 报错 Warning: mysqli_real_connect(): (HY000/2002) No such file or directory

将 wp-config.php 中的 /** MySQL hostname */ define('DB_HOST', 'localhost'); 替换为 /** MySQL hostname */ define('DB_HOST', 'localhost:/tmp/mysql.sock'); ...

阅读全文...

wordpress 中 the_title 与 get_the_title 的区别

the_title 默认执行了 echo; 而 get_the_title 只是获取 title,并不执行 echo。 所以 the_xxx 通常用在页面 loop 中,而 get_the_xxx 用在 PHP 逻辑中。 if ($posts->have_posts()) : while ($posts->have_posts()) : $posts->the_post(); ?> <a href="#" class="product col-lg-4"> <?php the_p ...

阅读全文...

设置 wordpress 文章的缩略图

文章缩略图在 wordpress 称之为 Featured Images, 也称为 Post Thumbnails。 如果是手动新建一个主题,默认这项功能是没有开启的,需要在 functions.php 中启用 function theme_setup() { add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 400, 250 ); } add_action( 'after_setup_theme', 'theme_setup' ); set_post_thumbnail_size 用于设置缩略图的大小,第三 ...

阅读全文...

wordpress 页面共用 footer header

如何实现类似 Laravel Blade 模板系统中的 layout 功能呢? <?php get_header(); ?> <?php get_footer(); ?> 这两行代码会分别获取主题目录下 header.php, footer.php 两个文件的输出。 sidebar <?php get_sidebar(); ?> 会获取主题目录下 sidebar.php 的输出。 footer.php 的代码结构 以 wordpress 4.7.3 的内置主题 twentyseventeen 为例,其 footer.php 内容如下 <?php / ...

阅读全文...

wordpress 定制化首页

结论:如果是做一个定制化的主题,用于特定的展示,在 front-page.php 中实现就好。 wordpress 页面布局/结构的四种类型 Blog 最常见的页面布局,毕竟 wordpress 是主打博客系统。主要是展示博客列表。 Static Front Page 静态页展示 Static Front Page Plus Blog 静态页加博客内容展示,例如联系方式、公司介绍等。具体内容写在 Blog 中。 Dynamic Front Page 这个没看明白。 Blog Page 新建一个页面,如果不选择页面模板,并且不填写任何内容,则生成了一个 Blog Page。其会自动以 hom ...

阅读全文...

wordpress header.php 中 wp_head 的作用

在 wordpress 主题模板 header.php 中,会看到 wp_head(); 的调用 <!DOCTYPE html> <html <?php language_attributes(); ?> class="no-js no-svg"> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-w ...

阅读全文...