Gutenbergにオリジナルなブロックを作成する方法（動的編） | HPcode（えいちぴーこーど）
テキスト等を入力、編集できるブロックを作成する方法です。ブロックの基本的な使い方については以下の記事で紹介しているので、まずはこちらを参考にしてください。 https://haniwaman.com/block-static/ この記事では以下のようなブロックが作るところまでを説明しています。 基本亭には公式チュートリアルをもとに説明していきます。 （公式） → Introducing Attributes and Editable Fields ブロックのコンポーネントを読み込む 動的なブロックを作成するには、wp_register_scriptの依存関係として、wp-editorを読み込む必要があります。 wp-editorの読み込み 今まではwp-blocksとwp-elementだけでしたが、そこにwp-editorを追加します。具体的には以下のようなコードとなります。 wp_re
【WordPress】ブロックエディター（Gutenberg）の色設定を追加・カスタマイズする方法
Gutenbergの段落ブロックやボタンブロックなど、いろいろなブロックで「色設定」から文字色や背景色を変更することができます。 この色設定に表示される色の定義をカスタマイズしたり、自分の使う色を追加する方法のメモです。 上の画像のような「色設定」に表示される色の定義はテーマやプラグイン側で設定を変更することができます。 コードの例はこちら▼ /** * Gutenbergのカラーパレット設定 */ function aktk_editor_color_palette() { add_theme_support( 'editor-color-palette', array( array( 'name' => 'Gold', 'slug' => 'gold', 'color' => '#877b61', ), array( 'name' => 'Light Gold', 'slug' =>
Gutenbergでオリジナルのブロックパターン登録方法 - ブロックエディター私的マニュアル（α）
Gutenbergでオリジナルのブロックパターン登録方法 Posted: 2020/7/16 Updated: 2020/7/16 これはプラグイン版のGutenberg（ver 8.5.1）を有効化して確認しています。UI等は変更になる可能性が大いにあります！（現に、8.4からブロック選択のUIが変わっています） プラグインを入れれば同様の動作は確認できますが、開発版とも言えるものなので、本番環境へ導入するのは相当の理由がない限り控えましょう。 前回のブログで、WordPress 5.5 に新しく「ブロックパターン」が追加されることを紹介しました。 今回は、自分で新しいブロックパターンを登録する方法をご紹介します。 ブロックエディターハンドブックには、パターンの登録・削除・パターンのカテゴリー登録・パターンのカテゴリー削除の方法が載っています。 パターンを登録する register_bl
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ
圧巻の機能性と、 直感的に使いやすいエディター WordPress5.0から 導入された『ブロックエディター』。 SWELLは2019年のリリース当初からこのブロックエディターに完全対応しており、 それからも日々、改善を積み重ねてきました。 開発し続けて 4年 になります。 長い月日で培ってきたノウハウを全て注ぎ込み、 細部まで熟考されたSWELL独自のカスタマイズを加えています。 その使い心地と機能性は、圧倒的です。 （この動画は古いもので、現在はさらに進化しています。） HTML や CSS などの知識がなくとも、 マウス操作のみで直感的にコンテンツを作り上げることができ、 デザインを整えることに時間を費やす必要はありません。 部分的にカスタマイズ性をあえて少しだけ抑え、 迷いを減らし記事作成に集中できるような工夫もしています。 細部までこだわり抜いた設計で、コンテンツ作成をサポートし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blocks Animation: CSS Animations for Gutenberg Blocks
【最新版】最も簡単にWordPressで蛍光マーカーを利用する方法(CSS不要・Gutenberg対応) – 塵も積もれば
