Gutenberg ブロックエディターで記事を編集しよう:画像を掲載【WordPress】

WordPressのブロックエディターによる画像の掲載方法を紹介します。先日のブロックエディターの基本操作の記事と同様に入門的な内容となっていますので、そちらも併せて参考にしてください。 使用したバージョン WordPress 5...

Gutenberg ブロックエディターで記事を編集しよう:基本【WordPress】

WordPressが搭載しているGutenberg ブロックエディターでの基本的な編集方法をまとめました。入門的な内容になっていますので初めての方も参考にしてみてください。 使用したバージョン WordPress 5.8.3 ...

大きすぎる画像を自動的にリサイズしてアップロードするプラグイン “Imsanity” 【WordPress】

画像アップロードの際、指定サイズを超えるものは自動的にリサイズしてアップロードするプラグイン "Imsanity" を紹介します。主に大きすぎる画像がアップロードされるのを防止する目的で使いますが、次のような場面でも役立ちます。 ...

register_sidebar() で編集可能なウィジェットエリアを設置する【WordPress】

多くのテーマでは管理メニューの「外観 > ウィジェット」でサイドバー(ウィジェットエリア)の編集が可能ですが、ウィジェット機能を持たないテーマや自作テーマではカスタマイズして機能を有効にする必要があります。今回はそんなテーマにウィ...

三項演算子の使い方( 条件 ) ? 式1 : 式2;【PHP】

使っていないと忘れがちな三項演算子のPHPでの使い方です。 3つの式(三項)を?(ハテナ)と:(コロン)で表す三項演算子ですが、「こういう書き方がある」ということを覚えておくだけでもソースコードを読み解く手助けになると思います。 ...

再利用ブロック管理ページを管理メニュー項目に追加する【WordPress】

WordPressのブロックエディターには "再利用ブロック" という機能がありますが、それを管理するページへのアクセスが少々分かりにくいです。 これを改善するため、管理メニューに再利用ブロックを管理するページへのショートカットを...

カスタマイズしやすくコピペでもOKなレスポンシブ対応ページ送り:改善版|WP_Query対応【WordPress】

以前の記事で「レスポンシブでカスタマイズしやすいページ送り」を紹介しましたが、これは基本的に archive.php や category.php 等のアーカイブテンプレートでの使用が前提となっており、固定ページで new WP_Que...

Gutenbergでの画像配置による回り込み解除:その2【WordPress】

以前の記事でGutenbergエディターでの画像の回り込み(float)解除方法について考えてみましたが、今回は“グループ” ブロックとブロックスタイルを使って画像の回り込み解除する方法を紹介します。 画像の配置...

ブロックエディター(Gutenberg)にオリジナルのブロックスタイルを追加する【WordPress】

ブロックエディター(Gutenberg)ではブロックスタイルという機能があり、これを利用するとブロック毎に異なる装飾で表示できます。 使用しているテーマによってはブロックスタイルが用意されているものもありますが、ここではオリジナル...

add_editor_style() でブロックエディター(Gutenberg)にサイトと同じCSSを適用する【WordPress】

サイトに適用されているCSSをブロックエディター(Gutenberg)にも反映したい場合の手順です。エディターの表示をサイトに合わせることで記事の完成形をイメージしやすくなるメリットがあります。効率的な使い方や注意点も踏まえて紹介したい...
スポンサーリンク
タイトルとURLをコピーしました