WordPress

WING(AFFINGER5)ならかんたん!シーズン中のいまお知らせしたい記事を超目立たせる

投稿日:2019年2月16日 更新日:

 

お正月、節分、インフルエンザ、バレンタイン、確定申告、お引っ越し、花粉症、ひなまつり、お花見、卒業・入学・進学、こどもの日、梅雨、ブライダル、夏休み、新学期、紫外線、旅行、ハロウィン、クリスマス…季節の催し物や流行などにあわせて作成した過去の投稿記事(ポスト)を、毎年活躍させませんか?

ブログの目立つ位置――たとえば投稿記事の上やサイドバーの上部――にカード式のリンクを貼りましょう。

1902affinger_season02

WordPressテーマWING(AFFINGER5)なら、とってもかんたんです。

 

新規投稿でパーツを作成する

affinger_onseason05

「新規投稿」画面を呼び出し、貼り付けるカードのパーツを作成します。

[1] カードが何の目的でそこに表示されているのかが明確になるキャプションを入れます。たとえばそらよりブログでは確定申告のシーズンにフィットする記事をカードにし「フリーランスの確定申告!ぜひご覧ください」とキャプションをつけました。

[2] Font Awesomeを利用し、えんぴつマークを入れました。

[3] 目立たせるため文字は赤色に

[4] ちょっと品よく文字のサイズは控えめの80%に

[5] ここではバナーの役割となる記事リンクの「カード」を作成します。「カード」ボタンを押すだけで同じビジュアルエディタ画面に必要なタグが表示されます。

[6] 「カード」を作成したい記事番号を半角数字で入力。記事番号は記事を表示後「投稿の編集」画面を表示。上部のアドレスバーを確認します。「post.php?post=」に続く番号が記事番号です。

[7] 「label」を利用すると帯が付き特別な「カード」であることがアピールできます。帯の文字数は日本語で5文字が最適です。不要であればここは入力しなくてかまいません。

[8] 「name」を利用すると「カード」で表示するタイトルを変えることができます。記事のタイトルをそのまま利用する場合はここは入力しなくてかまいません。

 

ウィジェットを配置

ダッシュボード>外観>ウィジェットで任意の場所に「テキスト」ウィジェットまたは「カスタムHTML」ウィジェットをドラッグして配置します。

たとえば各記事の上にカードを配置したければウィジェットを「投稿記事の上に一括表示」に、サイドバーに表示したければ「サイドバートップ」あるいは「サイドバーウィジェット」となります。

affinger_onseason07

 

ウィジェットにパーツをコピペ

「テキスト」ウィジェットの場合

「新規投稿でパーツを作成する」で「ビジュアル」モード表示のタグを「テキスト」ウィジェットにそのままコピー&ペーストすることができます。ただしこの場合は文字の色やサイズの指定は反映されません。

affinger_onseason04

 

「カスタムHTML」ウィジェットの場合

「新規投稿でパーツを作成する」で「テキスト」モードで表示したコードをコピーすれば「カスタムHTML」ウィジェットにペーストすることができます。こちらの方法ならパーツで指定した文字の色やサイズを反映することができます。

affinger_onseason03

 

以上「WING(AFFINGER5)ならかんたん!シーズン中のいまお知らせしたい記事を超目立たせる」でした。

 

WING(AFFINGER5)はそらよりブログ、IT-SORAYORI、mysorayoriなど運営する5つのブログで活用しています。カスタマイズのバリエーションが多く、自分好みのデザインが実現できる、とても使いやすいテーマです。決して安価なものではありませんが、本格的に取り組みたいという方にはおすすめです。

最新版の詳しい情報をこちら(スポンサーリンク)から、ぜひどうぞ。

YouTubeの紹介動画も!

 

スポンサーリンク

スポンサーリンク

スポンサーリンク

お役立ち記事

jose-ros-photo-1307491-unsp 1
renet01 2
181115serverplan3 3
171106twittertsuchi2 4
pdfedit 5
Twitterスパムアイキャッチ 6
photo_gallery10 7
spotify_1807 8
ipodアイキャッチ 9
プリンター250 10
Evernote新機能01 11
無線LAN04-2 12
zenfone_filedelete46 13
kensaku05 14
spotify_sf_size01 15

-WordPress
-

Copyright© IT-SORAYORI , 2019 All Rights Reserved.