カテゴリー「Lightning G3」の記事
2021年5月リリース - 第3世代の Lightning

このカテゴリーアーカイブページのカスタマイズ内容

カテゴリーの説明

アコーディオンの上に表示されている文言はカテゴリーの説明欄に入力してあり、カテゴリーアーカイブページの先頭に表示されます。(下図参照)
これは Lightning の標準機能で、特にカスタマイズしているわけではありません。HTML タグも一部使えます。

ページタイトル

ページタイトルを カテゴリー「○○○○○○」の記事 と表示してあります。
通常は ○○○○○○ のみがページタイトルとして表示されます。

サブテキスト

カテゴリー編集画面にサブテキストの入力欄を追加して、入力されたサブテキストをページタイトルの下に表示しています。

カテゴリー編集画面にサブテキストの入力欄を追加して、入力されたサブテキストをページタイトルの下に表示しています。

このアコーディオンのコンテンツ

このアコーディオンのコンテンツは、アクションフックを使ってカテゴリー「Lightning G3」のアーカイブページの先頭に表示している固定ページです。

アーカイブの最後のコンテンツ

このアーカイブページの最後にもコンテンツを表示してあります。(サイト運営者よりごあいさつ ~ サイト制作・カスタマイズなどに関するお問い合わせ の部分)

アーカイブページの表示タイプ

このサイトの投稿のアーカイブページの表示タイプを「カード」にカスタマイズしています。

そして、このカテゴリー「Lightning G3」のアーカイブページだけを「Lightning 標準」にしてカスタマイズありますが、このサイトのように1カラムレイアウトだと大きく表示されてしまいますので、パソコンでは2列表示になるようにしてあります。

このカスタマイズは「カスタム投稿タイプまで作らなくてもいいかな…」ってときに使えるかもしれません。

こちらのアーカイブページ では、表示タイプに加えてページヘッダーのデザインもカスタマイズしています。

弊社 (魚沼情報サービス) ではこのようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。

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

グローバルナビメニューのお問い合わせだけスタイルを変えてみました

グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。

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

ヘッダーロゴ画像のリンク先を変更するやり方

フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。

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

404 ページをカスタマイズしてみた

大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。

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

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

投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。

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

外部リンクに Font Awesome アイコンをつけるカスタマイズ

段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。

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

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

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

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

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

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

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

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

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

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

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

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

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

ブロックエディタのカラーパレットにカスタム色を追加できるようになった

無料版の Lightning にこの機能を持たせるところにベクトルさんの気前の良さを感じます。

カテゴリー
Lightning G3

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

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

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

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

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

カテゴリー
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カスタマイズ

この下のコンテンツは、アクションフックを使ってカテゴリー「Lightning G3」のアーカイブページに固定ページを表示しているものです。

アーカイブページのカスタマイズの一例としてご覧ください。

サイト運営者よりごあいさつ

魚沼情報サービス 代表 対馬 俊彦

対馬 俊彦 魚沼情報サービス 代表

Toshihiko Tsushima

このサイトにアクセスしていただき、ありがとうございます。サイトを運営している、魚沼情報サービスの対馬(つしま) と申します。

WordPress を使用したサイト制作・カスタマイズは全国どこからでも承っています。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら…という方にご好評いただいています。

サイト制作・カスタマイズなどに関するお問い合わせ

ご依頼およびサービス内容へのご質問などお気軽にお問い合わせください