【Wordpress】条件によってリンク文を変えたい

Question

Wordpressでオリジナルテーマを作成しています。

【やりたいこと】
条件によって、文を出力したり、しなかったりしたい。

【詳細と経緯】
❶wordpressオリジナルテーマのheader.phpに、
ナビゲーションメニューを設置し、
フロントページのページ内リンクを記述。
front-page.php（他、数ページ）で呼びだしている。
ページ内リンクではあるが、
フロントページ以外でも機能するようにするため、
テンプレートURLを呼び出すコードを記述しました。

❷スクロールアニメーションをjavascriptで実装した。
だがページ内リンク用であるため、#の前にURL等が記述されていると
機能しないことが判明した。

❸テンプレートURLを削除すると、他のページからフロントページに戻ることができない。
そのため、
「フロントページ」→空白を出力
「それ以外」→テンプレートURLを出力
するコードをPHPの条件分岐で記述したい。

【質問者のスペック】
PHP、jqueryはまだ勉強中のため、ほとんど理解できません。
引数、echoなどについては学習しました。

【現在のコード】

例：

<a href="<?php bloginfo('url'); ?>#master"><li>店主</li></a>

こちらの、<?php bloginfo('url'); ?>を場合によって出力したりしなかったりしたいのです。

お恥ずかしいですが、見よう見まねでかいてみたものがこちらです。

<a href="<?php if ( is_front_page() ) {
} elseif ( is_front_page() ) {
echo '' ";
} else {
echo "bloginfo('url');"
} ?>#master"><li>店主</li></a>

皆様にご教授賜りたい次第です。
どうぞよろしくお願いいたします。

2016/09/12追記

ヘッダ：

<script src="js/smooth-scroll.js"></script>

フッタ：

<script>
	smoothScroll.init() ;
</script>

使わせていただいているスクリプト：
https://github.com/cferdinandi/smooth-scroll/blob/master/dist/js/smooth-scroll.js

です！

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、JavaScriptも提示してください。

[fuzno]

ありがとうございます！了解いたしました。

Answer 1

はじめまして、phpやjqueryは勉強を始めた頃だと何を間違ってるのかもわからないことがよくありますよね。いずれは慣れてくると思いますので頑張ってください。

さて、質問にあったコードをそのまま自分のWordPress環境に貼らせていただいたところ、エラーが出て動かない状況でした。「"（ダブルクオーテーション）」「'（シングルクオーテーション）」のエスケープがしっかりできていないのが問題だと思います。

おそらく、フロントページ以外で「店主」のリンクを表示させたいとのことだと思うのですが、こんな書き方はいかがでしょうか？

<?php if(!is_front_page()) { ?>

<li><a href="<?php bloginfo("url") ?>">テスト</a></li>

<?php } ?>

is_front_page()の前に「!」をつけることでフロントページ以外の場合というif文になっています。
ご確認いただければ幸いです。

Comments

[fuzno]

ありがとうございます！
そうなのです、私の方でもエラーになっていました。申し訳なかったです。

テンプレートURLの部分だけでなく、
メニュー自体を条件によって変えるということですね。
！が「〜以外」になる事、存じ上げませんでした、大変勉強になりました。

ご教示のとおり記述しました所、全く問題なく動作いたしました。
リンクもjavascriptも機能しました。
嬉しかったです。
大変ありがたいです！ありがとうございました。

[dansyaku1981]

お力になれてよかったです。勉強頑張ってください。