ホーム WPプラグイン 標準記事

標準記事

Gutenbergエディターのblockブロックにスタイルを追加

Gutenbergエディターを使用していて、簡単なコードの基礎知識があれば、Gutenbergエディターでデフォルト編集される内容はすべてブロック単位であることに気づくでしょう。今回紹介するプラグインは、これらのブロックにスタイルを追加するためのものです。プラグインの説明 Custom CSS For Gutenberg Bl…

2019年11月1日更新 約2分で読めます
给古腾堡编辑器的block块增加样式

もしあなたがGutenbergエディターを使用していて、少し簡単なコードの基礎知識があれば、Gutenbergエディターがデフォルトで編集する内容はすべてブロック(block)ごとであることに気づくでしょう。そして、この記事で紹介するこのプラグインは、これらのblockにスタイルを追加するためのものです。

プラグイン紹介

Custom CSS For Gutenberg Blocksは、Gutenbergエディター強化プラグインで、Gutenbergエディターを使用して記事を書く際に現れるあらゆるブロックにスタイルを定義することができます。例えば、外観、レイアウト、サイズなどの機能を調整できます。

CSSプロパティ:レイアウト

  • フォントファミリー
  • フォントサイズ
  • フォントウェイト
  • 行の高さ
  • 文字間隔
  • 単語間隔
  • フォントスタイル
  • テキストシャドウ
  • テキストの配置
  • テキスト変換
  • テキスト装飾

CSSプロパティ:外観

  • 不透明度
  • 背景色
  • ボーダー
  • ボーダー半径
  • ボックスシャドウ

CSSプロパティ:サイズ

  • マージン
  • パディング
  • 高さ

GIF例

块添加样式

プラグインの使用

記事末尾のダウンロードボタンからプラグインをダウンロードし、有効化して使用します。

使用時は、スタイルを設定したいブロックを選択するだけで、右側にスタイル設定箇所が表示され、希望の表示効果に変更できます。

プラグインのダウンロード

以下のボタンからプラグインをダウンロードするか、管理画面でプラグインのタイトルを検索して直接インストールすることもできます。

ダウンロードリンク

5/5 - (1票)
前の記事 WordPressサイトの上部に連絡先と検索ボックスを追加するプラグイン 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 Xftp 6を使用して隠しファイル.maintenanceを削除する方法 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: