ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

wp_enqueue_style()

WordPress js, CSSファイルのレジスタとエンキューのちがい

wordpress image

WordPressでJavaScriptファイルを追加する関数のwp_register_script()とwp_enqueue_script()のちがいを説明します。

『registerのあとにenqueue入れればいいや』ぐらいの人は間違っていないけれど意味がないこともあるよ?という話です。

CSSスタイルでも同じです。

続きを読む

WordPress 子テーマのCSSで上書きはやめよう。無駄をなくしてサイズを小さくするコツ。

wordpress image

WordPressのテーマでカスタマイズしたいときに子テーマを作ります。

親テーマのCSSを変更したいとき、子テーマでCSSを用意して親テーマのCSSの設定を上書きする人もいるのではないでしょうか?

しかしこれは避けたほうがいいです。理由は『CSSのサイズが大きくなる』から。

『それじゃあ、どうするのか?』を説明します。

続きを読む

WordPress5, 新エディタ(Gutenberg)にCSSを適用する方法

wordpress image

WordPressはバージョン5から、編集画面とその中身の処理が大幅に変更になりました。新エディタ(Gutenberg)の採用です。

エディタがブロック形式でコンテンツを作成することになったので、CSSの適用方法も変わりました。

GutenbergでのCSSの適用方法を分かりやすく解説します。

続きを読む

JavaScript, Prism.jsをWebサイトに実装する

JavaScript image

ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.jsの代わりに利用できてWordPressでも使えます。

プログラムのソースコードをサイトに表示するのに、今一番おすすめするJavaScriptプラグインです。

続きを読む