WordPressのパンくずリストに構造化データマークアップを

最近、個人的にちょっと熱いブームが来ている構造化データ。WordPressでつくったサイトにも取り入れようということで、パンくずリストを「構造化データマークアップ」してウェブ検索結果に

てな感じで表示させるようにしてみました。
(と書きながらこのブログでは実装してないんですけど 😉 )

さまざまな方法がありますが、今回は『本格ビジネスサイトを作りながら学ぶ WordPressの教科書2』(SBクリエイティブ)や、『WordPress 標準デザイン講座 【Version 4.x対応】』(翔泳社)などで解説されているプラグイン『WP SiteManager』を使ったときの実装法です。

なお、構造化データの概要やマークアップに必要なプロパティ、コード例についてはGoogleが公開している公式ドキュメントをご参照ください。
続きを読む WordPressのパンくずリストに構造化データマークアップを

[WordPress] カスタム投稿・カスタム分類のリネーム方法

ググってみたら意外にも日本語での情報がない!ということで、情報源(英語)を補足するかたちでまとめてみました。黒い画面(WP-CLI)でやる方法も書いたですよ。無保証の技術情報につき、ご利用は計画的に。

続きを読む [WordPress] カスタム投稿・カスタム分類のリネーム方法

『Jetpack』のフォーム機能がつくるCSSへの link タグを head セクションに押し込んだよ

以前のエントリーで紹介した『Jetpack』のフォーム機能。サクッとサイト内に実装できて便利なんですが、困ったことに body セクション内にCSSへのリンクを作ってしまうことが発覚しました。
(@msngさんありがとう)

これはなんかムズムズする仕様なので、head セクションに押し込むことにします。お約束の「ご利用は計画的に」の技術情報ですのでお含み置きを。

続きを読む 『Jetpack』のフォーム機能がつくるCSSへの link タグを head セクションに押し込んだよ

[Google Calendar Events] イベントの内容に応じて数字の色を変えてみた

Googleカレンダーが出力するフィードを引っぱってきて、WordPressのサイト内に表示させることのできるプラグイン『Google Calendar Events』。GoogleカレンダーのスマートなUIでイベント管理しつつ、サイトのデザインに合わせたカスタマイズができるなかなか有用なプラグインです。

先日、このプラグインを使ったサイト構築の案件で「カレンダーの内容(=イベントのタイトル)に応じてカレンダーの色を変えたい」というリクエストがあったので、jQueryを使って解決してみました。いつもどおり「ご利用は計画的に」の技術情報ですが、どなたかのお役に立てれば。

なお今回は、カレンダーをグリッド表示させている場合のカスタマイズ例なので予めお含み置きを。


↑こんな感じにカレンダーを表示させた場合ですね
続きを読む [Google Calendar Events] イベントの内容に応じて数字の色を変えてみた