ソースコードの引用について

sui0205
(@sui0205)

13年、 8ヶ月前
お世話になります。

ソースコードを引用するのに｢SyntaxHighlighter Evolved｣というプラグインを入れてみたんですが、
うまく表示されません。。。

投稿ページで以下のタグを入力しました。
```
[html]<div id="header">
<h1><a href="<?php bloginfo('url'); ?>/">
<?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
[/html]
```
そうすると投稿ページでは何の変化もないんですが、
実際にアップをしてみてみると以下のようになってしまいます。
(以下のタグでは｢；｣を大文字で書いてます。小文字勝手に変換してしまうので。。)
```
&lt；div id="header"&gt；
&lt；h1>&lt；a href="&lt；?php bloginfo('url')； ?&gt；/"&gt；
&lt；?php bloginfo('name')； ?>&lt；/a></h1&gt；
&lt；h2>&lt；?php bloginfo('description')； ?>&lt；/h2&gt；
```
このような場合どう対処すればいいでしょうか？

5件の返信を表示中 - 1 - 5件目 (全5件中)

モデレーター jim912
(@jim912)

13年、 8ヶ月前
sui0205さん、こんにちは。

SyntaxHighlighter Evolvedは、
```
<?php wp_footer(); ?>
```
という部分に表示に必要なjsやcssのソースを出力させますので、
1. htmlのフッター部分のソースを見て、SyntaxHighlighter Evolvedのjsやcssが出力されているか確認してください。インストールしたディレクトリ名でこのプラグインのものか違うか判断できるはずです。
2. 出力されていれば、ほかのプラグインのjsなどとの競合が考えられますので、他のプラグインを停止して正しく表示されるか確認してください。テーマそのものがjsを使っている場合、そのjsとの競合なども考えられます。
3. 出力されていないのであれば、テーマにwp_footerのテンプレートタグが存在するか確認してください。
トピック投稿者 sui0205
(@sui0205)

13年、 8ヶ月前

回答ありがとうございます。

1.htmlのフッター部分のソースを見て、SyntaxHighlighter Evolvedのjsやcssが出力されているか確認してください。インストールしたディレクトリ名でこのプラグインのものか違うか判断できるはずです。

htmlのフッター部分のソースというのはどこのことでしょうか？
理解できてなくてすみません。。。

2.出力されていれば、ほかのプラグインのjsなどとの競合が考えられますので、他のプラグインを停止して正しく表示されるか確認してください。テーマそのものがjsを使っている場合、そのjsとの競合なども考えられます。

全てのプラグインを停止させてみましたが変化はありませんでした。
テーマの方なんですが、現在使っているテーマを別のサイト方で使ってみましたが、
そちらではSyntaxHighlighter Evolvedを問題なく使用することができました。
shokun0803
(@shokun0803)

13年、 8ヶ月前
htmlのフッター部分のソースというのはどこのことでしょうか？

まず、footer.phpをよ～く見てみます。すると
```
wp_footer();
```
という記述がどこかにあるはずです。（なかったらどこかに入れなくてはいけません）

次に、上記wp_footer();の入っている場所を確認します。
```
</div>
<?php wp_footer(); ?>
</body>
</html>
```
（上記コードは例です）
のようなコードであれば、実際にブラウザに表示してソースコードを表示してみれば、
```
</div>
ここにjsコードの読み込んでいるソースなどが表示されているはず！
</body>
</html>
```
になるので、ここを確認してみましょう;)
トピック投稿者 sui0205
(@sui0205)

13年、 8ヶ月前
footer.phpを見てみるとこんな感じになってました↓↓
```

<?php global $tpinfo;?>
		<div class="clear"></div>
	</div></div></div>

	<div id="footer">
		<div id="flickrrss"><?php if(function_exists('get_flickrRSS')) get_flickrRSS(array('num_items'=>5));?></div>
		<div id="footer_credit">
		© <?php echo date("Y");?> - <?php bloginfo('name'); ?>
		<?php /*Please leave 1 credit line to the theme designer. Thanks.*/ theme_credit();?>
	</div>
	</div>
</div></div></div>
</div></div>
<div class="hide-div"><?php echo !empty($tpinfo['templatelite_analytics'])? stripslashes($tpinfo['templatelite_analytics']):"";?></div><?php // hide-div ?>
<?php wp_footer();?>
</body>
</html>
```
<!– #wrapper –>というものが見つからないんですが。。。
こういう場合どうすればいんでしょうか？
KKT
(@kvex)

13年、 8ヶ月前
sui0205さん＞
<!– #wrapper –> は気にしなくていいので、最後の
```
<?php wp_footer();?>
</body>
</html>
```
だけ気にしてください。
```
ここにjsコードの読み込んでいるソースなどが表示されているはず！
</body>
</html>
```
となればＯＫです