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

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

画面遷移せずにクエリーループの投稿リストをカテゴリーで絞り込む

画面遷移をせずに絞り込みを行いたいという需要は一定数あるようで、その需要の多くにはこのカスタマイズで対応できるかもしれないと考えています。

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

上下にジグザグ配置された一定速度でゆっくり動くカルーセル②

VK Blocks のスライダーブロックをカスタマイズしました。お客様に更新していただきやすいようにブロック構成を見直した第2弾です。

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

上下にジグザグ配置された一定速度でゆっくり動くカルーセル

VK Blocks のスライダーブロックをカスタマイズして作りました。

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

WordPress コアの RSS ブロックのカスタマイズ例

WordPress コアの RSS ブロックをカスタマイズした例を載せています。

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

画面下部に固定するレスポンシブ対応バナーの制作例

ブロックエディターを使って画像やテキスト、リンク先、背景色の変更を行うことができます。

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

グリッドレイアウトで作った料理レシピのブロックパターン②(CSS で調整)

どの画面幅でもきれいにレイアウトされるように CSS を書いて調整してあります。

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

先頭の文字の背景を白い円にしたカスタマイズ例

どの文字にも適用できるように、汎用性があるやり方にしました。

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

WordPress のギャラリーブロックのカスタマイズ例

デフォルト状態だと使いづらいので、いろいろとカスタマイズしてみました。

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

リストブロックの 数字-丸 と 数字-四角 の番号を小さめにしてみた

単独で使う場合は、「数字が大きくて見やすくていいなぁ...」と喜んで使っていたのですが、複数のスタイルを組み合わせて使ったらアンバランスに感じました。

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

クエリーループで作った新着投稿に動きを持たせたカスタマイズ例

グラデーションをつけたテキストをゆっくりと動かして、クエリーループで作った投稿リストをカルーセル仕様にしてあります。

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

VK スライダーのカスタマイズ例 - スライドした後で画像がフェードイン

架空のグルメイベントを想定して、登場するシェフの紹介を VK Blocks のスライダーで作ってみました。

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

スライダーに画像ボタンメニューを重ねたカスタマイズ例② (VK Blocks)

画像ボタンのメニューがスライダーに重なるように CSS でカスタマイズして、工務店サイトをイメージして作ってみました。

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

開閉するサイドメニューにカスタム投稿タイプを表示するカスタマイズ例

カスタム投稿タイプを表示する仕様になっていますので、WordPress に詳しくない方でもかんたんに表示するコンテンツを切り替えることができます。

カテゴリー
カスタマイズ

ヘッダーに電話番号・お問い合わせボタン・検索窓・ハンバーガーメニューを追加した例

WordPress コアのナビゲーションを使ったオーバーレイメニューと組み合わせてカスタマイズしました。

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

ヘッダーに電話番号とボタンを追加したカスタマイズ例④

VK お問い合わせ セクション をウィジェットに配置してヘッダーに表示するやり方を採用しています。

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

Lightning のサイドバーに背景色を設定してみた

::before 疑似要素を使って背景色を設定してみました。このやり方だと他のところに影響はないはず。

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

グローバルナビのマウスホバー効果のカスタマイズ例

マウスを合わせるとメニュー項目の中央から外側に向かって背景色が広がる動きを設定しました。

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

カスタム投稿タイプ「賃貸物件」に設備のアイコンを追加しました

カテゴリーの色を取得してアイコンの色に設定しています。

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

イベントのカテゴリー、イベント名、開催日をページヘッダーに表示した例

ページヘッダーを見るだけでイベントの概要がひと目でわかるようにしてあります。

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

ヘッダーのロゴ画像とグローバルナビがフェードインするカスタマイズ例

あわせて、このサイトのトップページも同様のやり方でカスタマイズを行いました。

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