html

CSSで作るレスポンシブ&クリッカブル日本地図

CSSで作るレスポンシブ&クリッカブル日本地図 - thumbnail

Index

  • レスポンシブデザインでモバイルでもレイアウトが崩れないCSSだけで実現するクリッカブルな日本地図が欲しい。
  • ダウンロード
  • html
  • css
0 comments

bodyクラスに投稿/カテゴリの所属スラッグをすべて付与する

bodyクラスに投稿/カテゴリの所属スラッグをすべて付与する - thumbnail

bodyとpostクラスに所属カテゴリのスラッグを付与したい。 だいぶ前に「投稿が所属するカテゴリの先祖や子孫を取得するあれこれ。」という記事を書きましたがそこそこアクセスがあったので、実用レベルでよく使うアレンジも紹介しておきます。functions.phpに入れるだけで動きます。正確には、使用テーマのテンプレートでbody_classとpost_classを使用していれば動きます。 実...

0 comments

画像を背景指定せずにCSSだけでクロップする方法

画像を背景指定せずにCSSだけでクロップする方法 - thumbnail

Index

  • 画像を背景指定せずにCSSだけで正方形に切り抜く。
  • 写真をdivの中央からカバーするサイズで配置する。
  • DEMO
0 comments

投稿記事内のaタグを画像リンクとテキストリンクに判別してクラスを装飾する。

投稿記事内のaタグを画像リンクとテキストリンクに判別してクラスを装飾する。 - thumbnail

Index

  • WORDPRESS投稿内のリンクに独自クラスを付与し、cssでのテキスト装飾やライトボックス系のJSプラグインを扱いやすくする
  • CODE: Link item CSS class filtering
  • 設置方法
0 comments

投稿が所属するカテゴリの先祖や子孫を取得するあれこれ。

投稿が所属するカテゴリの先祖や子孫を取得するあれこれ。 - thumbnail

Index

  • wordpressの先祖&子孫タクソノミを取得する関数
  • 子孫カテゴリを取得する
    • 記事が所属するカテゴリのうち最下層のものだけを取得する
    • ちなみに複数ツリーに分岐してセレクトされているときは…
    • 下記関数群をfunctions.phpに記載します
    • 出力の仕方
  • 先祖カテゴリを取得する
    • 最上層のカテゴリIDやスラッグを取得する場合
    • 下記関数群をfunctions.phpに記載します
    • カテゴリから先祖カテゴリを取得する場合
    • 投稿から先祖カテゴリを取得する場合
    • 複数の先祖に属するカテゴリが設定されている投稿から特定の先祖カテゴリを取得する場合
    • 出力の仕方
  • おまけ:第二階層の先祖カテゴリを取得する
    • ウェルカートの場合、第二階層のカテゴリが取得したい
    • 下記関数群をfunctions.phpに記載します
    • 商品シングルテンプレートから呼び出す場合
    • 商品カテゴリテンプレートから呼び出す場合
0 comments

1~5 of 5 posts