著者アーカイブページのタイトルをフィルターフックでカスタマイズしてあります。

対馬 俊彦 からご覧いただいている皆様へ

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

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

このサイトで行っているカスタマイズのやり方の多くもマンツーマンのオンラインレッスン形式などでわかりやすく説明させていただくことができますので、興味がある方はご連絡ください。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

また、制作業者様のサイト制作のお手伝いも数多く行っております。いま人手が足りない、ちょっとここだけコーディングを頼みたい、等々… お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

» ご相談・お問い合わせはこちらからどうぞ

スライドショーの幅をコンテナ幅に合わせるカスタマイズ

Lightning のスライドショーは初期状態では画面幅いっぱいに表示されますが、スライドショーの幅を小さくしたくなることもあると思います。そのようなときのカスタマイズの一例を紹介します。

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

パソコンで右に、スマホで下にメニューを固定表示するカスタマイズ例

お客様の側でかんたんにメニューの中味を書き換えていただけるようになっています。

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

ヘッダーロゴ画像を中央に 画像付きメニューを左右に配置したカスタマイズ

左右に2つずつ配置されているメニュー項目はお客様側でかんたんに変更を行っていただけるようにしました。

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

アーカイブのドロップダウンで年を選択するカスタマイズ - WordPress

WordPress 6.0 では年でグループ化できるようになっていました。

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

グローバルナビの任意の項目を画面の右端に固定表示するカスタマイズ例

HTML / CSS に関する知識をお持ちでないお客様側でも 外観 ⇒ メニュー で右端に固定表示するナビ項目を自由に設定・差し替えできるようになっています。

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

スクロール時にヘッダーロゴ画像を表示するには - Lightning G3 無料版

このカスタマイズは CSS だけでできます。

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

Google フォントを使ったグローバルナビのカスタマイズ例

Google フォント を使った英語表記メニューの例としてお客様へのデモ用に作ってみたものです。フォントの切り替えができるようになっています。

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

グローバルナビの特定のメニュー項目を一時的に非表示にするやり方

セミナーの参加申込みの受付を不定期で行うようなケースで、メニュー項目を削除せずに一時的に非表示にするやり方を紹介しています。

カテゴリー
WordPress

WordPress メニュー編集画面の「詳細メニュー設定」を解説

WordPress で [外観] → [メニュー] でメニューを編集する画面の「詳細メニュー設定」の使い方について解説しています。

カテゴリー
WordPress

グローバルナビの最後の2項目を画面の右端に固定表示するカスタマイズ例

このカスタマイズを行っておくことによって、HTML/CSS をいじらなくてもいいので、誰でもかんたんに 外観 ⇒ メニュー で右端の2項目を設定(差し替えも)できるようになっています。

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

モバイルナビのカスタマイズ例

Lightning G3 のモバイルナビをモノクロのダークカラーでカスタマイズしてみました。

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

スクロール時のヘッダー固定を解除するやり方 - Lightning G3 無料版

フィルターフックを使ってヘッダー固定を解除するカスタマイズ手順を紹介します。

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

パスワードで保護された WordPress の投稿のカスタマイズ例

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

投稿の抜粋をアーカイブページに表示したり、タイトル前の「保護中: 」の表記をアイコンに変更したり、いろいろカスタマイズしています。

この記事にはパスワードが設定されています。

VK Filter Search カスタマイズ例 - アマゾンっぽい小さい検索ボックス

VK Filter Search ブロックをカスタマイズして、アマゾンの検索ボックスのようなデザインでコンパクトなものにしてみました。

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

画像ブロックを下余白なしにするやり方

作業が楽になってきていて、これから CSS のコードを書く機会がだんだん減っていく傾向のように感じています。

カテゴリー
VK Blocks

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

Lightning G3 はフィルターフックでアイコンをカスタマイズできます。

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

VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション②

VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。【続編】

カテゴリー
VK Blocksカスタマイズ

カラムブロックの左右を入れ替える TIPS

カラムブロックに 追加 CSS クラス vk-cols--reverse を指定すると、画面幅が大きいときにカラムの並び順が左右逆になる。

カテゴリー
WordPressその他

VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション

VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。

カテゴリー
VK Blocksカスタマイズ

Font Awesome 6 のアニメーションを VK 見出し・VK ボタン で使ってみる

Font Awesome 6 に追加されたアニメーションを VK 見出し と VK ボタン で使ってみました。

カテゴリー
VK Blocksその他