Page 3 of 210

[WordPress5]作ったBlockのアイコンを変える方法

WordPress5 の Gutenbergで自作のBlockのアイコンを変更するには?という時のメモ。

[WordPress5] create-guten-block で作ったBlockの名前を変える方法

GutenburgのBlockを 作るときに、そのBlockの名前はどこで指定するのかなと、探してみたのでその記録。

WordPress5.0のBlockを作る

概要 まずは、ターミナルを開いて、wordpressのpluginsのフォルダに移動します。GutenbergのBlockを簡単に作るには、create-guten-blockというジェネレータがいいらしいので、使ってみます。(Blockを作るには、nodejsが必要になります。)

ボタンのBlock

WordPress5.0でGutenbergのBlockみてたらボタン作るBlockがあったので、今日はこれ。 「Topに戻るボタン」をこんな感じでおけました。

DockerでWordPress5.0

DockerでサクッとGutenbergのお試し環境が作れそう。

ボタンが押せない

WordPress5.0にしたから、画像でも付けてみるかと思ったところ、エディタの”+” Add ボタンがグレーアウトして押せない。。 調べてみたら、同じような人がいました。 

試しに ブロックエディタ WordPress5

なんかWordpressのエディタが新しくなってる。 「Gutenberg」 ヘッダ1 ヘッダ2 ヘッダ3 こんなかんじ?

per_month.py

pythonで、月のリスト

色プラス

パターン色プラス See the Pen ColorPlus by Yusuke Mizushima (@mzsima) on CodePen.

うねうね

うねうね See the Pen VGzKmv by Yusuke Mizushima (@mzsima) on CodePen.