CSSだけでサイズの違う画像をdivの上下中央に配置する CSSだけでサイズの違う画像をdivの上下中央に配置する方法です。サンプルはこちら。 CSS(IE9まで) .imgBox { margin:5px; background:#EEE; float:left; text-… haradaハック2014.05.28 1,488
MT:エントリーが属しているカテゴリ一覧の中で最初だけ表示を変更する 何回ループするかをカウントすることで、ループタグの種類にかかわらず利用できます。 <mt:Setvar name="contSubs" value="0"> <m… haradaハック2014.05.28 292
検索結果にパンくずリストを表示するためのマークアップ 検索結果のURLの部分が、たまにパンくずリストのように階層的になっているサイトがあります。あれを実行するためには以下のようにマークアップします。 マークアップ前のパンくずリスト <a href="http… haradaハック2014.05.27 184
構造化データを使用してschema.orgに沿ってマークアップしてみる Googleでは、構造化データを利用することによりサイトのコンテンツを把握して検索結果に表示することができます。構造化データマークアップにより、サイトにかいてある情報を正しく検索エンジンに伝え、ユーザーがより正確に検索キ… haradaハック2014.05.27 496
divの縦横比を維持する ウィンドウサイズを変更してもdivの縦横比を維持する場合のcssです。 表示サンプルはこちら CSS div.div01 { /*1:1*/ width:24%; height:24vw; margin:0.5%; ba… haradaハック2014.05.26 1,759
ウェブマスターツール:構造化データ>hentry のエラーが出た時の対処方法 WordPressのテンプレートで<?php post_class(); ?>タグを利用している場合、ウェブマスターツールで以下のエラーが出ることがあります。 author がありません entry-titl… haradaハック2014.05.26 165
MT:複雑な条件分岐ができるtestモディファイア testモディファイアを使うことで以下のような条件分岐ができます。 <mt:Setvar name="contSubs" value="0"> <mt:SubCa… haradaハック2014.05.23 551
MT:所属するエントリーのないサブカテゴリを出力しない mt:SubCategoriesタグでサブカテゴリ一覧を出力すると、まだ所属しているエントリーがない場合でも出力されてしまい404エラーとなってしまイます。そこで下記のように条件分岐することで、エントリー数が0のサブカテ… haradaハック2014.05.23 641
GoogleAnalyticsで検索キーワードが(not provided)となった時にすること どんな検索キーワードでたどりついたのかを知りたいのに、Googleの検索ページがSSLを適用した関係で、現在ほとんどの検索キーワードが(not provided)となってしまっていて分からなくなっています。 そんなときに… haradaハック2014.05.22 148