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

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

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カスタマイズ

最寄駅ごとに賃貸物件のページヘッダー画像を切り替えたカスタマイズ例

フィルターフックと CSS でカスタマイズして、タームごとにカスタム投稿タイプのページヘッダー画像を切り替えています。

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

トップページ(固定ページ)に新着記事を表示する方法 - Lightning 無料版

有料のプラグインを使わずにトップページに新着記事を表示するいくつかの方法を比較しています。

カテゴリー
Lightning G3

スライダーブロックの背景に動画を使用したカスタマイズ例 - VK Blocks

VK Blocks のスライダーブロックの背景に動画を使用して、人物をクリップ加工した背景透過画像をスライダーで表示したカスタマイズ例です。

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