リンク読み込みがおかしい【wordpress】

###投稿一覧ページから他のページへ飛ぶとcssがくずれる

例えば、http://xxxx/xxxxx/customer_voice/というページから別ページのお問い合わせページへ飛んだ際に、http://xxxx/xxxxx/customer_voice/contactとなってしまいcssが崩れてしまいます。

本来は、http://xxxx/xxxxx/contactという風にリンクが表示されるはずなのですが。

上記のようにcustomer_voiceという部分がお問い合わせページに飛んだ際もくっついてきます。お問い合わせページのみだけでなく他のページにとんだ際も同じ問題が起きます

また、これは投稿一覧ページとカスタム投稿一覧ページから他のページへ飛ぶ際にのみ起こっています。

ちなみに、以下の際は起こりません。
①個別記事ページから他のページへ飛ぶ際は問題なく飛べる。
②ホーム画面のページから投稿一覧ページへ飛ぶ際も起こらない。
例：「ホーム画面→ブログ投稿一覧ページ→お問い合わせページ」　は問題なし
しかし、「ホーム画面→ブログ投稿一覧ページ→お問い合わせページ→ブログ一覧ページ」になるとブログ一覧ページのcssが一気に崩れる。(ちなみに、この際に本来はhttp://xxxx/xxxxx/blogという風に表示されるはずなのですが、http://xxxx/xxxxx/first-blog/blogというリンクになり、作った記事のスラッグ(first-blog)が出てきます。

いろいろ調べても不明なので、
お力貸していただけると嬉しく思います。
よろしくお願いします・

行動規範の内容に同意します

回答1件

ベストアンサー

HTMLのテンプレートファイルに他のページのリンクを書く場合、
「http://...」から始まるURLをベタ書きするか、ドキュメントルートからのパスを書くか

HTML
1<a href="http://aaa.com/xxxxx/contact">お問い合わせ</a>
2<a href="/xxxxx/contact">お問い合わせ</a>
3
4<link rel="stylesheet" href="http://aaa.com/wp-content/themes/xxxx/style.css">
5<link rel="stylesheet" href="/wp-content/themes/xxxx/style.css">

WordPressの標準関数home_url();やget_template_directory_uri();を使用してホームのURLを取得するか

PHP
1<a href="<?php echo home_url(); ?>/xxxxx/contact">お問い合わせ</a>
2
3<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">

だと思います。

共通のheader.phpやfooter.phpに以下のように相対パスで書くのはNGです。
質問のような状態になってしまいます。

HTML
1<a href="./contact">お問い合わせ</a>
2<link rel="stylesheet" href="./wp-content/themes/xxxx/style.css">

投稿2020/03/26 09:09

new1ro

総合スコア4528

codemanvs

2020/03/26 09:59 編集

ご回答ありがとうございます。 new1roさんの回答を元に見直してみると、おっしゃる通りa href="<?php echo home_url('スラッグ'); ?>"とすべきなのに、<?php echo home_url('~~~'); ?>を飛ばして、a href="スラッグ"のみしかしていませんでした。修正した結果、問題なくしっかりとリンクが読み込めました。逆に a href="スラッグ"だけでも他のページは読み込めるんですね。。。ご回答いただき本当にありがとうございます。感謝しております。。。