カスタマイズしたことをあれこれ記事に書いています
CSS / JavaScript / PHP などでカスタマイズすると、いろんなことができます😊
ページヘッダーに投稿のタイトルを表示するやり方2021年10月15日
公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。
スライドショーで画像をじわぁ～っとズームインさせるには2021年9月24日
スライドショーにフェード効果を設定し、3枚以上のスライドを設定した上で CSS を追加します。
カテゴリーやタグのタームの区切り文字「、」を表示しないカスタマイズ2021年9月16日
フィルターフックを使って「、」を一括で消してしまいますが、カスタム投稿タイプには影響がないようにします。また、記事の後のカテゴリーにもアイコンをつけます。
VK Filter Search でブロックのラベル、ボタンの文字をカスタマイズ2021年9月16日
有料版の VK Filter Search Pro にはブロックのラベルの文字や検索ボタンの文字をかんたんにカスタマイズできる機能がありますが、無料版の VK Filter Search でも手間はかかりますがカスタマイズできそうだったので、やってみました。
- カテゴリー
- カスタマイズ
アーカイブページでのカテゴリー表示のスタイルを変更しました2021年9月15日
カテゴリー名をアイキャッチ画像に重ねて表示していましたが、見づらいので、カードの上にタブ形式で表示するスタイル に変更しました。
VK Filter Search で賃貸物件を並べ替えできるようにしました2021年9月10日
並べ替えは家賃が安い順、五十音順、登録が新しい順、ランダムのどれかを選べるようにしてあります。
グローバルメニューのメニュー項目を三角形にして横幅を小さくした例2021年9月6日
ヘッダーロゴ画像とグローバルメニューをページヘッダーに重ねて表示することによりヘッダー部分がコンパクトになっています。メニュー項目を三角形にすると横幅を小さくできるので、項目数が多いときに役立つアイディアです。
Lightning G3 無料版で賃貸物件サイトを作ってみた2021年9月3日
Lightning 無料版でもフックを使って賃貸物件検索を実用レベルに仕上げることができますが、トップページへの自動表示はむずかしいです。
投稿や固定ページのページヘッダーの画像を個別に設定するやり方2021年9月1日
編集画面で カスタム CSS に行を追加します。Lightning G3 Pro Unit でも投稿の編集画面にはページヘッダー画像設定がありませんので、この記事で紹介したやり方で設定します。
ハンバーガーメニューをパソコンでも使ってみるカスタマイズ 第2弾2021年8月26日
【第2弾】パソコン画面でグローバルメニューを使うのを止めて、代わりにモバイルナビ（ハンバーガーボタン）を使うカスタマイズをしてみました。
トップページ(特定のページ)だけヘッダーロゴ画像を変更するやり方2021年8月25日
Lightning G3 サイトでフィルターフックを使って、ページによってヘッダーロゴ画像を使い分ける方法を紹介します。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- フィルターフック
ハンバーガーメニューのボタンをアイコン表示で目立たせるカスタマイズ2021年8月23日
デフォルトのハンバーガーボタンのままだと控えめなので、ボタンが目立つように CSS で飲食店向けにカスタマイズして、さらにパソコン、タブレットでも使えるようにしました。ペットサロン向け・カットサロン向けのパターンもあります。
- カテゴリー
- Lightning G3カスタマイズ
パンくずリストのカスタマイズ＋α ②2021年8月23日
Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。さらにヘッダーの余白をなくしてすっきりさせてみました。
グローバルメニューの項目を丸くしてヘッダーをコンパクトにした例2021年8月21日
ヘッダーロゴ画像とグローバルメニューをページヘッダーに重ねて表示することによりヘッダー部分がコンパクトになっています。メニュー項目を丸くしてみました。
テキスト1カラムの投稿リストでカテゴリーを複数表示【ウィジェット使用】2021年8月21日
テキスト1カラム(風の見た目)で複数カテゴリーを表示するカスタマイズをしています。
- カテゴリー
- Lightning G3カスタマイズ
投稿タイトルを Noto Sans JP フォントでカスタマイズ2021年8月19日
Lightning 無料版って、投稿のタイトルがいまいちタイトルっぽくないので、Noto Sans JP フォントも使ってスタイルをカスタマイズしてみました。
ハンバーガーメニューをパソコンでも使ってみるカスタマイズ2021年8月16日
パソコン画面でグローバルメニューを使うのを止めて、代わりにモバイルナビ（ハンバーガーボタン）を使うカスタマイズをしてみました。
パンくずリストのカスタマイズ＋α2021年8月16日
Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。
Lightning っぽくない個性的なヘッダーにするカスタマイズ例2021年8月6日
ヘッダー部分をカスタマイズして、ひと目では Lightning とわからないようなデザインにするやり方を紹介します。