タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

Gutenbergに関するnorandoのブックマーク (5)

  • WordPress 5.0のGutenberg(グーテンベルグ)についてよくある質問集 | コリス

    2018年12月7日にWordPress 5.0がリリースされ、Gutenberg(グーテンベルグ)が投稿エディタとして新しく登場しました。 WordPressの創始者で、現役の開発者でもあるMatt Mullenweg氏による、Gutenbergについてよくある質問集を紹介します。 Gutenbergの準備を確認する方法、導入手順、今後のアップデート予定、特定のユーザーだけが利用できるようにするには、次のメジャーバージョンアップはどうなるのか、など気になる情報が満載です。 WordPress 5.0: A Gutenberg FAQ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Gutenberg(グーテンベルグ)とは何ですか? なぜGutenbergが必要ですか? なぜブロックが使用されるのですか? なぜエディタが変更され

    WordPress 5.0のGutenberg(グーテンベルグ)についてよくある質問集 | コリス
  • Before Gutenberg - ダイナミックブロック入門 - Capital P

    前回はシンプルなアラートボックスを作成したが、今回は外部要因によって動的に中身が変更されるダイナミックブロックに挑戦してみよう。 ダイナミックブロックとは? PHPによる動的な生成を伴うものである。保存される内容=表示される内容でよいのなら以前のやり方でよいが、たとえば、「最新の投稿リスト」のようなものの場合、その内容は変わっていく。 今回は「x年y月のイベント一覧を表示するブロック」という想定をしよう。条件は次の通り。 沢山のイベントがカスタム投稿タイプeventとして登録されている。 各イベントは開催日(_event_date)、会場の緯度(_lat)および経度(_lng)をカスタムフィールドに持つ。 Gutenbergでブロックに年yearおよび月monthを指定すると、その時期に開催されるイベントの一覧が出力される。 それでは、早速とりかかろう。今回表示するブロックのイメージは次の

    Before Gutenberg - ダイナミックブロック入門 - Capital P
  • テーマ を Gutenberg に対応させる時、最低限やっておく事 – ねんでぶろぐ

    WordPress5.0では新しいエディタ「ブロックエディタ」が搭載されます。 公開画面では「ブロックエディタ」で入力したコンテンツはテーマ側が対応していなくても だいたい表示するようになっています。 【ブロックエディタ 公開画面】 管理画面(編集画面)では、テーマ のデザイン(公開画面) と同じデザインで編集できるようにする事で ユーザーは簡単にイメージ通りのコンテンツを作成する事ができます。 しかし デフォルト(ブロックエディタ非対応テーマ) では 管理画面(編集画面)では テーマのデザイン(公開画面)と だいぶん違う状態になっていますので それぞれテーマ側で対応しなくてはなりません。 【ブロックエディタ 編集画面(非対応)】 ※基表示幅は 580px になっています。「Gutenberg を試してみよう」画像が大きいのは「幅広」設定になっているためです。 【ブロックエディタ 編集画

    テーマ を Gutenberg に対応させる時、最低限やっておく事 – ねんでぶろぐ
  • Create Guten BlockでGutenbergのカスタムブロック開発環境を構築する | webOpixel

    Posted: 2018.08.24 / Category: WordPress / Tag: Gutenberg WordPressの新エディター「Gutenberg」のカスタムブロック開発環境を高速で構築できる、「Create Guten Block」という開発ツールキットのご紹介を致します。 Gutenbergブロックの開発環境の構築 GutenbergはReactとというJavaScriptのフレームワークで開発されています。 素のJavaScriptでも開発はできますが、ReactはJSXという独自構文があったり、ES6での開発が一般的になっています。 Create Guten Block を使用するとこの辺りの環境も簡単に構築し、プラグインとしてすぐに使用できるようになります。 Node.jsは入ってなかったらインストールしてください。 Create Guten Block は

    Create Guten BlockでGutenbergのカスタムブロック開発環境を構築する | webOpixel
  • Before Gutenberg – カスタムフィールド職人の命運やいかに? – Capital P – WordPressメディア

    カスタムフィールド職人の朝は早い。前回に引き続き、Gutenbergのリリースに備える連載の第2回目となる今回は、このCapital Pで生まれた名言「カスタムフィールド製造業」に忙しく従事する職人のために、Gutenberg以降どのようになるのかを指摘しておこう。 エディターのない投稿タイプは動かない WordPressを激しくカスタマイズして利用する際、次のような設定で利用する方は多いのではないだろうか。 カスタム投稿タイプを作成し、supports => ['title', 'thumbnail'] といった具合に、エディターなしにしておく Advanced Custom Fieldsなどで大量のカスタムフィールドを登録する これにより、日付情報を持ったイベントページや、家賃・間取りなどの複雑な情報をもった不動産データベースなどを構築することができる。ビジュアルにすると次のような感じ

    Before Gutenberg – カスタムフィールド職人の命運やいかに? – Capital P – WordPressメディア
  • 1