WordPress

オンラインサポート

カスタマイズ・トラブル・

設定もお手伝いします

おすすめの投稿

VK Blocks Pro の投稿リストスライダーを使って、このサイトのおすすめの投稿の中からランダムに5件をピックアップしてカルーセル動作をするようにしてあります。

新着情報

2026年7月13日VK Blocks Pro

テキスト1カラムの投稿リストの日付のアイコンを非表示にしました

2025年10月4日Lightning G3

テキストを出し分けてみた

2025年6月4日VK Blocks Pro

画面遷移せずに VK Blocks Pro の投稿リストをカテゴリーで絞り込む②

2025年4月26日Lightning G3

カスタム分類で選択された複数のタームを親→子の順に表示した例

2025年1月17日VK Blocks Pro

ローディング画面の作り方 - VK Blocks Pro の固定表示ブロックを使用

2024年10月24日Lightning G3

サブメニューを開く親項目のリンクを無効にしたスマホ対応のカスタマイズ

2024年8月28日VK Filter Search Pro

日付ではなく年と月で範囲を指定して検索するカスタマイズ例

2024年1月24日カスタマイズ

タイトルを縦書きでブロックを左右交互にレイアウトした賃貸物件サイト例

2023年7月23日VK Blocks Pro

VK 投稿リストでカスタム分類のタームを親→子の順に表示した例

2023年6月20日ExUnit

VK 最近の投稿ウィジェットでクエリを改変するフィルターフック

2023年6月13日ExUnit

個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例

2023年5月17日Lightning G3

グローバルナビのロゴ画像を中央に配置したカスタマイズ例

2023年5月2日WordPress

アーカイブページのカスタマイズ例いくつか (賃貸物件など)

2023年2月14日VK Blocks Pro

スライダーに丸抜き画像+テキストのメニューを重ねたカスタマイズ例

2023年1月30日VK Blocks Pro

投稿リスト(アーカイブページ)のカスタマイズ例 - VK Blocks Pro

2023年1月30日VK Blocks Pro

投稿リスト(アーカイブページ)のカスタマイズ前 - VK Blocks Pro

2023年1月25日VK Blocks Pro

VK Blocks Pro 1.49.0 の新機能「カスタムブロックスタイル設定」

2023年1月20日VK Blocks Pro

投稿リスト「カード (インテキスト)」のカスタマイズ例 (VK Blocks Pro)

2023年1月5日Lightning G3

フルサイズのアイキャッチ画像を投稿のページヘッダー背景画像に使うには

2023年1月4日VK Blocks Pro

投稿リスト「テキスト1カラム」に抜粋を表示したカスタマイズ例

サイトを増設しました

このサイトはあれこれカスタマイズし過ぎて非常に混沌としてきて、新たにカスタマイズを行うと以前に行ったカスタマイズとバッティングしてレイアウトくずれが発生して困るってことが起きるようになったので😅、下記のサイトを増設してこちらにも実装例を載せていくことにしました。

おすすめ賃貸物件
(デモ)

VK Blocks Pro投稿リスト を使って、おすすめ物件を自動表示しています。

姉妹サイトのご案内

WordPress の 100% GPL ライセンスの無料テーマ「Lightning G3」でいろいろと試しています。

無料のテーマとプラグインだけでどこまでできるのか?…ということに興味を持って開設したサイトです。CSS を書いたり、アクションフック・フィルターフックや jQuery などを駆使すれば、(時間と手間はかかりますが) 無料版でもたいていのことはできるということを示してみたいと思いますが、はたしてどのような結果になっているでしょうか?

WordPress / Lightning
のカスタマイズを承ります

ベクトル公式テクニカルパートナー
があなたをお手伝いします

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

自分用メモ
CLS スコアを改善するためにこの固定ページの カスタム CSS に以下のコードを書いてあるので、スライドショーの画像を縦横比が異なるものに差し替えるときには CSS の書き換えが必要。

.ltg-slide picture img { height: calc( 100vw * ( 500 / 1000 ) ); }

@media (min-width: 768px) {
.ltg-slide picture img { height: calc( ( 100vw - 20px ) * ( 450 / 1900 ) ); }
}