WordPressで指定したカテゴリーの年別アーカイブを作成する
Wordpressでコーポレートサイトを作成するとき、「お知らせ」というカテゴリーを年別で出力したいという場合があると思います。
しかし、Wordpressの標準機能ではちょっと難しかったりしますよね。
この記事ではカテゴリーを年別に出力する方法をご紹介します。
※Wordpress3.04を使用しています。
- 投稿日
- 更新日
Wordpressでコーポレートサイトを作成するとき、「お知らせ」というカテゴリーを年別で出力したいという場合があると思います。
しかし、Wordpressの標準機能ではちょっと難しかったりしますよね。
この記事ではカテゴリーを年別に出力する方法をご紹介します。
※Wordpress3.04を使用しています。
CSS3はPC向けのサイトではまだまだかもしれませんが、スマートフォン向けのサイトでは回線速度の関係や、ブラウザが限定されている関係でむしろ積極的い使うべきなんだとか。
ということで重い腰を上げてCSS3を初めてようと思います。
まずはCSS3だけでグラデーションとかシャドウのかかったボタンを作成します。
Googleの翻訳API(Google AJAX Language API)を使えばWebサイトの英文を日本語にしたり、またその逆ももちろんできます。
比較的簡単に扱えるjQueryで試してみます。
Wordpressでテンプレートフォルダにある画像を読み込みたい場合「bloginfo('template_directory')」なんてタグを使用すると思います。
微妙な長さなんですが、画像の数が多くなるとあれだなと思ったとき、ちょっとだけ短くできる方法をご紹介します。
以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。
要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。
この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。
Wordpressのビジュアルエディタは基本的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。
この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。
TinyMCE Advancedとかプラグイン入れた方がはやくね? とか言ってはいけない!