2019.12.25OPENCAGEGutenbergのブロックエディターへの対応ツイートシェアはてブ送るPocketGutenbergブロックエディタ内で、簡単に装飾を追加することが可能です。ClassicEditorではなく、ブロックエディタ(Gutenberg)を使用している場合はぜひご活用ください。今後対応予定のブロックアコーディオン(v1.1.0〜)「アコーディオン」を利用可能になりました!以下のようにコンテンツを格納して補足説明的に使うことができます。アコーディオンブロックのテスト本文のテストです。このように本文が隠れて表示されます。アコーディオンブロックについてタップ(クリック)することで内容が表示されます。CSSを利用した動作であるため、非常に軽量に動作します。サイトの見出しの背景色(すこし薄くしたもの)が適用されます。エディタ画面(編集画面)ではクリックしても開閉しません。使い所は様々あるかとは思いますが、例えば「全員が見る必要のないような、簡易的な補足説明」で利用すると便利だと思います。編集画面上(ブロックエディタ上)では、下の画像のように表示されます。(※エディタ画面ではアコーディオンをクリックしても開閉しません。)ブロックエディタ(編集画面)での表示ボックス-タイトル付き(v1.0.7〜)「タイトル付きボックス」を利用可能になりました!タイトルをここにタイトル付きボックスの表示例です。タイトルをここにタイトル付きボックスの表示例です。本文の補足や注意点などを記載する際に利用するとわかりやすいです。タイトル付きボックス作成イメージ吹き出し(v1.0.5〜)ショートコードで利用できていた「吹き出し」ブロックを利用可能になりました!サイくんGutenbergのブロックでも吹き出しが使えるようになったよ!トリくんほんとだね!直感的に操作できるようになって、記事編集が楽しくなりそう!サイくん設定できる内容は現時点で3つ!吹き出しの全体のデザインアイコンの位置アイコン周りの色だよ中にリストとかも入れることができるね!上のような会話風の吹き出しブロックを直感的に作成できます。Blocks」という場所から選んで利用してください。ボタンスタイル「ボタンブロック」のスタイルを変更ボタンスタイルを変更できます。Gutenbergデフォルトの「ボタン」ブロックにSTORK19用のスタイルを適用しました。ボタン表示デモボタンブロック変更イメージテキストマーカーアンダーラインの適用画面テキストにマーカー(アンダーライン)を引くことができます。目立たせたいテキストなどにご利用ください。テキストマーカーの使用イメージ補足説明ブロック補足説明ブロックショートコードで使えた補足説明のブロック版です。文章の補足として利用すると目を引くのでおすすめです。補足説明ブロックの使用イメージ今後対応予定のブロック現時点ではブロック数が少ないですが、今後便利なブロックを開発し、ブロックエディタに追加していきたいと思います。Feedlyツイートシェアはてブ送るPocketCTAを設置しよう!ここにリンクさせたい自分の商品やアフィリエイトリンクなどを表示させることが可能です。記事下のCTAは収益化においてかなり重要となるので効果的に使いたいところです。タグを追加してあげれば画像なども表示させることが可能!簡単にサイトの収益化の仕組みを導入することができます。USOPENCAGEサブテキストがはいります!ライターのプロフィールが入ります。あなたのプロフィールの「プロフィール情報」を未入力にすれば表示されません。逆に「プロフィール情報」を入力することでライター情報を表示できます。「関連記事」ショートコードを使用して作成しました。(1)スマホで表示ストークではユーザーエージェントを使用しておりますので、スマートフォンでは一部表示が異なる場合がございます。実機を使ってのご確認を推奨しております。記事に関する設定トップページ関連の設定ショートコードSTORK19のショートコードについて記載した記事です。UsSTORK19STORK19はブログ専用のWordPressテーマです。簡単に要素を追加したりできます。CTAなどビジネスブログに必要不可欠な要素が最初から用意されているので、サイト構築に詳しくない方でも簡単に「誰が使っても美しいサイト」を構築できます。デザインもカスタマイザーから多種多様に変更できるので簡単に差別化が可能です。