2011-07-25 13 views
0

WordPressの '編集ページ'セクションの視覚的なビューでテンプレートページを表示しようとしています。ちょうどこの男が約7時20分にここのチュートリアルでやっているように。 http://www.youtube.com/watch?v=1o2XcHqQbRYCSSと画像がWordPressの編集ビューに表示されない

しかし、私の場合、CSSと画像は表示されません。私のlocalhost上のページを表示すると、CSSは動作しますが、イメージは表示されません。 blogpost()関数を使用していますが、wordpressの編集モードがPHPを好きではないようです。それは「<」と「>」に変更し続けると、「& GT;」私は視覚的なビューにHTMLビューから行きます。

私は、コードなしでこのようなことを理解しようとするのはいつも痛みを知っていますが、誰もこの問題に遭遇して修正を見つけましたか?

私はこの投稿が意味を成就することを願っています。事前にみんなに感謝します。

+0

ちょうどヒント、http://youtu.be/1o2XcHqQbRY?t=7m20sを含む開始時刻でYouTubeのリンクにリンクすることができます。動画の下の[共有]を選択してリンクを取得し、オプションを変更します。 – Johnus

答えて

0

確かに、あなたのサーバーの内部の画像へのパスは並んでいますか? 私が8:03に見たように、その<img src="images/foo" />はサーバのルートにあるフォルダを指していますが、彼の画像フォルダはwp-content/themesフォルダにあると思うかもしれません。この場合、nopです。

画像を取得するには、wp-content/uploadsフォルダに画像を置くWordpress画像アップローダを使用して、使用したい画像をアップロードしてから、画像のURLを取得して投稿に入れるか、ページ。

ルートディレクトリのimagesフォルダを作成し、そこにすべての画像をアップロードします。

私はあなたがChromeブラウザを使用することをお勧めし、エレメントを点検し、デバッグのマークアップとCSSを備え;)

2

uは

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css"media="screen" /> 

や画像などheader.phpの中でスタイルシートのURLを参照しましたあなたは... ..このようなものとして

<img alt="" src="<?php bloginfo('template_url'); ?>/images/logoOrange.png" style="float:left; margin-left:34px;" border="0" /> 

を参照すると、これが働くことを願っていますしなければならない

関連する問題