プラグインこの記事のURLとタイトルをコピーするWordPressのデフォルトエディターがGutenberg(グーテンベルグ)になってから1年以上経過しました。最近WordPressを始めた人にとっては最初からそうなので「グーテンベルグって何のこと?」と聞かれることもあります。Editorを使っていますが、固定ページにはもうグーテンベルグを使った方がよさそうです。いうことで、ほぼ使ったことのない私が「まだあまり使ってない人」には役立つかもしれないことを試してみました。Editorについて説明します(知ってる方は飛ばしてくださいね!)現在WordPressをインストールすると、編集画面はこのようなものになります。クリックして、追加したいコンテンツに合わせたブロックを追加していくことでコンテンツを作成します。Editorプラグインというものを入れて、以前と同じ編集画面を使っています。このプラグインを入れて、有効化すると編集画面がこのようになります。ブログを書くときなどはこちらの方がなれているし、便利なので私は主にことらを使っています。Editorの設定からいろいろ設定できるので、Gutenbergも引き続き使うことができます。Gutenbergでよく使うブロックを試してみたということで、ブロックを使ってみます。プラグインやテーマによって追加ブロックがある場合もありますが今回はシンプルにデフォルトテーマのTwentyTwentyを使ってみてみました。基本的にブロック単位にコンテンツを入れるようになっています。こんな感じにブロックのグループに分かれています。使うものは最近使ったものが表示されているだけなので、一般ブロックから埋め込みまでが全ブロックが見られる場所となります。使うブロックは、見出し、段落、画像あたりかとおもいます。これらは一般ブロックに入っています。クリックして、コンテンツを追加します。こんな感じに入力できました。一部の文字の色を変えたり、大きさを変えたりするグーテンベルグに限らず、WordPressを使い始めた方から色を変えたり、文字の大きさを変えるのはどこからですか?と聞かれることが多いです。WordPressでは以前よりそれらのことはデフォルトではできないので、プラグインを使ってできるようにしてきました。現在もそれは継続しているようです。Advancedになります。詳しいインストール方法は省きますが、このプラグインをインストールして有効化します。文字の大きさを変えたいので、設定をします。クリックしてフォントサイズというボタンを、少し上にあるこちらにドラッグ&ドロップして変更を保存をクリックしておきます。一部の文字の色を変える一部の文字の色を変えてみます。colorのと頃で好きな色を選びます。すると、このように、選択した部分の色だけが変わりました。一部の文字の大きさを変える一部の文字の大きさを変えたい部分を変えてみます。Paragraphをクリックします。赤矢印で好きな大きさに変更します。縦のものをクリックして、ブロックに変換をクリック。これで大きさの変更が終了しました。グーテンベルグになってできるようになったことグーテンベルグになってできるようになったことは多分たくさんあるのだと思います。レイアウト関係が便利になったんじゃないかなと思います。固定ページはあまり作らないので、これらを使って便利に何かを並べてみるということをすぐには試せないのですがデザイナーでなくてもできるようになってきた?のではないかと思いました。システム的にというかそのあたりで気になったのはこのようにウィジェットがコンテンツ中に簡単に入れられるようになったことです。最新の記事ブロックを入れればこのように、コンテンツ中に新しい投稿を自動的に表示させることもできるようになりました。グーテンベルグは進化しているな〜と思いました!兎本美佳ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。コメントデータの処理方法の詳細はこちらをご覧ください。29ゆうそうとコーポレートサイトはXSERVERで運営中ゆうそうとITブログはMIXHOSTで運営中ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。14:42:19コメントが返せていません。東京都八王子市を中心として、WordPressによるWEBサイトの作成や、スポットでのIT相談を行ったり、年間契約でのIT顧問をなりわいとして活動しています。特徴としては30年以上IT業界でプログラムを中心として仕事をしてきたものと、美大出身のデザイナーがワンストップで対応するため、幅広い対応が可能であることです。IT相談は直接お会いしてのご相談の他、ZOOMによるオンライン相談も可能です。