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

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

グローバルメニューの Font Awesome アイコン カスタマイズ例 72通り!!

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。※全72パターンあります。

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

グローバルメニューの Font Awesome アイコン カスタマイズ例

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。

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

投稿のアイキャッチ画像をページヘッダーの背景画像にするカスタマイズ

Lightning G3 Pro Unit は投稿のアイキャッチ画像をページヘッダーの背景画像に設定することができますが、それを無料版でアクションフックを使ってやってみました。

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

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

WordPress 標準の「メディアとテキスト」ブロックを CSS でカスタマイズして、テキストをずらしてメディアに重ねたデザインにしてみました。

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

ページヘッダーに投稿のタイトルを表示するやり方

公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。

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

スライドショーで画像をじわぁ~っとズームインさせるには

スライドショーにフェード効果を設定し、3枚以上のスライドを設定した上で CSS を追加します。

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

カテゴリーやタグのタームの区切り文字「、」を表示しないカスタマイズ

フィルターフックを使って「、」を一括で消してしまいますが、カスタム投稿タイプには影響がないようにします。また、記事の後のカテゴリーにもアイコンをつけます。

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

VK Filter Search でブロックのラベル、ボタンの文字をカスタマイズ

有料版の VK Filter Search Pro にはブロックのラベルの文字や検索ボタンの文字をかんたんにカスタマイズできる機能がありますが、無料版の VK Filter Search でも手間はかかりますがカスタマイズできそうだったので、やってみました。

カテゴリー
カスタマイズ

アーカイブページでのカテゴリー表示のスタイルを変更しました

カテゴリー名をアイキャッチ画像に重ねて表示していましたが、見づらいので、カードの上にタブ形式で表示するスタイル に変更しました。

カテゴリー
カスタマイズ

VK Filter Search で賃貸物件を並べ替えできるようにしました

並べ替えは家賃が安い順、五十音順、登録が新しい順、ランダムのどれかを選べるようにしてあります。

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

グローバルメニューのメニュー項目を三角形にして横幅を小さくした例

ヘッダーロゴ画像とグローバルメニューをページヘッダーに重ねて表示することによりヘッダー部分がコンパクトになっています。メニュー項目を三角形にすると横幅を小さくできるので、項目数が多いときに役立つアイディアです。

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

Lightning G3 無料版で賃貸物件サイトを作ってみた

Lightning 無料版でもフックを使って賃貸物件検索を実用レベルに仕上げることができますが、トップページへの自動表示はむずかしいです。

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

投稿や固定ページのページヘッダーの画像を個別に設定するやり方

編集画面で カスタム CSS に行を追加します。Lightning G3 Pro Unit でも投稿の編集画面にはページヘッダー画像設定がありませんので、この記事で紹介したやり方で設定します。

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

ハンバーガーメニューをパソコンでも使ってみるカスタマイズ 第2弾

【第2弾】パソコン画面でグローバルメニューを使うのを止めて、代わりにモバイルナビ(ハンバーガーボタン)を使うカスタマイズをしてみました。

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

トップページ(特定のページ)だけヘッダーロゴ画像を変更するやり方

Lightning G3 サイトでフィルターフックを使って、ページによってヘッダーロゴ画像を使い分ける方法を紹介します。

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

ハンバーガーメニューのボタンを目立たせるカスタマイズ

デフォルトのハンバーガーボタンのままだと控えめなので、ボタンが目立つように CSS で飲食店向けにカスタマイズして、さらにパソコン、タブレットでも使えるようにしました。ペットサロン向け・カットサロン向けのパターンもあります。

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

パンくずリストのカスタマイズ+α ②

Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。さらにヘッダーの余白をなくしてすっきりさせてみました。

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

グローバルメニューの項目を丸くしてヘッダーをコンパクトにした例

ヘッダーロゴ画像とグローバルメニューをページヘッダーに重ねて表示することによりヘッダー部分がコンパクトになっています。メニュー項目を丸くしてみました。

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

テキスト1カラムの投稿リストでカテゴリーを複数表示【ウィジェット使用】

テキスト1カラム(風の見た目)で複数カテゴリーを表示するカスタマイズをしています。

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

投稿タイトルを Noto Sans JP フォントでカスタマイズ

Lightning 無料版って、投稿のタイトルがいまいちタイトルっぽくないので、Noto Sans JP フォントも使ってスタイルをカスタマイズしてみました。

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