WordPress
アンカーを指定してリンク先のタブを自動的に切り替えるカスタマイズ例

jQuery のプログラムにより、URL にアンカーを指定してリンク先のページにある新着情報のタブを自動的に切り替えるカスタマイズを行っています。

その他
VK Filter Search カスタマイズ例 – シンプルな検索ボックス

デフォルトの VK Filter Search のままだと検索ボックスが大きいので、カスタマイズしてシンプル・コンパクトなスタイルにしました。

VK Blocks
投稿リスト「テキスト1カラム」にカスタムフィールドを表示するカスタマイズ

テキスト1カラム はフィルターフックが使えない? VK Blocks Pro の 投稿リスト ブロックには以下の表示タイプがあります。 カード (バリエーションが4つある) メディア テキスト1カラム カード と メディ […]

Lightning
モバイルナビメニューに説明欄の文字を表示するカスタマイズ

WordPress テーマ Lightning でフィルターフックを使ってモバイルナビをカスタマイズするやり方を紹介しています。

その他
Contact Form 7 のお問い合わせフォーム レイアウトのカスタマイズ例

メールアドレス、題名、メッセージ本文の入力欄を大きく、そしてフォームを画面中央に配置しています。

Lightning
スクロール時にヘッダーを固定しないやり方 – Lighting Pro / Lightning G3

フィルターフックでカスタマイズしています。

Lightning
スクロール時のグローバルメニューにヘッダーロゴ画像を表示させるカスタマイズ

Lightning G3 Pro Unit はカスタマイズ機能を使ってスクロール時にヘッダーロゴ画像をグローバルメニューに表示することができますが、Lightning Pro + Origin II にはそれに相当するカスタマイズ機能がありません。でも、諦めることはありません!! 以下の CSS を追加すれば同じようなことができますよ。

Lightning
ヘッダー上部のお問い合わせボタンを増やして、スクロール時に画面の右端に配置する方法

今回はヘッダー上部に 参加申込み・資料請求・お問い合わせ の3つのボタンを配置します。

Lightning
ページヘッダーを全幅でなく固定幅にする方法

Lightning に限らず、最近の WordPress テーマで作ったサイトを 4K ディスプレイのような特に大きな画面で見るとページヘッダーが大きすぎてアンバランスです。そこで...

WordPress
カスタムフィールドでトップページのコンテンツとデザインを切り替える

トップページに表示されているお知らせを季節によって切り替えるようにしました。季節に合ったデザインを表示し分けることもできます。

Lightning
投稿の「前の記事」「次の記事」のアイキャッチ画像を削除するやり方

子テーマの functions.php などでフィルターフックを使って改変できます。

WordPress
Outerブロックで左右の余白をPC / タブレット / モバイル毎に数値で設定できるようになりました

Outerブロック内の左右の余白設定は、今まで「コンテンツエリアに合わせる」「アウターエリア内に余白を追加する」「アウターエリア内の余白を無くす」からいずれかを選択するのみでしたが、VK Blocks Pro 1.0.1 […]

Lightning
検索時の該当件数が 0 のときのメッセージの改変 (Lightning Pro 版)

functions.php にフィルターフックを追加してメッセージを改変します。

VK Blocks
投稿リストの「カード(インテキスト)」

WordPress
リストブロックのフォントサイズ

Bootstrap 4 のクラス指定を 追加 CSS クラス に入力してフォントサイズを変更しています。

VK Blocks
VK Blocks Pro のアニメーションブロックは Internet Explorer で表示されない

VK Blocks Pro のアニメーションブロックはかんたんにアニメーション効果を実現できますが、Internet Explorer 11 ではブロックがまったく表示されない ということを理解した上で使わないといけませ […]

VK Blocks
Lightning Pro / Katawara / VK Blocks Pro 投稿リストのレイアウトに カード(インテキスト)を追加しました

投稿リストのレイアウトに カード(インテキスト)を追加しました。 対応製品 Lightning Pro 8.5以降 / Katawara 1.2以降 / VK Blocks Pro 0.60.0以降 対応箇所 外観 &g […]

WordPress
見出しの文字部分だけ下線の色を変えるやり方

LIQUID CORPORATE に組み込まれている JavaScript プログラムを参考にカスタマイズしました。

WordPress
h2 span のテスト

テスト

Lightning
トップページだけ異なるキャンペーンテキストを表示するには

アクションフックを使ってトップページに2つめのキャンペーンテキストを表示できます。