CSS

WordPress
画像を並べてレイアウトしたメニューのカスタマイズ例 ②新着!!
2024年7月25日

WordPress 6.6 と VK Blocks 1.79 を組み合わせて、ノーコードでうれしいことができるようになりました。

カテゴリー
WordPress
タグ
CSS, グリッドレイアウト, ノーコード
続きを読む
カスタマイズ
画像を並べてレイアウトしたメニューのカスタマイズ例
2024年6月27日

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

カテゴリー
カスタマイズ
タグ
CSS
続きを読む
Lightning G3
Lightning のアーカイブページを2カラムにカスタマイズするやり方
2024年6月22日

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

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

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

カテゴリー
カスタマイズ
タグ
CSS, ブロックパターン, マウスホバー
続きを読む
Lightning G3
アーカイブページをアコーディオン仕様にしたカスタマイズ例
2024年3月11日

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

カテゴリー
Lightning G3, カスタマイズ
タグ
vk_post_view, vk_post_options, CSS, jQuery, フィルターフック
続きを読む
Lightning G3
前の記事・次の記事のレイアウトやデザインを超シンプルにカスタマイズ
2024年2月26日

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

カテゴリー
Lightning G3, カスタマイズ
タグ
CSS, フィルターフック, 前の記事, 次の記事
続きを読む
カスタマイズ
均等に横並びに配置するのはグリッドレイアウトがいちばん扱いやすい
2024年2月3日

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

カテゴリー
カスタマイズ
タグ
CSS, カラムブロック, フレックスボックス, グリッドレイアウト
続きを読む
カスタマイズ
工務店の施工実績② - 斜めにカットした画像をオフセットしてレイアウト
2024年1月23日

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

カテゴリー
カスタマイズ
タグ
CSS, vk-cols--reverse, オフセット, カスタムカラー, ブロックパターン
続きを読む
カスタマイズ
工務店の施工実績① - 斜めにカットした画像をオフセットしてレイアウト
2024年1月23日

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

カテゴリー
カスタマイズ
タグ
CSS, vk-cols--reverse, オフセット
続きを読む
Lightning G3
会員企業アーカイブに企業ロゴを表示する機能を追加しました
2024年1月15日

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

カテゴリー
Lightning G3, カスタマイズ
タグ
CSS, フィルターフック, カスタムフィールド
続きを読む
Lightning G3
ヘッダーに電話番号・お問い合わせボタン・検索窓を追加してドロワーメニュー（ハンバーガーメニュー）と組み合わせたカスタマイズ例
2023年12月23日

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

カテゴリー
Lightning G3, カスタマイズ
タグ
ウィジェット, アクションフック, CSS, ドロワーメニュー, ハンバーガーメニュー
続きを読む
カスタマイズ
うなさんの「できたよシート」に楽しい機能を追加実装しました
2023年12月12日

うなさんのムチャブリにこたえて、12月4日の「できたよシート」に楽しい機能を実装してみました。

カテゴリー
カスタマイズ
タグ
CSS, jQuery, できたよシート
続きを読む