The Events Calendarプラグインはブログにイベントカレンダー機能を追加するプラグインです。

イベント情報を登録しブログ画面からリスト形式やカレンダー形式で表示させることができます。

The Events Calendarを使ったイベント登録とイベント表示

「Events」メニューの中にある「Add New」メニューをクリックすることでイベント作成ができます。

登録したイベントを表示するには次のURLへアクセスすると、イベントカレンダーが表示されます。

http://(ブログのURL)/events/

登録されたイベントが自動的に追加されていきます。

ウィジェットで近日開催のイベントリストをサイドバーなどに表示することもできます。

Registrations for The Events Calendarを使うことでフォームでの予約も可能になります。

このカレンダーの色を変更したかったのですが、管理画面からはできませんでした。

これはプラグインフォルダ下に入っているCSSファイルを編集することになります。

the-events-calendar/src/resources/css内にある

tribe-events-theme.min.css

を編集していきます。

曜日が入っているマスの背景色を変えた時は

.tribe-events-calendar thead th

のbackground-colorを変更します。

その月でまだきていない日のマスの背景色は

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a

のbackground-colorを変更します。

その月ですでに過ぎた日のマスの背景色を変える場合は、

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]

のbackground-colorを変更します。

みなさん、こんにちわ！

自分の仕事をつくるためのWEB制作のお手伝いをしています！くりです！

この記事のようにWEBページを作成するための方法を紹介するときって、
そのサンプルコードを載せる必要がありますね。

コードを、エディターソフトのようにハイライトしたりみやすく表示するには
Javascriptライブラリを使って行うのですが、
Wordpressでやる場合は便利なプラグインがあります。

それは

「Crayon Syntax Highlighter」（シンタックス・ハイライター）

です。

１．プラグインをインストールすると、記事編集エディタに専用のボタンがでてきます。

２．そのボタンを押すと表示される挿入画面から表示するソースコードを登録します。

３．ソースコードの表示例

<div align = "center">
<form>
	<input type="search" name="s">
	<input type="hidden" name="cat" value="310">
	<input type="submit" value="検索">
</form>
</div>

４．インストール方法

WordPress管理画面 ＞ プラグイン ＞ 新規追加 ＞「Crayon Syntax Highlighter」で検索