サポート » 使い方全般 » 他の静的サイトのインラインフレームに表示されているブログのタイトル

  • 解決済 zen73

    (@zen73)


    他の静的サイトのインラインフレームに表示されているブログのタイトルリストをクリックしたとき,ブログ記事を「新しいウィンドウで開く」方法がわからないでいます。
    静的サイト
    WordPress固定ページ(タイトルリストを表示)
    今は,リストをクリックしたとき,インラインフレームの中に表示されます。
    <固定ページ>

    <ul>
    <?php
    $posts = get_posts('numberposts=5');
    global $post;
    ?>
    <?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
    <li>
    <a href="<?php the_permalink(); ?>" target=”_blank”><?php the_title(); ?></a></li>
    <?php endforeach; endif;?>
    </ul>

    <静的サイトのインラインフレーム>

    <iframe src="http://zen73.net/zen/news/"  target="_blank" id="whatnew">
    </iframe>

    どのような設定が必要なのか,ご教授くださいますようお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは。
    <a href="<?php the_permalink(); ?>" target=”_blank”>
    のtarget=”_blank”のダブルクォーテーションが半角(“)ではなく全角(”)になっています。

    トピック投稿者 zen73

    (@zen73)

    Orbitさん,ありがとうございます。

    ダブルクォーテーションが半角(“)ではなく全角(”)になっています。

    ご指摘の通りでした。
    が,半角にしてみても状況は変わりませんでした。

    フレーム内のソースを見ると、どのリンクも
    <a href="http://zen73.net/zen/%e3%82%b9%e3%83%9a%e3%83%bc%e3%82%b9/ target=">スペース</a>
    とhref=””が正しく閉じられておらずtarget=の部分までがリンクURLに含まれてしまっています。
    編集の際にダブルクォーテーションを誤って削除してしまったのではないですか?

    トピック投稿者 zen73

    (@zen73)

    Orbitさん,何度もすみません。ありがとうございます。

    target=”>スペース
    とhref=””が正しく閉じられておらずtarget=の部分までがリンクURLに含まれてしまっています。
    編集の際にダブルクォーテーションを誤って削除してしまったのではないですか?

    実をいうと,target=” _blank”の使い方も他のものも完全に理解してコードを書いているのではなく,web上の開設を見た上で何とかして自分のやりたいことに合わせていこうという状況なのです。ということで,どこがまずいのかわかっていないのです。

    どのように直すべきか,ご指摘いただけませんでしょうか。

    <iframe src="http://zen73.net/zen/news/"  target=" _blank" id="whatnew">
    </iframe>
    
    <a href="<?php the_permalink(); ?>" target=" _blank"><?php the_title(); ?></a>

    Google ChromeのWeb開発ツールで見たところ、targetの前に全角スペースが入っているために正しく動作していなかったようです。
    ツール上で削除してみたところ正しく新しいウインドウでリンクが開かれました。

    修正したものは以下になります。

    <iframe src="http://zen73.net/zen/news/" target="_blank" id="whatnew">
    </iframe>
    
    <a href="<?php the_permalink(); ?>" target="_blank"><?php the_title(); ?></a>

    これで多分、正しく表示されると思います。

    まず注意しなくてはいけないのは、コードは基本的に半角文字で記述するということです。ぱっと見た感じは正しいはずなのだけれど動作がおかしいな、と思った時はまずチェックしましょう。

    aタグの詳細については以下のページに詳しく書かれています。
    A - HTMLタグリファレンス

    自分でコードを書いてみて正しく動作しない時は、Web上の解説ページに書かれているサンプルコードをそのままコピーしてみて動作チェックをしてみるといいでしょう。
    正しく動作する時は、自分の書いたものとどこが違うか見比べて見ると意外とすぐにミスに気付くはずです。

    どこが間違っているかわからない時は、まずは必要最低限の要素だけでコードを書いて、チェック、要素を足してチェック、を繰り返し、何を記述した時に正しく動作しなくなるかを把握すれば効率よく学習出来ます。

    こう書けばこう動くおまじない、ではなく、リファレンスを見ながら、このコードはタグはどういう動作をしているのかをきちんと調べて一つ一つ理解していくことが大事です。

    長々と失礼しました。

    トピック投稿者 zen73

    (@zen73)

    Orbitさんのご親切。心より感謝申し上げます。
    おかげさまで,正しく表示されることを確認できました。
    ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「他の静的サイトのインラインフレームに表示されているブログのタイトル」には新たに返信することはできません。