カテゴリー「カスタマイズ」の記事
カスタマイズすると、こんなことできます (^^♪

このカテゴリーには106の記事があります。

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

アクションフックと 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 プロパティを使うと、背景画像と背景色をブレンド(混合)することができます。

カテゴリー
カスタマイズ

ページ内リンクのリンク先でサイトヘッダー(固定ヘッダー)を表示してみた

JavaScript によりこの動きを実装してあります。

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

グローバルナビメニューの中央にヘッダーロゴ画像を配置したカスタマイズ

ヘッダーロゴ画像の左右に配置されているメニュー項目はブロックエディターを使ってお客様側でかんたんに変更していただけるようになっています。

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

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

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

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

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

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

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

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

投稿日を円の中に白抜きで表示しています。月を英語表記にしました。カテゴリーは Lightning Pro のように投稿タイトルの右上に置きました。

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

スライドショーの幅をコンテナ幅に合わせるカスタマイズ

Lightning のスライドショーは初期状態では画面幅いっぱいに表示されますが、スライドショーの幅を小さくしたくなることもあると思います。そのようなときのカスタマイズの一例を紹介します。

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

パソコンで右に、スマホで下にメニューを固定表示するカスタマイズ例

お客様の側でかんたんにメニューの中味を書き換えていただけるようになっています。

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

ヘッダーロゴ画像を中央に 画像付きメニューを左右に配置したカスタマイズ

左右に2つずつ配置されているメニュー項目はお客様側でかんたんに変更を行っていただけるようにしました。

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

アーカイブのドロップダウンで年を選択するカスタマイズ - WordPress

WordPress 6.0 では年でグループ化できるようになっていました。

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

グローバルナビの任意の項目を画面の右端に固定表示するカスタマイズ例

HTML / CSS に関する知識をお持ちでないお客様側でも 外観 ⇒ メニュー で右端に固定表示するナビ項目を自由に設定・差し替えできるようになっています。

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

スクロール時にヘッダーロゴ画像を表示するには - Lightning G3 無料版

このカスタマイズは CSS だけでできます。

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

Google フォントを使ったグローバルナビのカスタマイズ例

Google フォント を使った英語表記メニューの例としてお客様へのデモ用に作ってみたものです。フォントの切り替えができるようになっています。

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