VK Blocks のボタンブロックに「テキストのみ」と「幅広」を追加しました。


  1. 製品更新情報
  2. VK Blocks
  3. VK Blocks のボタンブロックに「テキストのみ」と「幅広」を追加しました。

この記事は2年以上前に公開されたものです。最新の情報を参考にしてください。

操作パネルのUI(ユーザーインターフェイス)を変更しました

操作パネルのURIを変更しました。ご覧の通り「テキストのみ」と「幅広」が追加になっています。

旧操作パネル

新操作パネル変更部分

テキストスタイルを追加しました

今までのボタンブロックはあたりまえですが『ボタン』でした。ボタンであったために目立ちすぎてテキストのみの投稿リストの下に配置すると以下のように違和感がありました。

テキストだけのリンクにしたいのですが、テキストだけにすると、ブロックエディタでは Font Awesome のアイコンタグがHTMLブロックなどを使わないと挿入できないという問題があったので、「テキスト」のみのスタイルを追加いたしました。

幅広を追加しました

今までボタンの位置は「左」「中央」「右」「全幅」でした。しかしこれだと以下のような状態になります。

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

上記ではボタンがガタガタしてあまり見た目が良いとは言えません。そこでもう少し揃えて見栄えを良くするために幅広を追加しました。

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

もしブロックが壊れたりしたら

作成済みのブロックにもしエラーが出る場合はリカバリーを実行してください。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP