2021年04月11日
お知らせにリンク無しも表示(WordPress)
どうも!寝屋川のホームページ制作会社CUBESの小林です。
2021年4月1日から商品・サービスの価格表示が内税に統一されましたね。
寝屋川のホームページ制作会社CUBESもホームページ制作・サポート、撮影費用などを外税から内税総額表示に変更いたしました。
で、その総額表示をお知らせしたいのですが「お知らせ記事」を書くほどでもないので、ホームページのトップページにサラッと1行「総額表示に変更いたしました。」と表示したい。
ホームページを運営していると「記事を書くほどではないけど告知したい」ことがあります。でも、WordPressは標準ではリンク有りにってしまいます。
って事でWordPressをカスタマイズ
特別な操作が必要なく、簡単に新着情報一覧に、リンク有り/リンク無しを設けたいと思います。
▼リンク有りお知らせ
▼リンク無しお知らせ
通常は下記ソースになります。
<?php
$information = get_posts( array(
'category_name' => 'news',//カテゴリースラッグ(ここではスラッグnews)
'posts_per_page' => 4//表示する件数(ここでは4件)
) );
if ( $information ):
?>
<ul>
<?php
foreach ( $information as $post ):
setup_postdata( $post );
?>
<li><a href="<?php the_permalink(); ?>"><?php the_time('Y年n月j日'); ?><br>
<b><?php the_title(); ?></b></a></li>
<?php
endforeach;
wp_reset_postdata();
?>
</ul>
これを下記ソースに変更します。
ソースの細かな説明は省きますが、14~16行がリンク無しの場合に生成されるHTMLのベース、18~20行がリンク有りの場合に生成されるHTMLベースになります。
<?php
$information = get_posts( array(
'category_name' => 'news',//カテゴリースラッグ(ここではスラッグnews)
'posts_per_page' => 4//表示する件数(ここでは4件)
) );
if ( $information ):
?>
<ul>
<?php
foreach ( $information as $post ):
setup_postdata( $post );
?>
<?php if( empty($post->post_content) ) : // リンクなし ?>
<li><span class="news_no_link"><?php the_time('Y年n月j日'); ?><br>
<b><?php the_title(); ?></b></span></li>
<?php else : // 通常の投稿 ?>
<li><a href="<?php the_permalink(); ?>"><?php the_time('Y年n月j日'); ?><br>
<b><?php the_title(); ?></b></a></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
上記ソースを新着情報を表示する箇所に入力したら、あとは新着情報リンク無し記事を入力するだけです。
ではリンク無し記事の書き方です。
リンク無し記事は簡単です。「タイトル」のみ入力で「本文」は何の入力せずに記事を公開すればリンク無し記事が出来あ上がります。
以上で下記のリンク無し記事のできあがります。