「CSS」というタグがついている記事

このタグが付いた記事は67あります。

WordPress コアのナビゲーションを使ったオーバーレイメニュー【完成版】

オーバーレイメニューをパソコンでも表示するカスタマイズ例です。

カテゴリー
WordPressカスタマイズ

ナビゲーションブロック (WordPress コア) を使ったオーバーレイメニュー

ハンバーガーボタンの表示位置を CSS でカスタマイズしてヘッダーに表示しました。オーバーレイメニューのスタイルはノーコードで設定できます。

カテゴリー
WordPressカスタマイズ

スライダーとクエリーループで新着記事をカルーセル表示 - VK Blocks

有料版の VK Blocks Pro を使わなくても、組み合わせのアイディア次第でここまでできるんです。

カテゴリー
VK Blocksカスタマイズ

全画面表示のスライドショー例 - VK Blocks スライダーを使用

カバーブロックと組み合わせて、CSS でカスタマイズしました。

カテゴリー
VK Blocksカスタマイズ

ヘッダーに検索窓を設置したカスタマイズ例③

アクションフックと jQuery・CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

スライダーの前後ボタンとページネーションを外に出してみた - VK Blocks

前後ボタンは画面幅が1200px以上のときだけ外側に表示するようにメディアクエリで調整してあります。

カテゴリー
VK Blocksカスタマイズ

全幅のスライダーブロックの最大幅を指定したカスタマイズ例 - VK Blocks

スライドショーやスライダーを全幅で表示すると、フルHDやそれ以上の大きな画面で見たときに「大き過ぎる」と感じてしまう方もいらっしゃると思います。

カテゴリー
VK Blocksカスタマイズ

カスタム投稿タイプ「おいしい料理」を追加しました

ページヘッダーの背景画像にフルサイズのアイキャッチ画像を表示して、ひと目で料理のおいしさが伝わるようにしました。

カテゴリー
カスタマイズ

Lightning を Katawara 風レイアウトにカスタマイズしてみた

Lightning のヘッダーロゴとグローバルナビゲーションを Katawara 風に画面の左側に配置したカスタマイズ例です。

カテゴリー
Lightning G3カスタマイズ

ヘッダーに検索窓を設置したカスタマイズ例②

アクションフックと CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

ヘッダーに検索窓を設置したカスタマイズ例①

アクションフックと jQuery・CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

VK Filter Search を使用した賃貸物件検索ページの機能追加

検索結果の画面で見出しが自動的に切り替わる機能と検索条件の表示/非表示を切り替えできる機能を追加しました。検索条件の項目が多いときに検索結果が見やすくなります。

カテゴリー
カスタマイズその他

ボタンブロックのマウスホバー時の色を指定する - WordPress

【2022.10.23 仕様変更により使いやすくなりました】ボタンの色を指定した場合もカスタマイズで指定したキーカラーを元に決定された色がマウスホバー時に使われますので、指定したボタンの色と合わないと感じることがあります。

カテゴリー
Lightning G3カスタマイズ

Hover.css を使って VK ボタンをカスタマイズしてみた

VK ボタンと Hover.css のスタイルがバッティングしたり相性が悪かったりするので調整が必要ですが、調整してしまえば使いやすいです。

カテゴリー
VK Blocksカスタマイズ

モバイルナビのオーバーレイメニューをカスタマイズしてパソコンでも使う

カスタマイズしてフェードイン方式のオーバーレイメニューに変更して、そのオーバーレイメニューをパソコンでも使用するようにしてあります。

カテゴリー
Lightning G3カスタマイズ

メディアとテキストブロック (WordPress) のカスタマイズ例②

WordPress 標準のメディアとテキストブロックをカスタマイズして、テキストをメディアに重ねたデザインにしてみました。縦書き・横書きの両パターンを作ってあります。

カテゴリー
WordPressカスタマイズ

前の記事・次の記事のオーバーレイの色を黒から白に変更するカスタマイズ

カスタマイズ初心者向けに CSS を使ってカスタマイズするやり方を紹介します。

カテゴリー
Lightning G3カスタマイズ

画面幅によって背景画像を透過設定するやり方

CSS の background-blend-mode プロパティを使うと、背景画像と背景色をブレンド(混合)することができます。

カテゴリー
カスタマイズ

オーバーレイメニューを実装したカスタマイズ例 ①

お客様の側でメニューの追加・変更を容易に行うことができます。

カテゴリー
Lightning G3カスタマイズ

個別投稿ページの投稿日・カテゴリーのカスタマイズ例②

投稿タイトルの左端に斜めに区切ったエリアを作り、カテゴリーと投稿日を白抜き表示にしています。

カテゴリー
Lightning G3カスタマイズ