Month: 4月 2012

せっかく頑張って昨日スタイルシートを変更したのに朝見たら反映されていなくてがっかりな@tokidaです。

photo credit: eisenrah via photo pin cc

どうもキャッシュとかでうまく更新がされないみたいです。

style.cssを編集しても更新されないときがあるのでQueryをつけて強制的に更新させましょう。

[cc lang=”css”]
https://roguer.info/wp-content/themes/pohutukawa/style.css?1335523359″
[/cc]

スタイルシートの呼び出しには普通は style.css だけだと思うのですが旨くこのままでは更新してくれないときが多々あるので最後に上記のようにQueryをつけると旨く読み込まれます。

WordPressなのでこの部分を自動的にファイルの更新日にするようにしておくと旨いですね。

[cc lang=”php”]
href=””
[/cc]

私のこの pohutukawa テーマの場合には、header.php の 32行目付近にある箇所を上記のように修正する事で style.css の作成日を後ろにつける事が出来ます。

WordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする – かちびと.net

人気記事とかWordpressでは表示できるのだけどこの集計には色々プラグインによって違います。最近は「Post-Views」というのが気に入って使っていましたけどカスタマイズの仕方が難しそうだったので取り敢えず勢いに任せて「Populer Posts」を入れてみた@tokidaです。

いつものように、触発される記事があるわけです。

WordPressプラグイン「YARPP」と「Auto Post Thumbnail」を使用して関連記事を表示するのにようやく成功した | OZPAの表4

新しい記事も過去の記事も全部自動でアイキャッチを作成してくれるAuto Post Thumbnail | ごりゅご.com

実際にプラグインのカスタマイズにはこちらのサイトを参考にしました。

Popular Postsをカスタマイズして、人気記事のサムネイルを表示する方法 | Oxy notes

こんな感じでよくあるThumbnailついた画像が付けたかったのです。

方法はあちこちにでているのですが特に変わったことはしていません。

• Thumbnail（アイキャッチ画像）を利用しているため、自動的にアイキャッチ画像を作ってくれる「Auto Post Thumbnail」を入れます。これは過去のエントリーもアイキャッチ作ってくれるので非常にうれいいプラグインです。
• カスタマイズが楽な、「Popular Posts」プラグインを入れます。他のプラグインでもカスタマイズする箇所がわかっていればなんとかなると思います。
• 以下の設定はあくまでもこのサイト用の設定なので好きなように（備忘録としてメモ）

• Output の設定内容で「Output Template:」の中に以下のように記述。
  [cc lang=”html”]
  
  {php: echo get_the_post_thumbnail( {postid}, array(64,64), array(‘title’ => ‘ {title}’ )); }

  {title}

  {snippet:20}…

  [/cc]

• テーマで利用しているStyleシートには以下のように追加。
  [cc lang=”css”]
  .wp-post-image {
  border:solid 1px #ccc;
  padding: 4px;
  float: left;
  margin-left: -80px;
  margin-bottom: 10px;
  /* vertical-align: text-top; */
  }
  .popular_posts {
  padding: 3px;
  margin-top: 3px;
  margin-left: 80px;

  }
  .popular_posts_title {
  margin:2px auto;
  font-size: 90%;
  }
  .popular_posts_snippet {
  margin:2px auto;
  font-size: 75%;
  color: #A0A0A0;
  }
  [/cc]

昨日からすげ～入れたくて仕方なかったので満足でゴザル。

興味が出てきた方は、GWの暇つぶしに是非。
折角なので「Post-Views」プラグインのカスタマイズを調べてみようと思う。