カテゴリー「VK Blocks Pro」の記事
画面幅が広いときに Outer ブロックの背景画像の上下が欠ける問題の対策例
対策例として、画面幅が 1800px 以上になったときに Outer ブロックがコンテナの幅になるように、CSS で調整してみます。
VK Blocks Pro 1.7.0 のレスポンシブスペーサーで余白の設定が楽になった
ブロックどうしの上下の間隔を空けたいときに便利に使える レスポンシブスペーサー が「もうちょっと空けたい」というときに設定が楽にできるようになりました。 VK Blocks Pro 1.7.0 にアップデートすると、以下 […]
Outer ブロックを入れ子にして skewX を設定した画像スタイルの例
上記の画像のスタイルの作り方 外側の Outer ブロックにはクラス outer-skew を、内側の Outer ブロックにはクラス outer-skew-inner を指定して、以下の CSS により上記のような画像 […]
VK ボタンのサイズをカスタマイズ – VK Blocks
2022.10.13 追記 VK Blocks Pro の最新バージョン 1.43.0.0 ではボタンのサイズ・位置・スタイルの指定ができたり、サブテキストを追加できたり、アイコンのサイズを変更することまでできるようにな […]
VK Blocks Pro 1.3.4 の新機能
テーブルのスタイルに 枠線 と 枠線 / ストライプ が追加されました。 デフォルト 会社名 魚沼情報サービス 郵便番号 949-7242 住所 新潟県南魚沼市黒土118 電話番号 025-779-2843 ホームページ […]
VK Blocks Pro 1.3.0 の新機能「アコーディオンブロック」
スタイル「背景なし」 スタイル「背景あり / 角丸 / 枠線」 以下のアコーディンブロックはアコーディオンタイトルの 段落 を VK 見出し に置き換えて、Font Awesome アイコンを追加しています。
VK Blocks Pro のスライダーでカルーセル表示をしてみた
画像が大きく表示されることの対策 最初にスライダーアイテム（画像）が一瞬だけ大きく表示されることを防ぐために、以下の CSS を追加してある。
VK Blocks Pro でカルーセルができるようになった
カルーセルのアイテムをブロックエディターで差し替えできるようになって、更新作業がしやすくなります。 スマホで見ることを考慮すると… [スライダーアイテムエリア内の余白を無くす] に設定して、画像の枚数を 3 […]
Swiper によるスライダーの実装
VK Blocks Pro 1.0.15 には Swiper 5.4.1 が組み込まれていて、別途プラグインをインストールしなくても、いろいろなスライダーを実装することができます。 Swiper のサイト https:/ […]
ウィジェットで複数カテゴリー表示
プラグイン VK All in One Expansion Unit の VK 最近の投稿 ウィジェットを使うと、投稿に複数のカテゴリーが設定されているときにはカテゴリーのボタンを複数個表示します。
Outer 非表示のテスト
Outer ブロックの非表示設定が有効にならない症状は VK Blocks Pro 1.0.15 で修正されました。 この段落の下に Outer ブロックを配置して、非表示 ( 画面サイズ : all ) に設定してあり […]