Home Made Garbage

WordPress で Advent Calendar を作ってみた

ホーム
電子工作
Raspberry Pi
IOT
WEB

「ホームメイドガービッジもアドベントカレンダーをやりたい」というお父ちゃんの希望により、、

折角なので WordPress にプラグイン無しで、
ショートコードでアドベントカレンダーを表示出来る形で、実装してみました。

日にちを固定で出しているため結構無理くり感ありますが・・(^_^;) 

このような表示になります↓

HomeMadeGarbage Advent Calendar 2019

WordPress側

function.php

「Advent Calendar」カテゴリに登録されている、期間内の記事をカレンダーにして出力するようにしています。

固定ページ

ショートコードで年を指定できます。

表示側

出力されるHTML

CSS

※ 主にChromeでの対応

このような表示になります↓

HomeMadeGarbage Advent Calendar 2019

Related Posts

コメントはこちらから

メールアドレスが公開されることはありません。コメントのみでもOKです。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください