「Post Expirator」は、記事の公開期限を設定できるプラグインで、設定した期限を過ぎたら記事を下書きや非公開状態にしたり、カテゴリー情報を変更したりすることができます。 タイトルでは記事としていますが通常の投稿だけでなく、カスタム投稿や固定ページでも使用できます。 紹介している内容やキャプチャなどは、WordPress Ver 3.8.1で使用した際のものになります。 インストール・有効化 管理画面のプラグインから「Post Expirator」を検索してインストール、もしくは「Post Expirator」からファイルをダウンロードして環境にアップロード。 プラグインを有効化すると各投稿画面に「Post Expirator」という項目が追加され、そこでそれぞれの記事に対して公開期限を設定することができます。 また、メニューの「設定」にも「Post Expirator」という項目

WordPressには便利なプラグインが沢山あり、それらを使うことであまり知識がない方でも様々な機能を実装して自分好みのブログやサイトを作ることができます。 ソーシャルボタンやページネーションを簡単に設置できたり、関連記事や人気記事を手軽に表示できるといったような見栄えを変えたりするユーザー向け（表向き）の機能を実装するタイプのプラグインはよく見かけるのでご存じの方も多いと思いますが、WordPressにはこういったプラグインだけでなく、何かと捗る開発者向けの裏方タイプのプラグインも便利なものが数多くあるので、それらの中から自分が覚えておいて損はないと思うものを紹介します。 全部のプラグインを普段の開発時に使用しているというわけではありませんが、以下で紹介しているものはいずれも個人的に開発時に便利だと思ったプラグインです。 有名なデバッグ系プラグインをはじめ、テンプレートファイルやIDを容

「FlexNav」は、クロスブラウザー（IEは7以降）対応のドロップダウンメニューを簡単に実装できるjQueryプラグインです。レスポンシブに対応しているほか、ネスト（入れ子構造）のメニューも作れるので、非常に使い勝手のいいプラグインですね。 Android 2.2以降に対応しているので、古いスマートフォンへの対応を求められる案件で特に重宝します。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、FlexNav を配布ページからダウンロードしましょう。FlexNav は github で公開されており、ページ右下の「Download ZIP」ボタンからダウンロードします。 jQuery本体と「jquery.flexnav.min.js」を、利用するWebページの body の閉じタグ直前に読み込みます。 //(中略) <script src="

2週間の実験結果 : 正しいclass付与でエラー減少 10日後、「author」の項目以外のエラーは減少していました。 ただ、【前編】で追加した内容にまだ不足があったようで、「author」のエラーは減少していませんでした。 記述内容に不足がないかは、Googleの提供している「構造化データテストツール」を使って確認するとよいでしょう。 キャプチャを撮り忘れてしまいましたが、テストしたら と書かれていたので、さらに hCard（連絡先情報）の形式に則ったclass名も付ける必要があるようです。 （参考：hCard 1.0 · Microformats Wiki） そこでマークアップを <span class="author">名古屋市立大学人文社会学部同窓会</span>による掲載 ↓ <span class="vcard author"><span class="fn">名古屋市立大学

ハッピーバレンタイーン★ こんにちわ！@ampersand_xyzです。みなさん楽しいバレンタインをお過ごしですか？ え？手作りチョコ作った？そっかー手作りかー。カカオの木の栽培からかな？ ひとりのバレンタインをお過ごしの貴方へ もしかすると、ちょっぴり寂しく一人のバレンタインをお過ごしの方もいらっしゃるかもしれません。 本日東京は雪でホワイトバレンタインとなってますが、交通網の麻痺で恋人に会いに行けない方、あるいはそういう方々を見て喜んでいる方とかも居られますことでしょう。 この記事は、そういうビターチョコより苦々しい人々へ向けた記事になっております。 彼女を作りましょう。道具はテキストエディタがあればいいです。 勘のいいあなたはもうお気づきになったかもしれません。はい、そうです。TwitterBOTですね。 ほぼこの手のネタは毎年恒例なので、いまさら感がすごいですが、今年はもうちょっと

いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブwebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。 サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。 ずらっと並んではいますが大まかに同じような動きをするものはなるべく固めているので、気になる動きがあればその前後もチェックしてみてください。

結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

ソチってどっち？Latinです。今回は Google Analytics のイベントトラッキングの使い方についてです。コレ、毎回ググってる気がするんですよね･･･。なのでここらでまとめておこうと思います。 従来のクラシックアナリティクス（非同期型）とユニバーサルアナリティクス 従来のクラシック（非同期型）とユニバーサルアナリティクス版で実装の方法が若干違ってきますが、呼び出すメソッドが異なるだけで内容に大きな違いはありません。 今現在利用中のアナリティクスが従来型なのかユニバーサルアナリティクスなのかは、Google Analytics 画面の「アナリティクス設定→トラッキング情報」で確認できます。 また、実装されたトラッキングコードでも確認が可能です。 従来の非同期型のトラッキングコード例 _gaq.push(['_setAccount', 'UA-1234567-1']); ユニバーサ

WordPressのカテゴリー選択部分はチェックボックスで表示されており、もちろんチェックボックスなのでひとつの記事に対して複数のカテゴリーを選択することができます。 ただ、場合によって複数選択されてほしくないということがあるので、カテゴリーを1つしか選択できないように制限する方法を備忘録兼ねて紹介します。 同じことを実装しようとする際、1つに制限するからラジオボタンに変更するというのをよく見かけます。 たしかにその方がわかりやすいので自分もその方法を使おうかと思ったのですが、投稿画面ではラジオボタンで問題なく実装できても、記事一覧のクイック編集部分がラジオボタンだと自分の知識不足もあって上手く実装できませんでした...。（正確にはとりあえず実装はできるけど、挙動が非常に怪しい） 投稿画面はラジオボタンで実装して、クイック編集に関してはいっそのこと非表示にするのも考えましたが気持ち悪い感じ

Googleカレンダーで設定したイベント等に対応したカレンダー実装スクリプト・kalendarのご紹介です。勿論、普通にイベント設定も可能。jQueryに依存しています。 イベント対応のカレンダーを手軽に実装出来る、というスクリプトです。 こんな感じのカレンダーです。日付を押すとその日のイベント一覧に切り替わります。 Sample events: [ { title: "hoge", start: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, end: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, location: "huga", url: "http://example.com", color: "string" } ],イベントは上記の要領で設定すればいいみたい。 他、Google

段田です。 WordPress案件で「投稿画面カテゴリーで親カテゴリーのチェックボックスを非表示にして欲しい」と要望があり対応しました。 なので今回は投稿画面のカテゴリーカスタマイズについて書きたいと思います。 ■実行プログラムについて カテゴリータブの表示制御は /wp-admin/includes/template.phpの wp_terms_checklistメソッドを使っています。 function wp_terms_checklist($post_id = 0, $args = array()) { $defaults = array( 'descendants_and_self' => 0, 'selected_cats' => false, 'popular_cats' => false, 'walker' => null, 'taxonomy' => 'category',

新規サイトの場合はカスタム投稿タイプなどを用いてブログ専用ページを作ったりしますが、普段仕事などでサイト制作をする際、アメブロを利用して既にブログは書いているし操作も慣れているから、更新一覧だけをWordPressで作成したサイトで表示させたいとか、Facebookに投稿しているものを好みの見栄えで表示させたいという要望が結構あります。 そういった要望が出た際に便利なのがfetch_feed()という関数で、これを使用してアメブロ（PRを除外したもの）・外部のWordPressサイト・Facebookそれぞれのフィードを取得・表示させる方法です。 fetch feed関数の使い方 WordPressで外部のRSSフィードを取得・表示する際にはfetch_feed()という関数を使用します。 下記はCodexにあるサンプルソース（コメントは消してあります）で、こちらを参考にすれば簡単に外部の

This domain may be for sale!