strix-bubol5

Holiday Class Post Calendarは、日曜、土曜、祭日及び独自の休日などのスタイル設定をするためのclassを付加する投稿カレンダーです。
独自の休日のスタイルを設定できるclassが４種類あります。 
それら休日classの基本的スタイル設定（文字色、背景色、border色、border角丸）は、スタイルシート（css）を編集することなく、オプション画面においても設定することができます。
日本語と英語表記、週の始めを日曜から始めるか月曜にするかそれぞれ選択可能です。
各設定は管理画面の設定にあるオプション設定画面にて設定することができます。使用方法もその設定画面にあります。 
各設定はテンプレートのコマンドに引数として指定することで、テンプレートによって表示を変える事も可能です。
月別アーカイブのリストも一緒に表示することが出来ます。 
月別アーカイブのリスト表示はプルダウンか年別のリスト表示かを選択でき、年別リスト用のデフォルトスタイルシートも付属します。
Gutenberg Block Editor 対応の custom widget block を内蔵しています。
カレンダーのレイアウトに従来の table に加えて css grid( div ) でのレイアウトも選べるようにしました。処理が少なくなる分、たぶん若干高速です。
指定できるオプション設定は以下のとおり。 
lang:日本語か英語表示かの指定。 
wf:週の始めを日曜か月曜かの指定。 
capt:カレンダー表題に追加して表示させる文字列。 
footer:カレンダー下部に追加して表示させる文字列。 
closewd:独自休日を曜日で指定する場合。毎週水曜日だとか。 
closel:独自休日を日にちで指定。 
anniver:それらとは別に特別な日を設定する。毎年の事なら４ケタもしくは３ケタを使用。年月日の8ケタも可能で、この場合はclass名がlanniverとなり区別が可能。 
postype:カレンダーにリンクを表示させる投稿のpage以外の投稿タイプ、デフォルトはpost。 
loadstyle:カレンダー用のデフォルトスタイルシートのロードの可否。 
monthly:月別アーカイブリストの表示の可否。 
acvheader:月別アーカイブリストのヘッダー文字指定。 
acvoptorlist:月別アーカイブリスト表示がプルダウンかリストかを選択。 
loadacvlststyle:月別アーカイブのリスト表示用のデフォルトスタイルシートのロードの可否。 
daypostlink:投稿がある日にオンマウスで表示させるのはツールチップかその投稿へのリンクかの指定。 
dplinkstyle:投稿がある日にオンマウスで表示させる投稿へのリンクのデフォルトのスタイルをヘッダーに排出するかの可否。 
parentstyle:親divの要素にインラインスタイルとして設定するスタイル 
colorstyle:日土休日それぞれのスタイル設定。 
myholidays:デフォルトで設定されている日本の祝祭日ではなく、独自の祝祭日を指定。 
adddeldays:デフォルトで設定されている日本の祝祭日に追加、又は無視するための日付を指定。 
en_gutenblock:gutenberg block editor 対応の custom widget block の登録設定。 
en_grid:カレンダーのレイアウトに table を使うか css grid(div) を使うかの指定
詳しい使い方は管理画面->設定->プラグインオプションページにあります。
尚、より詳しい解説は<a href="https://strix.main.jp/?diys=holiday_class_post_calendar" rel="nofollow ugc">作者の解説ページ</a>をご覧ください。
<h3>Arbitrary section 1</h3>

Holiday class post calendar

投稿カレンダーに日曜、土曜、祭日及び独自の休日などのスタイル設定するためのclassを付加します。

Andrei Lupu

You can use this plugin to add a unique CSS class to your pages or posts.
<h4>Demo</h4>
<a href="https://tastewp.com/" rel="nofollow ugc">TasteWP</a> has prepared a quick WordPress instance with this plugin, so you can give it a try <a href="https://demo.tastewp.com/wp-custom-body-class" rel="nofollow ugc">in this demo</a>
<h4>Responsiveness</h4>
There’s a way to add a class to appear only on mobile devices. You can do that by simply adding <code>mobile-</code> on the front of 
the class. For example, if you want to have the class “car” for mobile side, you need to use “mobile-car”.
<h4>Support me</h4>
If you find this plugin helpful, or you just want to send me a coffee here are the ways:
<ul>
<li>Use the Github Sponsor button</li>
<li><a href="https://ko-fi.com/thelup" rel="nofollow ugc">Ko-fi</a></li>
<li>Watch me coding on <a href="https://www.twitch.tv/thelup/" rel="nofollow ugc">twitch.tv/thelup</a></li>
<li>Or simply visit my site <a href="https://a.lup.dev/" rel="nofollow ugc">lup.dev</a> and make those analytics ring the bells.</li>
</ul>

Custom Body Class

A plain simple plugin which allows you to add a custom CSS class the HTML body tag.

Holiday class post calendar vs Custom Body Class