トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
※ローカルで作成中なので問題が確認できるページのURLをお見せすることができません。
固定ページごとにヘッダーロゴを変更したいと思いフォーラムを検索したところ
以下の「[解決済] 固定ページごとにヘッダーロゴを変更したいです！」で同じような質問がありました。
この回答の中で かんたさんが回答していますコードを使用してロゴ画像の変更はできたのですが、変更したロゴ画像をクリックした時にhomeとは別のページへ移動させたいのですが、可能でしょうか？
ネットで色々調べてみたのですがわからない状態です。
・Aのロゴ画像クリックは元のトップへリンク
・Bのロゴ画像クリックはBのページへリンク
・Cのロゴ画像クリックはCのページへリンク
としたいです。
以下、かんたさんが回答していますコードです。
swell_head_logoフックで固定ページでも投稿でもLPでも個別にロゴ画像を変更できます。
試してないですが、以下のように分岐するだけです。
add_filter('swell_head_logo', function($logo) {
if (is_page( 'page_ID' )){
return '画像のパス';
}elseif (is_page( 'page_ID' )){
return '画像のパス';
}else{ //その他共通のロゴ
return '画像のパス';
}
});
ご教示いただけますと幸いです。
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.9
OS
mac
利用中のWordPressバージョン
6.4.2
ブラウザ
Chrome
利用中のプラグイン一覧
Contact Form 7
Custom Post Type UI
Custom Taxonomy Order
Enable Media Replace
SEO SIMPLE PACK
VK Filter Search Pro
WP Multibyte Patch
Yoast Duplicate Post
投稿済 : 23/01/2024 11:08 am
URL は、home_url( '/' ) で生成されているのでフックで簡単に変更とはいかないと思います。
フックはありますが、ページ内のどの部分の home_url() か判定ができないと思うので難しいです。
https://developer.wordpress.org/reference/hooks/home_url/
.c-headLogo__link という class 名がついているので JS で置き換える方が現実的でしょう。
document.querySelector("c-headLogo__link").href = "任意の URL"; を実行すればいいです。(例外処理はしてください)
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 23/01/2024 12:38 pm
Topic starter
山本大介様
ありがとうございます。
JSで対応しないとダメなのですね・・・
私、ワードプレス初心者なのでJS等詳しくないのですが、JS以外にプラグインなどで同じようなこと（ヘッダーロゴの画像を固定ページ毎に切り替え＆リンク先も変更）を簡単にできたりしませんでしょうか？
何か良い案を教えていただけますと幸いです。
投稿済 : 24/01/2024 9:38 am
JS である必要はありません。それが一番簡単じゃないかな、という程度です。
他にもテンプレートパーツを子テーマで上書きしてもいいです。
ここはテーマ「SWELL」のフォーラムですので、プラグインは自分で探してみてください。
ヘッダのサイトロゴをページごとに変えることは一般的ではないので、フォーラムのサポート範囲を超えると思います。
また、どなたかに有料でお願いすればすぐに解決すると思います。(ココナラた CroudWorks などで募集すればすぐ見つかるかもしれません)
いくつものサイトを単一の WordPress で運用したいならマルチサイトという方法もあります。
最終的な目的が不明なのでご自分で納得される方法を見付けると良いと思います。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 24/01/2024 1:43 pm
Topic starter
ありがとうございました。
投稿済 : 25/01/2024 2:50 am