【再利用ブロック】ワードプレス新エディタGutenbergでAddQuicktagの代打として使う

Pocket

ワープレの新エディタ【Gutenberg】では使えないプラグインがあり、コードを短縮して貼れるようなプラグインたちが機能しない。。。

なので記事を書くための便利ツールがない状態でとてもまだ不便です。

んが、

【Gutenberg】には、『再利用ブロック』というのが存在します。

プラグインの AddQuicktag は新エディタでは使えないので、その代打として、

『再利用ブロック』を使うのもアリだと思う
(何か他に簡単な方法があるような気もしてならないのですが笑)

これまでのプラグインのように、書いたものに対してタグを適応させるというようなものではなく、

保存しておいたブロックを呼び出してそれをその記事用に編集する

というような使い方になる。

なので少し手間は増えるし、やりやすいとは言えないけれど笑

丸腰で書くよりはマシです笑

今回はその『再利用ブロックの活用例 などについてです。

ワープレ5.0 新エディタ再利用ブロック_

 

〜〜項目〜〜〜〜〜〜〜〜

❤︎1、Gutenberg『再利用ブロック』の使い方

❤︎2、再利用ブロックの『インポート・エクスポート』

〜〜〜〜〜〜〜〜〜〜〜

スポンサーリンク

 

❤︎1、Gutenberg『再利用ブロック』の使い方

『再利用ブロック』はある程度便利

AddQuicktagのようにはいかないところもあるけど、ないよりはマシなので使い方を例として上げておきたいと思います。

これはWP QUADSのアドセンスコードをワンタッチで貼れる機能の代打としても使える。

 

まずHTML編集ブロックを追加する
ブロックHTML編集※ブロック追加ボタン>フォーマット>カスタムHTMLでもOK

 

例えばよく使うオリジナルカラーなどタグなどを記述記述

 

ジャンプ先見出しタグ

 

 

ブロックのメニューを開き、『再利用ブロックに追加』を選択再利用ブロックに追加

 

名前を保存名前を保存

 

すると再利用可能になる

 

============================

連続で1個以上保存する場合はブロックを再度追加してやり直さないとリネームしても上書きされるのでご注意をばw

ブロックを使って記事毎に編集する際はその再利用ブロック自体も上書きされてしまうので、常ブロックに変換してから編集する

=======================

 

 

呼び出し方は、

ブロック追加ボタン>再利用可能から選択ブロック追加-再利用可能から選択

 

編集は、

呼び出した再利用ブロックを、『通常ブロックへ変換』する通常のブロックへ変換

 

そのとき用に編集するそのとき用に編集

 

プレビューで確認できる
プレビューで確認

 

上記のはカラーの例ですが、新エディタではブロックごとにしかカラー設定できない。

なのでブロックの文字が全て変わってしまう。
(ブロック内の部分的カラー変更はできない)

ってことで、HTML編集が必要になってくる。

でもこの『再利用ブロック』を使ってそのタグを記録させておけばワンタッチではできないけど最小の編集で済む。

ってかカラータグいちいち手打ちなんてイヤですよね?笑

 

そして、

例えば同一ページ内ジャンプとか、あるページの固定箇所へ飛ばすとか、アドセンスタグなども再利用ブロックに保存しておくとやや便利な感じです。。

※同一ページ内ジャンプなどのアンカーリンクについては逆に新エディタでは簡単にできるようになっていました!
▶︎【新エディタGutenbergでのアンカーリンク】ページ内ジャンプや別ページの特定箇所へジャンプさせる方法参照

 

ただ、文字を書いてからそこへあてるという使い方はできないので、そのままで使えるタグ以外は、そのブロックを呼び出して、編集できるよう『通常ブロックへ変換』してそのとき用に編集するやり方になってしまう。

 

なので、記事をガーッと書いてからまとめて細部を編集するというやり方には向かない感じ。

最初から再利用ブロックをその記事用に呼び出しておいてブロックを並べてから記事を書いていくやり方の方が二度手間にならない感じ。。

これは別なエディタやメモで先に下書きしておいてから記事にするやり方をしてきた人などはストレス感じると思う。。。。

 

スポンサーリンク

 

❤︎2、再利用ブロックの『インポートエクスポート』

で、再利用ブロックに保存してあるものは、一回作ったら他のサイトへエクスポートしたり、他のサイトからDLしたのをインポートしたりもできる

やり方は、まずサイトの新エディタでコードを再利用ブロックに作成保存しておき、

 

その再利用可能の下の、『再利用ブロックを管理』を開く、
ブロック追加-再利用可能-再利用ブロックを管理

 

その管理画面から、インポートエクスポートできる
(ただし、1ブロックごと笑)
エクスポートインポート

 

そして、

インポートしても一覧にすぐ表示されない場合、そのページをリロードしてみてください

キャッシュのせいですぐに表示されない場合が多いと思いますが、リロード(再読み込み)すれば表示されるようになる。

  • Macの場合command+R
  • または、検索バーの再読み込みタブのクルッとしたタブをクリック

でリロード(再読み込み)できます。

詳しくは、
▶︎ブログ・サイトカスタマイズが反映されないときはまずアレをチェック!
を参照ください

 

 

そんな感じです。。。

それにしても特にブロック内で部分的にカラーを変えるとか、文字を太くするとか(strongタグでなくてbタグ)などがあまりにもやりづらいんですけれど

何かもっっとサクッとできるやり方はないのでしょうか?

 

あまりにも不便で何か単純なことを見落としてるような気がしてならない笑

もっと何かやりやすいやり方があるような気がするんですが、知ってる方がいましたら教えて欲しいです。。。

 

私も何かわかり次第また追記していきたいと思います!

 

ってことで楽しいクリエイトをば!

しゃらんるあぁああああ❤︎

 

ワードプレス5.0新エディタGutenbergの注意点

 

\(`^`)b

スポンサーリンク

 

REACH_rh.jam project / Creative Support
REACH_rhがあなたのクリエイトをサポートします
サポート内容をチェックしてみる ↓

rhjampj_v-min

 

❤色々やり散らかしております、宜しくどうぞ御贔屓に<(_ _)><(_ _)><(_ _)>

Twitter-REACH_rh Facebook-REACH_rh G+ -REACH_rh Insta-REACH_rh note-REACH_rh

YouTube-REACH_rh SoundCloud-REACH_rh PIXIV-REACH_rh CREATORS BANK_REACH_rh

関連コンテンツ

Pocket

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

seventeen − six =