分类： WordPress建站笔记

WordPress去除非拉丁文字体

就很烦，WordPress 2020主题给中文站点加了字体到head，难看死了

在子主题中加入下面代码就好了

class TwentyTwenty_Non_Latin_Languages {
  public static function get_non_latin_css( $type = 'front-end' ) {
    return 0;
  }
}

WordPress建站笔记

WordPress 去除jQuery

function my_init() {
	if (!is_admin()) {
		wp_deregister_script('jquery');
		wp_register_script('jquery', false);
	}
}
add_action('init', 'my_init');

WordPress建站笔记

WP引入css文件控制优先级

将css文件放在最后一个导入

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style('xiyuyyy',
    plugin_dir_url( __FILE__ ). 'main.css', 
    [], 
    filemtime(plugin_dir_path( __FILE__ ). 'main.css'), 
    'all');
}, 99, 1 );

WordPress建站笔记使用笔记

2021和2020主题移除inline styles

2021主题，添加到funtions.php文件

add_action( 'wp_enqueue_scripts', function() {
	$styles = wp_styles();
	$styles->add_data( 'twenty-twenty-one-style', 'after', array() );
}, 20 );

2020添加：

add_action( 'wp_enqueue_scripts', function() {
	$styles = wp_styles();
	$styles->add_data( 'twentytwenty-style', 'after', array() );
}, 20 );

WordPress建站笔记碎碎念

wordpress文件/目录权限

将所有文件权限设置为644

sudo find . -type f -exec chmod 644 {} +

讲所有目录权限设置为755

sudo find . -type d -exec chmod 755 {} +

WordPress建站笔记

WP获取中文摘要

function get_post_excerpt($post, $excerpt_length = 240)
{
  if (!$post) $post = get_post();

  $post_excerpt = $post->post_excerpt;
  if ($post_excerpt == '') {
    $post_content = $post->post_content;
    $post_content = do_shortcode($post_content);
    $post_content = wp_strip_all_tags($post_content);

    $post_excerpt = mb_strimwidth($post_content, 0, $excerpt_length, '…', 'utf-8');
  }

  $post_excerpt = wp_strip_all_tags($post_excerpt);
  $post_excerpt = trim(preg_replace("/[\n\r\t ]+/", ' ', $post_excerpt), ' ');

  return $post_excerpt;
}

Ubuntu WordPress建站笔记使用笔记

Ubuntu WordPress 开启redis 缓存

安装redis

apt-get update
apt-get install redis redis-server php-redis

编辑 /etc/redis/redis.conf 文件，添加

maxmemory 256mb
maxmemory-policy allkeys-lfu

重启服务

systemctl restart redis-server
systemctl restart php7.4-fpm
systemctl restart apache2

编辑wp-config.php文件添加

define( 'WP_CACHE_KEY_SALT', 'zuoridangnian.com' );
define( 'WP_CACHE', true );

安装Redis Object Cache 插件，点击开启缓存即可

下面查看一下效果

WP有个 Query Monitor 插件，可以查看一个页面的查询次数

未开启Redis Object Cache时，我的后台页面和首页查询次数是这样的

分别是68个查询和56个查询

开启后减少为32和25，大约节约一半的查询次数

标签 redis, 缓存

WordPress建站笔记

WordPress 修改已有的块添加设置宽度的功能

主题 functions.php 文件中加入

function myguten_enqueue()
{
  
  wp_enqueue_script(
    'myguten-script',
    get_theme_file_uri() . '/myguten.js'
  );

}

add_action('enqueue_block_editor_assets', 'myguten_enqueue');

然后在 myguten.js 文件中加入

const { addFilter } = wp.hooks;

function filterCoverBlockAlignments(settings, name) {
    if (name === 'loos-hcb/code-block' || name === 'core/code') {
        return lodash.assign({}, settings, {
            supports: lodash.merge(settings.supports, {
                align: true,
            }),
        });
    }
    return settings;
}

addFilter(
    'blocks.registerBlockType',
    'intro-to-filters/cover-block/alignment-settings',
    filterCoverBlockAlignments,
);

上面的代码是为 loos-hcb/code-block 块（这个是我使用的代码高亮插件）和 core/code 块添加对宽度设置的支持

参考

https://css-tricks.com/a-crash-course-in-wordpress-block-filters/

标签 gutenberg, 古腾堡

WordPress建站笔记

在WordPress子主题中自定义编辑器样式

昨天调了一下主题的字体，但是在后台编辑器中的字体还是系统默认字体，不太好看，强迫症的我打算把后台编辑器的字体也改一下。

在子主题的 functions.php 文件中，添加下面的代码

function xy_block_editor_styles() {
	wp_enqueue_style( 'xy-editor-styles', get_theme_file_uri() .'/css/style-editor.css', false, '1.0', 'all' );
}

add_action( 'enqueue_block_editor_assets', 'xy_block_editor_styles', 1, 1 );

get_theme_file_uri() 为子主题的目录，后面加上你为编辑器准备的样式文件即可，比如我的路径为 /css/style-editor.css

WordPress建站笔记

Ubuntu Apache 添加端口

编辑 /etc/apache2/ports.conf，添加你要监听的端口

Listen 8888

设置虚拟主机

<VirtualHost *:8888>
...
</VirtualHost>

标签 apache, ubuntu