コンテンツに移動 ナビゲーションに移動

WordPress テーマ「Lightning Pro」、デザインスキン「Fort II」のカスタマイズ事例、便利な使用方法やアイディアなどを載せています。

Lightning Pro + Fort II のカスタマイズ、TIPS

サイト開設
サポート
デモサイト
  • トップページTop
  • このサイトについてSite Info
  • ブログBlog
  • CONTACT

対馬 俊彦

WordPress の設定・カスタマイズを Zoom オンラインサポートでお手伝いします。詳しくはこちら
  1. HOME
  2. 対馬 俊彦
2022年5月7日 / 最終更新日 : 2025年9月30日 対馬 俊彦 Lightning Pro

パンくずリストの先頭のアイコン・表記を変更するには

Lightning Pro はフィルターフックで先頭のアイコンと表記をカスタマイズできます。
2022年2月26日 / 最終更新日 : 2025年9月30日 対馬 俊彦 Lightning Pro

グローバルナビメニューのお問い合わせを目立たせるカスタマイズ例

お問い合わせボタンを右端に配置して、大きな白抜きアイコン表示で目立たせます。
2021年7月22日 / 最終更新日 : 2025年9月30日 対馬 俊彦 Lightning Pro

CLS を改善するやり方

数行の CSS を追加して、ヘッダーロゴ画像のサイズを指定することにより CLS (Cumulative Layout Shift) スコアが改善します。
2021年7月6日 / 最終更新日 : 2025年10月5日 対馬 俊彦 Fort

ヘッダー右側に複数のボタンを配置して、スマホにもPCのスクロール時にも表示させるカスタマイズ

参加申込み・イベント日程・資料請求 の3つのボタンを配置してみます。この記事のやり方は Fort II スキン限定 です。
2021年3月20日 / 最終更新日 : 2026年1月14日 対馬 俊彦 VK Blocks Pro

Outer 非表示のテスト

この段落の下に Outer ブロックを配置して、非表示 ( 画面サイズ : all ) に設定してあります。

Lightning Pro + Fort II

WordPress テーマ「Lightning Pro」およびデザインスキン「Fort II」でいろいろと試しています。
役に立つ情報の発信もなるべくしようと心がけていますが、お客様に提示するカスタマイズ案のショーケースとして使ったり、自分の勉強・備忘録のために使ったり、動作確認でテスト投稿したり…というサイトなので、手順の説明などを詳しく載せていないものやナニコレ？的なものがあります。その点はご了承ください。

魚沼情報サービス https://uonuma-js.com/

従来の検索ウィジェット

検索ブロック

検索ブロック（ピン角にカスタマイズ）

検索ブロック（角丸にカスタマイズ）

Copyright © Lightning Pro + Fort II のカスタマイズ、TIPS All Rights Reserved.

MENU
  • ホームHome
  • このサイトについてAbout This Site
  • ブログBlog

サイト制作・カスタマイズなど、お気軽にお問い合わせください。025-779-2843電話受付時間 9:00-17:00 [ 土・日・祝日除く ]

メールでのご相談・お問い合わせ
PAGE TOP