カスタマイズ Gutenberg カスタムブロックの追加方法の具体例：「Map」 以前Gutenbergのカスタムブロックの追加方法を紹介しましたが、今回は具体例と一緒に解説です。 先に解説に役立つ知識として以下の記事を書いていますので、その紹介をしておきます。 ワードプレスのエディター「Gutenb... カスタマイズ Map,カスタムブロック,グーテンベルグ,作成方法,具体例 2019年4月23日 Nora
カスタマイズ メインクエリでループするブログページなどをエディタで編集可能にするには？ ブログページなどをエディタで編集可能にするのは、ちょっと面倒なカスタマイズかもしれません。 ワードプレスにはフロントエンドの基本的なページの種類として以下のような形になっています。 ホーム（「設定」->「表示設定」... カスタマイズ アーカイブページ,グーテンベルグ,ブログページ 2019年4月17日 Nora
コラム グーテンベルグでフィルター「wpautop」って必要？ クラシックエディタでも同様の問題があったのですが、グーテンベルグでも同様のフィルターが機能していることに少し驚いた話です。 ブロック単位でコンテンツを編集することができるようになってから、正直「autop」が消えていると... コラム autop,グーテンベルグ,フィルター 2019年4月4日 Nora
コラム カスタムブロックのAttributesにはobjectタイプが存在しないらしい。 カスタムブロックを作成する際、値を保存する時に気を付ける点についてです。 タイトルにもあるように、カスタムブロックの作成に関する話ですので、カスタムブロックの作成方法をご存知でない場合は先にそちらの記事をご参照ください。... コラム attributes,カスタムブロック,グーテンベルグ 2019年4月1日 Nora
コラム Gutenbergのカスタムブロック作成でimgを使う際にハマった件 コアな部分には詳しくないので何とも原因がよく分からないんですが、CTA用の簡単なブロック追加をしている時に少しハマった話です。 問題となったのが、JSXで書いてある次の２種類のコードです。 両方同じようにimgを使って同... コラム figure,img,エラー,グーテンベルグ,ハマった 2019年3月27日 Nora
カスタマイズ WordPressでアイコンを利用する際に便利な下処理 Webページでアイコンを利用する機会は結構あると思いますが、テーマ「Ace」で取り入れている「Material Design Icons（MDI）」を例に挙げて、使い方をさらっと紹介いたします。 ウェブフォントとしてのM... カスタマイズ Material Design Icons,SVG,アイコン,ウェブフォント,グーテンベルグ,テーマカスタマイザー 2019年3月21日 Nora
カスタマイズ レイアウトブロックを追加してGutenbergをページビルダーにカスタマイズする方法 WordPressのコンテンツページを追加する際の投稿用エディターとして使われているGutenbergですが、いくつかブロックを追加している内に、これでページ全体を作成できちゃうことに気づいてしまいます。 それはもうペー... カスタマイズ グーテンベルグ,ページビルダー,レイアウトブロック 2019年3月18日 Nora
チュートリアル ワードプレスのエディタGutenbergのカスタムブロック用にJSXを変換する方法 – WebpackとBabel 以前紹介したGutenbergにブロックを追加する方法に関連する、JSXとその変換方法に少し触れておきます。 「ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法」で紹介した方法と実際にブロッ... チュートリアル Babel,JSX,Webpack,グーテンベルグ 2019年3月5日 Nora
チュートリアル ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法 こんな感じでアバター付きの吹き出しコメントを表示するブロックを作成してみましたが、どうでしょう？ エディタ「Gutenberg」ではページのコンテンツをブロック毎に管理・編集することが出来ますので、ワードプレスでブログを... チュートリアル JSX,React,カスタムブロック,グーテンベルグ,追加方法 2019年2月24日 Nora
コラム ワードプレスの新エディター「Gutenberg」に慣れましょう。 ワードプレスは旧式のエディタ（TinyMCE）のサポートが無くなると発表しているそうですが、ブロックエディタを使わないようにするプラグインが未だに結構見つかります。しかも高評価！ オリジナルのエディタを使っている場合はワ... コラム エディタ,グーテンベルグ 2019年2月24日 Nora
