うるおいらんど

アプリ開発やサイト制作のメモとか。

【wordpress】記事のタイトルを指定したURLにリンクさせる方法【外部リンク】

魚ライン
魚ライン

こんにちは。記事のタイトルリンクを指定したURL(外部リンク等)にリンクさせる方法について書いていきます。

私のお気に入りのWebサイト紹介のコーナーを見ていただければわかると思うのですが、投稿記事のタイトルをクリックするとこのサイトとは別のサイトへと移動するよ〜ということです。

スクリーンショット-2016-04-21-18.08.32

 

もちろんサイト内部へのリンクでも(こちらの方が動線的に使い道あると思います)

 

functions.phpでカスタムフィールドの設定をする

まずはfunctions.phpに以下のコードを書きます

 

カスタム投稿で使用する場合、例えばwebsiteという投稿タイプ名のカスタム投稿で使用する際には

と記述しましょう。

複数のカスタム投稿で使用することができます。必要な分だけ付け加えてください。

そうすると投稿画面にこのような欄が作成されます。

スクリーンショット-2016-04-21-18.29.37

 

必要なページでリンクが出力されるようにする

ここでタイトルに先ほど設定したリンクが出力されるようにします。

content.phpあたりに書いていきます(投稿記事を表示するループの中身が書いてあるところ)

 

リンク設定があれば、外部リンクにつなぎ、なければそのまま単一記事のページを開くという風になっています。

これを使えばアイキャッチ画像には外部リンク、タイトルには単一記事へのリンクという風にもできます。アイキャッチ画像に限らず、外部へ〜みたいな風にしておいて両方表示できるようにしてても良いかなぁと思います。

 

単一記事がない場合(カラの場合)にはheader.phpに記述しておいたらよいコードもあるのですが、

そちらは参考にさせていただいた下記の記事の方へどうぞ!!

WordPressの「お知らせ一覧」のタイトルに外部リンクを貼る方法


 

カスタム投稿でカスタムフィールドが反映されていない時に確かめること

カスタム投稿でこのやり方を用いた時に、リンク先URLを書く欄がなかなか表示されなくて少し困ってしまいました。

まず確かめるのは

カスタムフィールドがサポートされているかどうか

カスタム投稿を設定しているfunctions.phpの中のこの部分にcustom-fieldsが書いてあるか、または綴りが間違っていないかをチェックしましょう。

 

あとは、投稿画面の右上にある表示設定でカスタムフィールド(リンク先URL)にチェックがついているかどうかを確認してください。

スクリーンショット-2016-04-21-18.52.32

 

こちら両方が設定されているのに表示されない場合は、上記でfuncitons.phpに書いたadd_meta_boxの部分の記述が無い場合があるので確認してみてください。

 

参考記事

WordPressの「お知らせ一覧」のタイトルに外部リンクを貼る方法

魚ライン 魚ライン

Webの記事一覧を見る

コメント

コメントは認証制です。詳しくは下記の注意をお読みください。

コメントを残す

コメント時の注意

「Twitter」「Facebook」「Google+」「WordPress」のいずれかのアカウントをお持ちの方は各アカウントと連携することでコメントできます。 コメントしたことはSNSに流れませんので、アカウントをお持ちの方はこちらの方法でコメントを投稿して下さると嬉しいです。 アカウントをお持ちでない方はメールアドレスで投稿することができます。 初回コメント時は承認後に表示されます。

魚ライン 魚ライン