Custom Blocks

Algori 360 Imageは、 interactive 360°imagesを WordPress websiteに追加できる Gutenberg Blo ...

WordPress Plugins Blocks CSS ※を使用すると、 エディターから Gutenbergブロックに Custom CSSを直接​​追加でき ...

先日の記事で 「WordPress plugin【 CoBlocks 】が思った以上に良い！」 という記事をご紹介しました。 その CoBlocks の Row ...

以前の記事で、 WordPress block editor をさらに 拡張することができる 「ブロックライブラリ」を ご紹介いたしましたが、 WordPres ...

ブロックエディタ (Gutenberg) の カスタムブロックについての記事を もうちょと書こうと思いましたが、 わたしがヘタな記事を書くより、 ソースを見ても ...

ブロックエディタ (Gutenberg) を もっと便利に使いたいけど カスタマイズは難しくて出来ない、 よくわからない、 そんなあなたにおすすめなのが 「ブロ ...

詳細は アイキャッチ画像のとおり、 カスタムした随所にスタイルを適応。 アイコンを Font Awesome に変更から始まって、 CSSを適応させたのですが・ ...

ブロックエディタ (Gutenberg) で 使用しないブロックを非表示にする方法です。 ブラックリストは、 使用しないブロックを登録する事、 ホワイトリストは ...

ブロックエディタのツールバーにボタンを追加してみます。 ここでは選択した文字列を特定のclassを持った markタグで囲うボタンの追加方法です。 <ma ...

前回では、 一部のテキストに スタイルを当てる方法を ご紹介いたしました。 はじめに 先ずはじめに、 導入するにあたり gutenberg-examples ( ...

前回では、 スタイルセレクト機能とは どんなものなのかお話しました。 はじめに 注意最新のWordPressでは 動作しない可能性があります。 先ずはじめに、 ...

特に段落ブロックで記事を書いていると文字列の一部だけ色を変えたいとか、マーカー線を引きたいとか思う事があり、結局クラシックブロックを使う事が結構あって、だったら ...

はじめに 前回は カスタムブロックを 導入する所までの記事を書きました。 今日は 以下の画像のような 状態を目指します。 オリジナル (4to6 Blocks) ...

はじめに いずれは カスタムブロック開発を 目指してみたいが、 ちょっと敷居が高いな・・と思い、 だけどコンプリートされたものじゃなくカスタマイズもちょっとは試 ...