【wordpress】フロントページで２つのリンクが競合

Question

「front-page.php」に書いた<a href="<?php the_permalink(); ?>">と、投稿の記事タイトルの<a href="XXX">の２つのリンクがあり、フロントページで記事タイトルをクリックすると、その記事ページではなく、<a href="XXX">で入力してある外部サイトにダイレクトに移動してしまいます。
フロントページの記事タイトルをクリックするといったん記事ページに飛んで、そこで改めて記事タイトルをクリックすると外部サイトに移動できるようにしたいのですが、方法はありますか？
以下、現状と理想をより単純に。

●現状
フロントページ→（記事タイトルクリック）→外部サイト

●理想
フロントページ→（記事タイトルクリック）→記事ページ→（記事タイトルクリック）→外部サイト

<ul class="●">
       <?php 
        $newslist = get_posts( array( 
        'category_name' => '●', 
        'posts_per_page' => 20 
        )); 
        foreach( $newslist as $post ): 
        setup_postdata( $post ); 
       ?> 
       <li>
          <a href="<?php the_permalink(); ?>"><?php the_title(); ?> / <?php the_time('Y.m.d');?><span class="●"><?php the_content(); ?></span></a>
       </li>
       <?php 
        endforeach; 
        wp_reset_postdata(); 
       ?> 
    </ul>

※追加
情報不足ですみません。
<a href="XXX">は、wordpressのダッシュボードから、投稿記事のタイトルに直接入れています。

例)<a href="https://●●">タイトル</a>

<?php the_title(); ?>のところに<a href="XXX">が入るので、the_permalinkではなく、<a href="XXX">に飛んでいますが、どうすればよいか分かっておりません。

具体的には、今まではフロントページから各記事タイトルをクリックすれば、ダイレクトに外部サイト内の該当記事に飛んでましたが、自サイト内の各投稿ページは全く経由しないので、階層的に問題があるのがばれたのか？、検索エンジンに引っかからなくなりました。
「記事タイトルをクリックする」ことで、フロントページからは投稿ページに、投稿ページからは外部記事に、との流れを作りたいと思っています。
いろいろ理解が足りませんが、よろしくお願いいたします。

Comments

[kei344]

（質問文は編集できます）現在どのように記述しているのか、質問文にコードブロックで追記してください。コードブロックは ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[kei344]

「外部サイト」は記事に関係がないのでしょうか。（カスタムフィールドとかではないのでしょうか）また、同じテンプレートを使いまわしたい、ということでしょうか。

Answer 1

状況がよく分かりませんが、記事ページが通常の投稿ページを指すのならば、single.phpを編集すれば良いんじゃないですか？

Answer 2

<?php the_title_attribute(); ?>でいけました。

Answer 3

「front-page.php」に書いた<a href="<?php the_permalink(); ?>">と、投稿の記事タイトルの<a href="XXX">の２つのリンクがあり、

質問に書かれているコードには、 <a href="XXX"> の部分がありませんが、どこに書かれているのでしょうか？

フロントページで記事タイトルをクリックすると、その記事ページではなく、<a href="XXX">で入力してある外部サイトにダイレクトに移動してしまいます。

質問に記載されているコードから推測すると

   <li>

      <a href="<?php the_permalink(); ?>"><?php the_title(); ?> / <?php the_time('Y.m.d');?><span class="●"><?php the_content(); ?></span></a>
   </li>

<a href="XXX"> というのは、<a href="<?php the_permalink(); ?>"><?php the_title(); ?> のリンク部分つまり、the_permalink(); が、 XXX を返すということでしょうか？

Comments

[CHERRY]

「質問への追記・修正」欄に記載するつもりだったのに記入欄間違えた...
削除依頼するほどでもないので、回答できるぐらいの情報が追加されたら回答に修正します。