サポート » プラグイン » ソースコードの引用について

  • お世話になります。

    ソースコードを引用するのに「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)

    sui0205さん、こんにちは。

    SyntaxHighlighter Evolvedは、

    <?php wp_footer(); ?>

    という部分に表示に必要なjsやcssのソースを出力させますので、

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

    (@sui0205)

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

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

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

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

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

    htmlのフッター部分のソースというのはどこのことでしょうか?

    まず、footer.phpをよ~く見てみます。すると

    wp_footer();

    という記述がどこかにあるはずです。(なかったらどこかに入れなくてはいけません)

    次に、上記wp_footer();の入っている場所を確認します。

    </div><!-- #wrapper -->
    <?php wp_footer(); ?>
    </body>
    </html>

    (上記コードは例です)
    のようなコードであれば、実際にブラウザに表示してソースコードを表示してみれば、

    </div><!-- #wrapper -->
    ここにjsコードの読み込んでいるソースなどが表示されているはず!
    </body>
    </html>

    になるので、ここを確認してみましょう;)

    トピック投稿者 sui0205

    (@sui0205)

    footer.phpを見てみるとこんな感じになってました↓↓

    <!-- footer.php -->
    <?php global $tpinfo;?>
    		<div class="clear"></div>
    	</div></div></div><!--  #container_btm, #container_top, #container -->
    
    	<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><!-- footer -->
    </div></div></div><!-- #base_btm ,#base_top, #base -->
    </div></div><!-- #bg_btm, #bg_top -->
    <div class="hide-div"><?php echo !empty($tpinfo['templatelite_analytics'])? stripslashes($tpinfo['templatelite_analytics']):"";?></div><?php // hide-div ?>
    <?php wp_footer();?>
    </body>
    </html>

    <!– #wrapper –>というものが見つからないんですが。。。
    こういう場合どうすればいんでしょうか?

    sui0205さん>
    <!– #wrapper –> は気にしなくていいので、最後の

    <?php wp_footer();?>
    </body>
    </html>

    だけ気にしてください。

    ここにjsコードの読み込んでいるソースなどが表示されているはず!
    </body>
    </html>

    となればOKです

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「ソースコードの引用について」には新たに返信することはできません。