カスタマイズ

カスタマイズ
画像を並べてレイアウトしたメニューのカスタマイズ例

マウスホバーで画像に被せた色が解除されて、アイコンが変化します。レスポンシブ対応済み。

カテゴリー
カスタマイズ
続きを読む
Lightning G3
Lightning のアーカイブページを2カラムにカスタマイズするやり方

CSS を使ってアーカイブページを2カラムでコンパクトに表示するカスタマイズのやり方を紹介しています。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
カスタマイズ
フィットネスクラブのスタッフ紹介 - マウスホバーでコンテンツを切り替え

マウスホバーで(スマホではタップで)クルっと回るエフェクト付きでコンテンツが切り替えるカスタマイズ例を作ってみました。

カテゴリー
カスタマイズ
続きを読む
Lightning G3
アーカイブページをアコーディオン仕様にしたカスタマイズ例

FAQ のように個々の投稿のコンテンツが比較的小さく、投稿の件数が多いカスタム投稿タイプに適したカスタマイズです。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
Lightning G3
前の記事・次の記事のレイアウトやデザインを超シンプルにカスタマイズ

フィルターフックと CSS を使ってカスタマイズしました。

カテゴリー
Lightning G3, カスタマイズ
続きを読む
カスタマイズ
タイトルだけを検索対象としてブログを検索するフォーム

カスタム投稿タイプでの利用を想定して、本文・抜粋を含めずに検索するカスタマイズを行っています。

カテゴリー
カスタマイズ
続きを読む
カスタマイズ
均等に横並びに配置するのはグリッドレイアウトがいちばん扱いやすい

カラムブロック、フレックスボックス、グリッドレイアウトで「お客様の声」を作って比較してみました。

カテゴリー
カスタマイズ
続きを読む
カスタマイズ
工務店の施工実績② - 斜めにカットした画像をオフセットしてレイアウト

【背景色あり】斜めにカットした画像を左右交互に配置してみました。オフセットを大きめにしてあります。

カテゴリー
カスタマイズ
続きを読む
カスタマイズ
工務店の施工実績① - 斜めにカットした画像をオフセットしてレイアウト

斜めにカットした画像を左右交互に配置してみました。オフセットを大きめにしてあります。

カテゴリー
カスタマイズ
続きを読む
カスタマイズ
会員企業アーカイブに企業ロゴを表示する機能を追加しました

カスタムフィールド、フィルターフック、CSS を使ってカスタマイズしました。

カテゴリー
カスタマイズ, Lightning G3
続きを読む
カスタマイズ
VK Blocks のスライダーを工務店サイト向けにカスタマイズした例

時間があるときにこういうブロックパターンを作ってストックしておくと、サイト制作のときに役立ちます。

カテゴリー
カスタマイズ, VK Blocks
続きを読む
Lightning G3
ヘッダーに電話番号・お問い合わせボタン・検索窓を追加してドロワーメニュー(ハンバーガーメニュー)と組み合わせたカスタマイズ例

ウィジェットを使ってブロックを配置しています。アクションフックと CSS も使っています。

カテゴリー
Lightning G3, カスタマイズ
続きを読む