技術

WordPress for iPhone が新しいバージョンになった段階で便利に使用していた統計情報が使えなくて困っていたのですがダイアログが出てきてJetPackでセッテしろということらしいです。

IMG_4471 Photo by tokiyan

サイトを独自ドメインで運用しているのですが管理画面からJetPackにアクセスする必要があります。以前にWordpress.comと連携しているのでそこは済んでいるものとします。

設定を行うと統計情報が利用できるようになります。（利用していたのですが再度設定をしました）

次にiPhone版のWordpress側で、Wordpress.comのアカウントの設定を行うことで統計情報が見えるようになります。

IMG_4472 Photo by tokiyan

これでどこでも確認ができるようになりました。

ちなみにこのWordpres for iOSはソースが公開されているので中を覗いて見ることができます。最近見かけるこのメニューの出し方とかも勉強したいので今度久しぶりに見てみようっと。

• WordPress iOS App

 

 

WordPress 3.1.1（無料）
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Automattic – Automattic, Inc.（サイズ: 5.2 MB）

LinkWithinは便利なんですがWordpressのプラグインで表示すると常に表示されてしまいます。
私のテーマはWptouchとかではないので常に同じサイズだと横に広がってしまうのでこれを回避するために任意の箇所に入れてみたいと思います。

[WordPress] 関連記事を表示する LinkWithin を好きな場所に表示させる * ラクイシロク

こちらでやり方が載っています。
早速IDを取得したのでテーマのシングルページに入れてみたいと思います。今度は5件表示させておきます。

現在のソースを見ると

var linkwithin_site_id = 282342;

でした。

<div class="linkwithin_hook" id="<?php the_permalink() ?>"></div><script>
<!-- //LinkWithinCodeStart
var linkwithin_site_id = *******;
var linkwithin_div_class = "linkwithin_hook";
var linkwithin_text = "You might also like:";
//LinkWithinCodeEnd -->
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

このコードのsite_idの箇所に先ほどの番号をいれて任意のページに追記する事で出来ます。
実際には、iPhoneの場合には表示したくないのでPHPのソースの中で分岐処理をして対応をしています。広告表示用のソースと一緒になってしまっていますが参考までにその付近のコードを掲載しておきます。

[cc lang=”php”]








[/cc]

先日は、Popular-post プラグインにサムネイルを足したのですが同じように「Post-Views」プラグインでのウィジェットにもサムネイルをつけてみました。

[Wordpress]「人気記事」のウィジェットにサムネイル画像を付ける | Roguer

ある上記の記事で参考にしてほしいのはCSSの箇所です。この箇所は同じになるようにしています。

post-viewsのプラグインの 2260行目を以下のように修正しています。出力結果は上記の Popular-postでの書き出しにあわせています。これでサムネイルが表示されていい感じに表示されますね。「Popular-post」よりも「Post-Views」の方が柔軟に表示が出来るので利便性はあると思います。

wp-content/plugins/post-views/post-views.php
[cc lang=”php”]
$thum=get_the_post_thumbnail( $post->ID , array(64,64) );
$pv_views[$count] = array(‘title’ => ‘

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

photo credit: eisenrah via photo pin cc

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

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

[cc lang=”css”]
http://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」プラグインのカスタマイズを調べてみようと思う。