【Gutenberg】コードビュアーブロック

2021-09-08

HTML・CSS・JSのコードをシミュレーター実際の動きを見せることができるブロックです。

CSSデザインの説明などで使うといいでしょう。

コードビュアーの特徴

記事編集画面でも、コードの結果を確認しながら作業できます。

上記の例で設定したブロックが以下になります。

test

#test {
    font-size:12px;
    color:red;
    background:yellow;
}

WEB関連の営業から制作まで幅広く経験したフロント・バックエンジニア。
今までのクライアントの要望や制作者としてのノウハウをまとめて「DG-STYLE」を開発しました。

Googleアドセンスなど、Javascriptコードで追加する広告を設置できるブロックです。広告スクリプトブロック広告

2021-08-08

利用流れなどに使えるステップブロックです。ステップブロックステップブロック例STEP1記事編集画面を開く新しい投稿もしく

2021-07-25

現在記事の関連記事や指定したカテゴリーorタグなどに属している記事を表示できるブロックです。記事リストブロック記事リスト

2021-07-25

記事内の見出しを自動で取得し目次を作成するブロックです。目次追加例ブロックの特徴目次デザイン目次のデザインは全部で３つあ

2021-05-16

DG-STYLEでは、テーマデフォルト機能として「お問い合わせフォーム」を追加することができます。サイトビルダーと同じ方

2021-03-01

サービスリストや社員紹介などで使える、写真付きカラムのブロックです。サービス追加ブロックの特徴カラム数は制限なしカラム追

2020-12-29