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

既存サイトに WordPress サイトの最新記事を表示する案件

静的 HTML で作られた既存のメインサイトがあり、別途 WordPress で制作したサイトの最新記事を新着情報として組み込む、以下のような案件をお引き受けしました。

既存サイトに WordPress サイトの最新記事を表示する案件

WordPress のサイトのヘッダーロゴ画像のリンク先は WordPress サイト自身のトップページなのですが、今回の案件ではリンク先をメインサイトに変更したくなります。

そこで、カスタマイズのやり方を調べたのですが...

フックが豊富な Lightning G3 でも、ここにはフックが用意されていませんでした。

対馬

たしかに、需要は少ない気が…

jQuery でカスタマイズ

そこで、今回のカスタマイズでは jQuery を使いました。

作業手順としては、JavaScript ファイルがあれば、以下の1行を追加するだけです。

Lightning G3 の場合

$("#site-header-container > .site-header-logo > a").attr("href", "リンク先 URL");

Lightning Pro の場合

$(".siteHeadContainer > .navbar-header > .siteHeader_logo > a").attr("href", "リンク先 URL");

この記事のヘッダーロゴ画像のリンク先をこのやり方で書き換えてあります。

JavaScript ファイルがない場合

以下の記事を参考にどうぞ。

jQuery の書き方については、以下の記事の「JavaScript に以下の行を追加する」のあたりが参考になります。

関連記事

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

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

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

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

メールでのお問い合わせはこちら

Lighting テーマ使用

WordPress サイト開設

スターターパック

  • デザイン済みパーツを組み合わせることで価格納期を大幅削減
  • プロが作ったクオリティが高いホームページ
  • サポート付き・ご自分でかんたんに情報発信できます