サポート » 使い方全般 » 投稿したページの画像が表示されず、ソース見ると一部文字化け

  • 解決済 jiluro

    (@jiluro)


    テンプレートの使いまわしの関係などで、「img」という画像フォルダを別個につくって、そこに画像はFTPアップしています。
    そして、その画像を指すようにimgタグを記載した上で、作成→投稿や、作成→ページでHTMLソースを仕込んでページをつくっていきたいのですが、テストで投稿したところ、画像が表示されません。。。

    最初は「/img~」から記載していて表示されなかったので、テンプレートのphpファイルと同様に、

    <?php bloginfo('url'); ?>

    から始まる絶対パスで以下のように記述しなおしてもダメでした。

    <?php bloginfo('url'); ?>/wp-content/themes/custom_design/img/pdt/old/smy01.jpg" width="540" height="100" alt="" />

    ブラウザからソースをみてみるとえらいことになってまして、以下のようになっていました・・・

    <?php bloginfo('url'); ?>/wp-content/themes/custom_sideline/img/pdt/old/smy01.jpg” width=”540″ height=”100″ alt=”" />

    ある一定の文字だけが違う文字に変換されているようです・・・
    どうやったらまともなソースに修繕できますでしょうか
    宜しくお願いいたします。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • 普通に投稿のhtml入力でimgボタンを押して/img/hoge.jpgを挿入しましたが表示されましたよ?その場所にきちんと画像があること、絶対アドレスなら表示できるかなど確認してみてください。

    トピック投稿者 jiluro

    (@jiluro)

    shokun0803さま、ありがとうございます。

    画像パスは間違ってません。また、絶対パスはチェック済みでして、ちゃんと表示されるんです。
    でも、他のテンプレートファイルなど色んなところで使っていて何ら問題なく表示できているPHP変数に変えたとたん、これなんです。

    カスタマイズしたこのテンプレートは他にも使うので、絶対URLでは記述したくない状況です。
    なので、URLのはじめの方はPHP記述しておるというわけです。

    <?php bloginfo(‘url’); ?>/wp-content/themes/custom~

    という感じで。
    ここをドメイン名から上記のPHP変数にしたとたん、質問に掲載した一部文字化けになってしまうんです。。。

    ウ~ン・・・ナゾです・・・・

    最初は「/img~」から記載していて表示されなかったので、テンプレートのphpファイルと同様に、

    <?php bloginfo(‘url’); ?>

    から始まる絶対パスで以下のように記述しなおしてもダメでした。

    <?php bloginfo('url'); ?>
    ではなく、
    <?php bloginfo('template_url'); ?>/img/pdt/old/smy01.jpg

    としても表示されませんか?

    ※上記記述でも表示がおかしいか、問題がなんなのか確認の為、確かめてみると良いかもしれません。

    トピック投稿者 jiluro

    (@jiluro)

    cyamaさま、ありがたいです。

    もしかして誤解があったかも知れません。
    特定ページだけに使用するテンプレートのPHPファイルに限らないんですが、要はパスを記述する箇所は何でも<?php bloginfo(‘url’); ?>がブログドメインURLの代用に出来ていた、ということでして、テンプレートのPHPファイルを呼び出したい、という意味ではないです。

    でも、とにかく教えていただいた変数記述でやってみました。
    が、これまた表示されませんでした。ブラウザでHTMLソースを開いてみると、やはり最初私がやっていた変数記述と同じタイプの文字化け?ソースになっていました。

    <img src=”<?php bloginfo(‘template_url’); ?>/img/pdt/old/smy01.gif” alt=”” width=”430″ height=”150″ />

    ありゃ?待てよ、よくみると「”」と半角スペースが化けてるのか??

    「”」の機種依存文字スペルに変えて投稿してみると、表示されました。。。。。

    ウ~ン・・・なんでここだけ・・・・
    テーマ内のヘッダーだったりフッターだったり、page.php、category.phpなどどれも全てPHP変数であっても問題なかったのに、記事投稿だけはこうなるというのは困った・・・
    直しようがないでしょうか・・・

    コンテンツは単純な文章羅列じゃなく、画像・表など色んな表現を使うので、Dreamweaverで作ってますが、いちいち機種依存文字スペルで記述するのは面倒この上ないなぁ・・・・

    ないとは思いますが、ファイル保存するときの文字コードが違ってるとかないですよね?

    トピック投稿者 jiluro

    (@jiluro)

    masaruさま、ありがたいです。

    やってみましたが表示されませんでした。
    やり方がどこか違っているかもしれないので、以下、UTF-8にさせたつもりの作業手順です。

    補足
    ●「投稿」や「ページ」で投稿するコンテンツは、画像・表など色んな作り方をするのでDreamWeaverでおこなう。手打ちでは時間がかかりすぎるので。

    ●サイトりにゅーアルで、ソースはこれまでのサイトのHTMLソースをコピーして使うことがとても多い。

    ●HTMLソース以外も、ワード、エクセルなどのソースも出てくる

    手順
    [1] ソースのコピー
    ソース元のHTMLページをブラウザで開いて、コピペしたい箇所をずらっと選択・コピー。
    気になるのは、このHTMLソースはShift-JISでつくられてる。ブラウザでユニコードをUTF-8にしたら文字化けするので変更できない・・・

    [2] 改行のPタグを自動生成させるためのワンクッションファイル、cushion.phpを作成
    たまたま.phpファイルにした。
    秀丸エディタを立ち上げ、「エンコードの種類」を「(Unicode)UTF-8」に選した上で、[1]のコピーソースをペースト。ペーストされたあともUTF-8のままであることを確認。

    [3] 投稿用マスターファイル、master.phpの作成
    たまたま.phpファイルにした。
    改行のPタグをが自動でついた状態のソースが欲しいので、cushion.phpとは別に、投稿用マスターファイルをつくる。
    秀丸エディタで新規作成し、UTF-8にした上で、保存。

    [4] 投稿用マスターファイル、master.phpの完成
    DreamWeaverの「デザイン」ビューでペーストすると、改行のPタグが逐一仕込まれた状態で張り付いてくれるので、重宝。
    よって、DWを起動し、master.phpを「デザインビュー」で開いておく。
    そして、秀丸でcushion.phpを開き、コピー。
    そして、DWのmaster.phpのデザインビューに対してペーストし、完成。

    [5] 記事を投稿した
    master.phpにペーストした投稿したいコンテンツを多少DWで調整し、その後、コードビューで必要箇所をコピー、WP管理画面の投稿エリアにペーストし、記事を投稿

    こうしても現象としては変わらず、画像が表示されずに、HTMLソースの文字化け現象も同じでした。

    UTF-8での処理の仕方に適切なものがあるでしょうか?

    こんばんわ^^

    こうしても現象としては変わらず、画像が表示されずに、HTMLソースの文字化け現象も同じでした。

    UTF-8での処理の仕方に適切なものがあるでしょうか?

    適切かどうかわかりませんが、DWで調整が終わった後にチェックをもう一度するのが通常かと・・。
    わたしもDWを使っていますが、必ず最後に文字コードチェックをしています。

    なので、同様の現象に出会った事がないのでわかりませんが、DWからコピーをする時点の文字コードが問題なくUTF-8で記述も正確ならばWPでは普通に表示されるはずなので他に原因があるということになります。
    こうなると、固有の現象なので、なかなか外部の人では解決しにくいかと思います。

    トピック投稿者 jiluro

    (@jiluro)

    cyamaさま、ご指摘ありがとうございます。

    デザインビューにペーストしたら強制的にShift-JISに変わってしまいます。

    そして、結局UTF-8に変更してUPしてもダメでした・・・・

    ウ~ン・・・・おかしすぎる・・・・・

    トピック投稿者 jiluro

    (@jiluro)

    とりあえず締めます

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「投稿したページの画像が表示されず、ソース見ると一部文字化け」には新たに返信することはできません。