Gutenberg(グーデンベルグ)の管理画面にCSSを適用させる簡単な方法

wordPressの新エディア「Gutenberg(グーデンベルグ)」の管理画面側にCSSを適用させるためにはfunctions.phpにコードを追加する必要がります。

任意で設定するところは関数名(gutenberg_mysettings)とCSSのディレクトリ(/css/editor-style.css)のみですね。
テーマから見てのルートパスになるのでCSSファイルはテーマ内にまとめましょう。

Gutenbergの一長一短

投稿者側で様々なレイアウトが組めることはかなり大きい。
半面、ブロックの概念が染みついているコーダーであれば簡単なんですが慣れていないと使い方は難しいでしょう。見出しだけならクラシックエディタのビジュアルでもできますもんね。
つけてくれという要望は増えるでしょうけど、実際に使える人がどれだけいるのかは疑問ですね。

ブログ一覧へ戻る
松下 正平のプロフィール写真
            

この記事の著者

松下 正平

2002年より大阪を拠点に活動。仕様の行間を読み「よきにはからう」実装力をモットーとするWeb制作・WordPress開発のフリーランス。
2019年に大阪市内から枚方市に移転。
近年はLooker Studioを活用したアクセス解析にも力を入れています。

趣味

趣味は息子とのサッカー、及びサッカー観戦。ガンバ大阪好き。
好きなアイドルはBABYMETALとsora tob sokana。
現在はまっているゲームは「スプラトゥーンレイダース」
無限食堂437階をあたりを探索中。

コーディングのご依頼お待ちしております

Wordpressの構築やレスポンシブ化など人手が欲しい時はぜひお声がけください。

このブロックが表示されている時は条件が合えば即日作業が開始できます。お気軽に条件をお送りください。

制作会社様向け詳細はこちら
両手いっぱいに広げ、コーディング案件を待っているメタラー