Lightning Pro
ヘッダーナビで孫メニューを下ではなく右に開く

このページ上部のナビゲーションで、メニュー 1 ⇒ サブメニュー 1-2 の順に開くと以下のように孫メニューが表示されます。

VK Blocks Pro
VK Blocks Pro 1.3.0 の新機能「アコーディオンブロック」

スタイル「背景なし」 スタイル「背景あり / 角丸 / 枠線」 以下のアコーディンブロックはアコーディオンタイトルの 段落 を VK 見出し に置き換えて、Font Awesome アイコンを追加しています。

WordPress
プラグインを作ってみました

この電話番号・FAX番号のようなラベルをブロックエディターでかんたんに入力できるように、プラグインを作ってみました。 電話番号 012-345-6789 FAX番号 098-765-4321 自作プラグインにより、赤枠で […]

Lightning Pro
Lightning Pro (第2世代) でフッターナビを右寄せ・中央揃えするには

CSS で右寄せできます。Lightning G3 Pro Unit は CSS を書かなくてもカスタマイズ画面でフッターナビの位置を指定できるようになっています。

VK Blocks Pro
VK Blocks Pro のスライダーでカルーセル表示をしてみた

画像が大きく表示されることの対策 最初にスライダーアイテム(画像)が一瞬だけ大きく表示されることを防ぐために、以下の CSS を追加してある。

VK Blocks Pro
VK Blocks Pro でカルーセルができるようになった

カルーセルのアイテムをブロックエディターで差し替えできるようになって、更新作業がしやすくなります。 スマホで見ることを考慮すると… [スライダーアイテムエリア内の余白を無くす] に設定して、画像の枚数を 3 […]

その他
Font Awesome アイコン表示

上記のHTMLコードを [カスタム HTML] ブロックに入れると、以下の Twitter アイコンが表示されます。 Twitter 以外のアイコンのコードを Font Awesome のサイトで調べることができます。

VK Blocks Pro
Swiper によるスライダーの実装

VK Blocks Pro 1.0.15 には Swiper 5.4.1 が組み込まれていて、別途プラグインをインストールしなくても、いろいろなスライダーを実装することができます。 Swiper のサイト https:/ […]

Lightning Pro
ウィジェットで複数カテゴリー表示

プラグイン VK All in One Expansion Unit の VK 最近の投稿 ウィジェットを使うと、投稿に複数のカテゴリーが設定されているときにはカテゴリーのボタンを複数個表示します。

VK Blocks Pro
Outer 非表示のテスト

Outer ブロックの非表示設定が有効にならない症状は VK Blocks Pro 1.0.15 で修正されました。 この段落の下に Outer ブロックを配置して、非表示 ( 画面サイズ : all ) に設定してあり […]

Lightning Pro
スクロールしたときにヘッダーロゴ画像を表示するカスタマイズ

以前の Origin のようにスクロール時もヘッダーロゴ画像を表示したい場合に CSS でカスタマイズする方法を紹介します。

WordPress
WordPress 5.7 の埋め込み URL

WordPress 5.7 にアップデートしたら、Chrome や Edge で表示するとブログカードで表示されなくなってしまいました。 Firefox だといままで通りにブログカードで表示されます。 試しに新規に Wo […]