カテゴリー「Lightning Pro」の記事

Lightning Pro
なんちゃってハンバーガーメニュー

クリックで開閉するハンバーガーメニューではなく、マウスのホバーで開く「なんちゃって」なハンバーガーメニューです。

Lightning Pro
メニュー項目が多い場合の対処法:3列で表示

このサイトのナビゲーションメニューの メニュー 1 をクリックすると多くのメニュー項目が表示されます。 画面に表示しきれなくなったときの対策として、以下のように CSS で設定して3列に表示してみます。 many-ite […]

Lightning Pro
メニュー項目が多い場合の対処法:overflow-y: scroll;

このサイトのナビゲーションメニューの メニュー 1 をクリックすると多くのメニュー項目が表示されます。 画面に表示しきれなくなったときの対策として、以下のように overflow-y プロパティを設定してみます。

Lightning Pro
メニュー項目が多い場合の対処法:overflow-y: auto; でスクロール

このサイトのナビゲーションメニューの メニュー 1 をクリックすると多くのメニュー項目が表示されます。 画面に表示しきれなくなったときの対策として、以下のように overflow-y プロパティを設定してみます。

Lightning Pro
VK Filter Search

Lightning Pro
パンくずリストの HOME を ホーム に変更するには

JavaScript を使ってパンくずリストの先頭のアイコンや表記を変更することができます。

Lightning Pro
ヘッダーナビで孫メニューを2列で表示する

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

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

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

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

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

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

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

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

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

Lightning Pro
デフォルトスタイルのテーブルに縦のボーダーも表示する

カスタム CSS に以下の行を入力すると、デフォルトスタイルのテーブルに(横だけでなく)縦のボーダーも表示できます。 会社名 魚沼情報サービス 郵便番号 949-7242 住所 新潟県南魚沼市黒土118 電話番号 025 […]