初期設定

my-snow-monkeyダウンロード

便利なプラグイン

Snow Monkey Blocks
Snow Monkey Editor
Shortcodes Ultimate
Classic Widgets
WP Multibyte Patch
Insert Pages（別ページに表示※使い方アリ）
Duplicate Post（ページを複製）
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 (ブロックエディタを快適に)
Blocks Animation: CSS Animations for Gutenberg 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）
WP Add Custom CSS（各ページ毎にCSS追加＆全体にCSS追加できるプラグイン）

バックアッププラグイン＆SEO

SEOPress
UpdraftPlus

Google Map埋め込み


<iframe src="地図URL" width="800" height="600" style="border:0; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); max-width: none; width: 100vw" allowfullscreen="" loading="lazy"></iframe>


【CSS】
.full-width{
	width:100vw!important;/*画面100%vwはブラウザ表示幅の単位*/
	border:0;
	margin-right:calc(50% - 50vw)!important;
	margin-left:calc(50% - 50vw)!important;
	max-width: none;
}

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）


/*中央揃え*/
aligncenter

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

◆モバイルメニューで必ずheaderの一番最上位にする方法
z-index:calc(infinity);

スライダー

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;
}
}

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


u-smooth-scroll

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

CSS設定画面


.l-contents__inner{
	background-color:#F96;
}