[createsite]

トピックを新しく立てる方は次の項目も記述してください。

【お使いの Snow Monkey のバージョン】バージョン: 11.7.5
【お使いのブラウザ】chrome
【当該サイトのURL】なし

===

固定ページをカスタマイズし、HTML, PHP,  css , JavaScript,  jQueryなどを記述してブロックやカスタマイズでできない部分を作っていきたいと思っています。

■HTMLはカスタマイズよりウィジェトからカスタムHTMLにて追記

■CSSはmy-snow-monkey/style.cssに記述

■PHP、JavaScript,  jQuery はmy-snow-monkey.phpに記述でサイトの動きなどをつける

このような方法でよろしいでしょうか？また注意点などございましたら教えていただきたいです。

具体的には、引用（https://demo.tcd-theme.com/tcd065/）このような動きのサイトを構築したいです。

このような↓　カラムや配置から

↓マウスオーバーで以下のような動きです

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

固定ページだとウィジェットは使いにくいと思うので、下記がスタンダードかなと思います。

– 既存ブロックに「追加 CSS クラス」を追加する
– カスタム HTML ブロックを使う
– ショートコードをつくる
– カスタムブロックをつくる

そして、デザインや動きをつける CSS や JS は My Snow Monkey プラグインや子テーマの functions.php から読み込ませたオリジナルの CSS/JS ファイルに記述するのが基本的なやり方だと思います。あるいは、CSS についはカスタマイザーの追加 CSS に書くという手もあります。

JS の読み込みは下記でおこなえます。

add_action(
	'wp_enqueue_scripts',
	function() {
		// ここで script のハンドル名やパスを指定する
		// @see https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_script
		wp_enqueue_script(...);
	}
);

♥ 0

いいねをした人: 居ません

[createsite]

早速のご回答ありがとうございます。

『オリジナルの CSS/JS ファイルに記述』は、https://snow-monkey.2inc.org/forums/topic/jquery%e3%82%92%e8%bf%bd%e8%a8%98%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99%e3%80%82/

ここのページが参考でできると思います。

functions.phpは更新時には上書きされないと認識しています。

 

『カスタムブロック 』については何か推奨方法がありますでしょか？

それともSnow Monkey Blocksのことでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

functions.phpは更新時には上書きされないと認識しています。

Snow Monkey のアップデート時には Snow Monkey の functions.php は最新のファイルに上書きされます。子テーマの functions.php は上書きされません。

『カスタムブロック 』については何か推奨方法がありますでしょか？

カスタムブロックをつくる、というのは、独自のブロックを自分でコードを書いてつくるという意味です。チュートリアルは下記にありますが、かなりハードルが高いと思うので、個人的には最終手段にしたほうが良いのでは？と思います。

チュートリアル

まずはじめに 開発環境の構築 を参照してブロックエディターの拡張に必要なツールを設定してく…

ja.wordpress.org

♥ 0

いいねをした人: 居ません

[createsite]

ありがとうございます。

解決致しました、トピック閉じてよろしいでしょうか

♥ 1

いいねをした人: 居ません

[キタジマ タカシ]

クローズありがとうございます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿