重要なお知らせを先頭に表示

先頭固定表示

このサイトのトップページ の先頭に重要なお知らせを表示するカスタマイズを行いました。

先頭固定表示に指定されている投稿をトップページの先頭に「重要なお知らせ」として表示して、その下に表示されている新着記事一覧は先頭固定表示の投稿を除外しています。

トップページ以外は先頭固定表示を無効にしています

ブログページやアーカイブページで先頭固定表示の投稿があると違和感を与えてしまいますので、トップページ以外で先頭固定表示を無効にしています。

重要なお知らせに該当する投稿がない場合の表示

以下のどちらのカスタマイズも可能です。

重要なお知らせをの枠全体を表示しないようにできます。

以下のようにメッセージを表示することもできます。

重要なお知らせがない旨を表示する

以前のカスタマイズとの違い

これとよく似たカスタマイズを以前に別のサイト https://demo2.uonuma-js.com/ で行っています。以前に行ったカスタマイズは「重要なお知らせ」というカテゴリーを使って実装しましたが、今回のカスタマイズのように先頭固定表示を使って実装する方が作業が楽です。

ユーザーの使い勝手(わかりやすさ)を考えると「重要なお知らせ」というカテゴリーがあった方がよさそうですが、「重要なお知らせ」というカテゴリーが閲覧者に見えてしまうのはカッコ悪いと感じる方もいると思います。そんなわけで、今回のカスタマイズ例を追加しました。

別の実装方法として「重要なお知らせ」というカスタムフィールドを作ることも考えられます。このやり方はもっとも使い勝手がよさそうで、カッコ悪さを感じる心配もないのですが、作業工数が増えてしまいます。

関連記事

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら