Postお問い合わせContactCocoon「ミックスグリーン」利用中。2018.12.13この記事は約5分で読めます。Gutenberg:ブロックエディターでの記事作成が楽しくてたまらない今日この頃...こんなに楽しみながら記事を書くのめっちゃ久しぶりな気がします。使い回しするブロックは、必ず通常ブロックに変換するClassicブロックは、再利用の登録はできないあとがき再利用可能ブロックとは?Gutenbergでは、ブロック(いわゆる段落?)を組み合わせて記事を構成していきます。ブロックごとにカスタマイズが可能になっていて、デフォルトだと背景色や文字色の設定が簡単にできます。カスタマイズしたブロックをテンプレートのように「再利用可能ブロック」として登録ができるようになっています。テンプレートとの違いテンプレートは、いつも同じ内容を入れる時に重宝するものですが...再利用可能ブロックは、ブロックを挿入後、内容を書き換えるとこれまで記事に入れたそのブロックの内容も変更されることです。「こんにちは、けろら~です。」と入力したブロックを再利用可能ブロックに登録し、記事の冒頭に毎回挿入して記事を書くことにしたとします。...途中でHNを「けろ子」に変えたとします。その場合、今までだと記事を一つ一つ修正するしかないですよね。それが、ブロックエディターだと...どの記事でもいいので、該当の再利用可能ブロックを呼び出して、「こんにちは、けろ子です。」に修正するだけでいいんです。再利用可能ブロックを挿入後、通常ブロックへ変換すると、内容を変えても元の再利用可能ブロックは書き換えられません。通常ブロックへ変更することで、テンプレートのような使い方ができます。再利用可能ブロックの設定ブロックエディターは、日本語翻訳済みという記事を先日チラッと読んだ気がするんですが...ワタシの環境では英語なんです。)再利用可能ブロックの設定は、ブロックを選択している時、ブロック上部に表示される3点アイコンのメニューから設定します。※Google翻訳で訳しています。Blocks」をクリックします。再利用したいブロックの挿入するには、「+」マークをクリックします。検索窓にブロック名の入力すると候補が出てくるのでその中から、追加したいブロックをクリックすると挿入されます。検索窓に入力すると候補出てきます。候補のブロック名にマウスを置くと右側にプレビューが出ます。先にも述べましたが、再利用可能ブロックを挿入後、内容を変えるとこれまで記事に挿入してきた同ブロックの内容も変更されてしまいます。div装飾のテンプレートとして利用するなら、通常ブロックに変換してから内容を入力します。追加された「再利用可能」ブロックは、「通常ブロック」に変換しないと編集ができないよう仕様変更されています。使うブロックを登録しておいて何度も呼び出して使える便利なブロックで...happyguu.com使い回しするブロックは、必ず通常ブロックに変換する再利用可能ブロックかそうでないかは、以下の表示があるかないかで見分けられます。使い回しする時には、以下の操作を忘れないようにしましょう。通常ブロックに変換すると、再利用可能ブロック名の表示が消えます。以下は、段落ブロックの通常モードです。Classicブロックは、再利用の登録はできないClassicブロックは、再利用可能ブロックとして登録できません。ワタシの場合、ブロックエディターで記事を書くようになってから、CocoonのCSS拡張機能を利用する事が減ったので、Classicブロックの利用も少なくなりました。リンクはCocoonのブログカードの表示が好きなのでClassicブロックを利用しています。ブロックは基本「div」要素らしいので、ブロックのAdvanced設定でCocoonのCSSを入れたら大丈夫かと思っていたのですが、他のボックス等はOKなんですけど、ブログカードは表示がおかしくなりました。Classicブロックは、再利用できませんけど、以下の方法で手間が省けます。ClassicブロックでブログカードのみCSSのみでリンクを作成3点アイコンメニュー「Duplicate」をクリックコピーが作成されるので、リンクを修正して再利用あとがき超便利な「再利用可能ブロック」の記事はいかがでしたでしょうか。「Gutenberg」の使い勝手の良さが伝われば幸いです。冒頭でも述べましたが、ブロックエディターで記事を書くことは本当に楽しいです。使えば使うほど、「これって、こうなんだ」と使い方もどんどん理解できてくるし、そうなってくると更に記事作成は捗るし...。Gutenbergの凄さに驚きと感動を覚える毎日です。完全に旧エディターに移行はしてないんですけど、既存の記事を全てブロックエディターで修正し終わったら、完全にGutenbergへ移行しようと思ってます。Blocks」がすごい!!関連記事Wordpressあぁ、勘違い。手間をかけずにリンクを作成♪...2018.05.19WordpressGutenberg:ブロックエディター、下書きをMarkdownで書いてもOKだった!!...2018.12.18Wordpress外部リンクにアイコンをつける、、、をやってみた...2015.09.22Wordpressブログトップページを「Cocoon」で簡単にカスタマイズする方法...2019.04.11コメント欄コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るけろら~50代。