常磐線柏 占い おがわまり
My Natural Garden & Cafe
おがわまりぶろぐ 2022

ブロックエディターを使ってみよう~優れたエディターグーテンベルク

ブロックエディターで記事を書いてみた

 

ブロックエディター(Gutenberg・グーテンベルク)は2018年にできました。2021年にサポートもなくなるということで、それまでのクラシックエディターがなくなるかもで、このブログでは、ブロックエディターを使ってみます。

 

ブロックエディターはむつかしいということで、敬遠されていたようですが、コードや言語を知らなくても使えるという、優れたものらしいですが・・・むつかしい?・・・

おがわまりぶろぐは年始に初期化してしまいましたが、ドメインとサーバーはXサーバーのままなので新しく登録はいりません。Wordpressblogは再インストールをした画面からコメントを入れ、初めての投稿をいれ、ログインできずに

パスワードの変更も受け付けられず、アカウントの整備をして、今まであったメール以外のメルアドをXサーバーに入れてもらってやっとダッシュボードには入れて\(^o^)/

と、喜んだのもつかの間、次の日開いてみようとすると…ない・・半日くらい試行錯誤して、Microsoftedgeの窓からは入れていたのが、サイズを大きめに設定したら、窓がなくなっていたようで、サイズをかえたらログインできるようになりました。

今度は行方不明にならないように「お気に入り」「ブックマーク」に登録です。

ブロックエディターで記事を書いてみましたが、難しいというか慣れてないからという感じかもしれないですね。

jinテーマ・・難しいカスタマイズができなくても、おしゃれなぶろぐができます。

これは可愛い吹き出しですが、jinマニュアルにわかりやすくでています。

おがわまりぶろぐ2019では、Wordpressblogにもともと、ついていたテーマを使いましたがしばらくたってjinテーマが評判が良かったので買いました。カスタマイズがわりと簡単で、サポートもありますし、なんと、なんこものblogで使えるそうです。今では1000円値段があがったけれど、とてもいいです。

設定にプラグインを使うのが多いので、考えなく使うと増えすぎます。まずは、へッターのデザインとふきだしをつくっています。

ボン
ボン
ネット検索では消えてしまった・おがわまりブログやアメーバブログや、おがわまりおんらいんさろんがでているからわかりにくいよ?

茉莉
茉莉
やっとやっとでれたよ・・そうね!新しいblogはおがわまりぶろぐ2022にしよう

今回ふきだしが上手く表示できませんね~今回茉莉とボンの画像をアイキャッチ画像から、引っ張ってきて、

pet_cat_oddeye.png茉莉.pngの部分をJINテーマのふきだしのショートコードにコピペしなければいけないのですが、上の茉莉の写真も一緒に入ってしまうので、上手くふきだしができません・・・
 
このあと、AddQuicktagのプラグイン設定と吹き出しも大きくしたいですが…工事中です。
 
 
 
 

吹き出しを大きくする

 JINカスタマイズから、CSS設定にコードをいれます。詳しくはカスタマイズの「吹き出しの画像を大きくしたい」にでています。

でも…大きくなったかな?微妙

pet_cat_oddeye.png茉莉.png
2022年3月4日
146 KB
623 x 735 ピクセル

 

吹き出しのアイコンを簡単に出せるようにすると便利です

ダッシュボード→設定→AddQuickTagをクリック→設定画面にボンと茉莉のコードをそれぞれコピーします。

ボンの最初のコードはface=”cropped-uchidenokoduchi_eto13_neko.png楽しいボンちゃん.png” name=”ボン” align=”left” border=”green” bg=”green” style=”maru”まで。

最後のコードは[/chat]をいれます。

茉莉の最初のコードは

茉莉
茉莉
 最後のコードは
です。ボンと同じです。

そのあと右に続く、レ点チェックに全部チェックをいれて、「変更を保存」をおします。

おお~今度は茉莉の画像がでてしまいました。[を入れてコピーしたからかな?ボンは[をいれてません。

設定が終わると、クラッシックエディターの左側にAddQuicktagの文字がでます。これを押せばいいので、設定は簡単です。

https://ogawamari.com/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%ab%e6%85%a3%e3%82%8c%e3%81%a6%e3%81%8f%e3%82%8b%e3%81%a8%e3%82%af%e3%83%a9%e3%83%83%e3%82%b7%e3%83%83%e3%82%af%e3%82%a8/

茉莉

私の頭の中では、内部リンクは飛ぶページの写真がはいるはずだけどそうなりません。でも、↑をクリックすると、「吹き出しを作る」ページに飛びます💛