CSS

カスタマイズ
フィットネスクラブのスタッフ紹介 - マウスホバーでコンテンツを切り替え
2024年3月23日

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

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

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

カテゴリー
Lightning G3, カスタマイズ
タグ
CSS, jQuery, フィルターフック, vk_post_view, vk_post_options
続きを読む
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, できたよシート
続きを読む
その他
CSS でテキストにグラデーションを設定するやり方
2023年12月5日

コーディングを依頼されたデザインで見出しのテキストがグラデーションになっているので、どうやってやるのか調べてみました。

カテゴリー
その他
タグ
CSS, グラデーション
続きを読む
カスタマイズ
VK All in One Expansion Unit のお問い合わせセクションをフローティングバナーとしても使えるプラグイン
2023年11月12日

ExUnit の隠し機能（？）を使ってフローティングバナーとしても使えるプラグインです。

カテゴリー
カスタマイズ, ExUnit
タグ
アクションフック, CSS, jQuery, 自作プラグイン
続きを読む
WordPress
クエリーループだけで新着記事カルーセルを実装したカスタマイズ例 改良版
2023年10月24日

単一のクエリーループで実装した新着記事カルーセルを実案件で使えるレベルにした改良版です。

カテゴリー
WordPress, カスタマイズ
タグ
カルーセル, クエリーループ, Swiper, CSS, jQuery
続きを読む