制作コラム

WordPressのお知らせ一覧のリンクを自由に設定する方法

WordPressでホームページを制作する際に、トップページにお知らせ記事一覧を掲載することは非常に多いと思います。(っていうかほぼ100%?)

通常はその一覧リストをクリックすると、その記事詳細ページに移動するのですが、中にはまるっきり別ページに移動させたいといったケースがあるかと思います。(例えばまっすぐPDFファイルを表示させてみたり。新しいサービスサイトにまっすぐ移動させたい。みたいな感じです。)

そこで今回はそんなケースにも対応するための方法をご紹介したいと思います。プラグインは使いません。

通常のWordpressのお知らせの流れ

通常のWordpressのお知らせの流れ

ご存知でしょうが、通常Wordpressで投稿記事を書くと、その記事はsingle.phpに表示されます。

で、その記事が投稿された情報をフロントページがリストで表示するわけですよね。一般的な最新記事一覧の表示のさせ方はこんな感じです。

<ul>
<?php
$args = array(
'posts_per_page' => 5 // 表示件数の指定
);
$posts = get_posts( $args );
foreach ( $posts as $post ): // ループスタート
setup_postdata( $post ); // 記事データ
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endforeach; // ループ終わり
wp_reset_postdata(); // 直前のクエリを復元する
?>
</ul>

こういうコードをフロントページなどに置くことで、投稿した記事のタイトルとリンクが一覧となって表示されるわけですね。

別ページへのリンクも一緒に掲載したいという場合

で、今回やるのは、投稿記事の一覧はもちろん、そのリストの中に別ページなどのリンクを自由に貼れるようにしたいということ。

empty関数を使って条件分岐を行う

普通、投稿記事はタイトルと本文の両方が含まれます。そこで例えば、「タイトルが空欄だった場合」の条件分岐を使って、任意のリンクを貼れるようにします。

タイトルが空欄だった場合の判別方法

empty($post->post_title)

本文が空欄だった場合の判別方法

empty($post->post_content)

で、今回はタイトルが空欄だった場合、リストには本文が掲載され、その本文に任意のリンクを貼ることで、リストのリンクも自由に設定できるといったことをやります。

<ul>
<?php
$args = array(
'posts_per_page' => 5 // 表示件数の指定
);
$posts = get_posts( $args );
foreach ( $posts as $post ): // ループスタート
setup_postdata( $post ); // 記事データ
?>
<?php if(empty($post->post_title)){ ?>
<li>//remove_filterで自動整形をオフにする
<?php remove_filter('the_content', 'wpautop'); ?><?php the_content(); ?>
</li>
<?php } else { ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php } ?>
<?php
endforeach; // ループ終わり
wp_reset_postdata(); // 直前のクエリを復元する
?>
</ul>

これで多分いけんちゃうかなと思います。

投稿→新規追加で本文にリンクとアンカーテキストを書いて、タイトルを空欄にして公開すると、今回目指した状況を作り出せると思います。

Tags:

一覧に戻る

ホームページ
制作業務

コーポレートサイト制作

コーポレートサイトは企業の看板となるウェブサイトです。顧客とのファーストコンタクトになる場合が多いので、ブランディング視点で企業を魅力的に伝えるホームページを構築いたします。

More

ブランドサイト・集客サイト制作

ブランドサイトや集客サイトはお問い合わせなど、コンバージョンの獲得を強く意識したホームページになります。クライアントの事業内容によって、コーポレートサイトをそのまま集客の核とする場合と、別途ブランドサイトや集客サイトを作ってブランディングを行う場合があります。

More

採用サイト制作

採用サイトは、コーポレートサイトと同様、求職者の心に響くためのブランディング視点が必要になります。求職者の琴線に触れる非金銭的ポイントと貴社の強みや特徴をきちんと整理し、伝わるサイトを制作いたします。

More

ECサイト制作

ECサイトは、事業の形態や規模によって求められる内容や機能が異なります。
アルラボではお客様の事業内容や求められる結果に応じてさまざまな形態のECサイトをご提案しています。

More

サービス一覧

Webマーケティング
集客対策業務

リスティング広告運用

検索ユーザーに貴社のビジネスの接点を作るリスティング広告。
限られた予算の中で費用対効果を重視した最適なリスティング広告運用を行います。

More

SNS・YouTube広告運用

検索ユーザーだけでなく、潜在ユーザーにも適切にアプローチできるFacebookやInstagramなどのSNS広告を運用します。
エリアや年齢性別など、細かくターゲットをセグメントし、適切なユーザーへアプローチします。

More

SEO対策

サイトの検索表示順位を上昇させるSEO対策。
内部施策を標準化し、サイトの構造を正しくクローラーに伝え、適切な検索キーワードからユーザーが求める情報とは何なのかを追求します。

More

コンテンツマーケティング

ユーザーにとって価値のあるコンテンツを継続的に発信し、幅広いワードでアプローチするユーザーをキャッチします。

More

MEO対策

近年重要視されているMEO(Map Engine Optimization)
Googleマップでの検索結果において上位表示させる対策です。アルラボではGoogleマイビジネスの最適化のほか、サイテーション施策など、上位表示に必要なノウハウをご提供可能。

More

Webアクセス解析

ユーザーの属性や特徴、そして行動を分析し、コンバージョンに繋がる課題を解決します。ウェブサイトを着実に成長させる指標としてアクセス解析からの改善提案を行います。

More

お問い合わせ
Contact

私たちは、お客様のビジネスを成長させ、
より前に進ませるためにともに考え、創るWeb制作会社です。

ホームページの新規・リニューアル制作から
ブランディング・広告運用・SEO対策などWeb集客導線を作ります。

お問い合わせ・ご相談

ホームページ制作・広告運用・SEOなど
ご相談はお気軽にご相談ください。

お問い合わせ・ご相談

お電話でのお問い合わせ

お電話でのご相談も随時受け付けております。
お気軽にご連絡ください。

0952-20-1501(佐賀)

092-717-3446(福岡)

平日:9:00~17:00