初期設定

my-snow-monkeyダウンロード

便利なプラグイン

• Snow Monkey Blocks
• Snow Monkey Editor
• Shortcodes Ultimate
• Classic Widgets
• WP Multibyte Patch
• Reusable Blocks Extended（再利用ブロック）
• Insert PHP Code Snippet（PHPを動かす）
• EWWW Image Optimizer（画像圧縮）
• Flexible Table Block（表作成）使い方：https://www.xserver.ne.jp/blog/wordpress-table/
• UpdraftPlus (バックアッププラグイン)
• vk-blocks (ブロックエディタを快適に)

おすすめプラグイン一覧　 https://naifix.com/snow-monkey-plugin/

• キャッシュ系プラグインの導入 WP Super Cache
• 次世代画像変換プラグインの導入 Converter for Media
• 画像読み込み遅延のプラグインの導入 Native Lazyload
• キャッシュプラグイン高速有料 WP Rocket

headerやfooterにコードを任意に挿入できる

• WPCode（head＆footerにコードを挿入できる全ページ共通　PHPは無理）
• CSS & JavaScript Toolbox（任意のページにコードを挿入できる　PHPもOK）
• Header Footer Code Manager（任意のページにコードを挿入できる　PHPもOK）

my-snow-monkeyまでのパス

https://utatane.pro/wp-content/plugins/my-snow-monkey/img/mail.php

head内に解析タグを入れる

functions.phpのかわりのmy-snow-monkey.phpに記述する

add_action( 'wp_head', function() {
	?>
		
		ここに記述
		
	<?php
	}
);


・body開始直前タグ
add_action(
	'wp_body_open',
	function() {
		?>
		// ここに任意のタグを記述
		<?php
	}
);


・header内
add_action( 'wp_head', function() {

・body終了タグ直前
add_action( 'wp_footer', function() {


// headerに独自のタグを追加する
// Google fontsの読み込み
add_action( 'wp_head', function() {
	?>
		<script src="https://kit.fontawesome.com/d801f0ead9.js" crossorigin="anonymous"></script>
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;900&display=swap" rel="stylesheet">
		<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>
	<?php
	}
);

snow-monkey のCSSタグ

/*全画面*/
alignfull
alignfull size-full


/*特定の画面だけ非表示*/
sme-hidden-sm　（スマホ）
sme-hidden-md　（タブレット）
sme-hidden-lg-up　（PC）


◆アニメーション
<div class="sme-animation-fade-in-up" style="data-sme-animation-delay="0.2" data-sme-animation-duration="0.6"">

スライダー

https://ippei-kusakari.com/web/snow-monkey/slider/

スライダーのコンテナにクラス名を追加する　.slider-box

/*スライダーのサムネイルの表示個数*/
.slider-box .smb-spider-slider button{flex-basis: calc(100% / 8)!important;}

スライドスピード調整
[data-fade="true"] .spider__canvas .spider__slide {
	transition: opacity 1s ease-in,
	visibility 1s ease-in;
}

※1sを数字を変更する

/*キャプション設定*/
.koment figcaption{
	text-align:center!important;
	font-size:1.2em!important;
}
@media screen and (max-width: 481px)  {
.koment figcaption{
	font-size:80%!important;
}
}

著者名を消す

.c-meta__item--author {display: none;}

コメント欄を消す

この投稿へのコメントとこの投稿へのトラックバックを消す方法

書いた人の枠を消す

プロフィールボックスを消す方法が用意されています。

スマホの時だけ画像を小さく

/*――――――――――――――――――
スマホの時だけ画像を小さく
―――――――――――――――――――*/
@media screen and (max-width: 481px)  {
.gazo-style img{
	display:block!important;
	width:50%!important;
	margin-left:auto;
	margin-right:auto;
}
}

関連記事の関連付け条件をカテゴリーのみにする

/**
 * 関連記事の関連付け条件をカテゴリーのみにする
 *
 * @param array $args
 * @return array
 */
add_filter(
    'snow_monkey_related_posts_args',
    function( $args ) {
        if ( ! isset( $args['post_type'] ) || 'post' !== $args['post_type'] ) {
            return $args;
        }

        $category_ids = wp_get_object_terms( get_the_ID(), 'category', [ 'fields' => 'ids' ] );
        $tax_query[] = [
            'taxonomy' => 'category',
            'field'    => 'term_id',
            'terms'    => $category_ids,
            'operator' => 'IN',
        ];

        $args['tax_query'] = $tax_query;
        return $args;
    }
);

管理画面に再利用ブロックを追加する

/*管理画面に再利用ブロックを追加する*/
add_action( 'admin_menu', 'add_custom_menu' );
function add_custom_menu(){
    add_menu_page( '再利用ブロックの管理', '再利用ブロックの管理',
    'manage_options', 'edit.php?post_type=wp_block', '', 'dashicons-admin-post', 21 ); 
}

リンクをスムーススクロールにする

u-smooth-scroll

アンカーの方に　#link　だけでOK