Postの分割

はまっていたPostをSplitするとPreviewで追記部分が表示されないこと。
PreviewTemplateに追記（Extended要素）を明示的に記載しないといけなかったことに気づく。オリジナルのTemplateをよく見ておけば良かった。

TemplateのBody要素の記述が次のとおりだったところに

<div class="entry-content">#body#</div>

追記部分のPlaceholderの”#extended#”を追加して下記に変更

<div class="entry-content">#body# 
#extended# </div>

ということで、MarsEditで追記を取り扱うなら、<!–more–>タグを使うよりも、PostメニューからSplitPostコマンドでPostを分割した方が便利に編集が出来そう。

Blockquote用のブックマークレット改造

先日のエントリでは、MarsEditのブックマークレットで引用から新規Postを作成するためのテンプレを改造してみた。ただ、このブックマークレットでは、既に編集をはじめているポストへの引用テキストを整形して追加するのが少し面倒。そこで、blockquote要素とcite要素について調べていたときに発見した、下記のブックマークレットをすこーし改造して、自分仕様にしてみた。

読み手にも、(おそらく)解析マシンにも優しい手法として、BLOCKQUOTE要素(+CITE属性)とCITE要素のグループ化が、個人的には、現時点での最適解かなと思います。ただ、このアプローチの弱点は、記述量が増えることです。只のテキストなので、データ量としては大したことはありませんが、ブログなど文章の書き手にとっては、なかなか見過ごせない問題です。そこで、こういうときの引用ブックマークレット。この手の引用ブックマークレットは探せば、いくらでもあると思いますが、自分なりに作成してみました。Firefoxでしか確認してません。他のブラウザ向けに調整が必要かも。

[From BLOCKQUOTE要素とCITE要素をめぐる考察]

改造後のブックマークレット…なぜか上手くエントリーに貼り付けできず。。。今のところ、Chromeでは問題無く作動中（の模様）。とりあえずJavaScriptを貼り付けておく。

javascript:(function(){var%20d=document,q,c,t,_c,S=function(s){return%20String(s).replace(/[&<>]/g,function(m){return%20{'&':'\u0026amp;','<':'\u0026lt;','>':'\u0026gt;'}[m];});};q=S(d.selection?d.createRange().text:getSelection()).replace(/[\r\n]+/g,'');c=S(location.href);t=S(d.title);if(!q)return;var%20ta,cls,div=d.createElement('div');div.style.cssText='position:fixed;top:30px;left:20%;z-index:1000;border:solid%205px%20#aaa;margin:auto;background:#ddd;width:60%;';ta=d.createElement('textarea');ta.value='<blockquote%20cite=\u0022'+c+'\u0022%20title=\u0022'+t+'\u0022><p>'+q+'</p>\n%20<cite>[From%20<a%20href=\u0022'+c+'\u0022>'+t+'</a>]</cite></blockquote>';ta.style.cssText='display:block;margin:20px%20auto%205px%20auto;width:96%;height:16em;';div.appendChild(ta);cls=d.createElement('input');cls.type='button';cls.value='%20Close%20';cls.style.cssText='padding:2px;text-align:center;width:8em;display:block;margin:5px%20auto;font:600%2015px%20arial;';div.appendChild(cls);_c=function(){var%20dv=this.parentNode;dv.parentNode.removeChild(dv)};cls.onclick=_c;d.body.appendChild(div);ta.select();})();

自動的に追加されるparagraphタグをオフに

前回の記事で書いていた

記事のアップロード時のオートフォーマット？
記事アップロード時にいくつか自動でHTMLが修正されている模様。Wordpress側の設定？要調査

[From MarsEditに移行してみる準備 | Studio-HYG]

WordPressでエントリを書いていると、WordPressが追加してくれるpタグ（HTMLに自動挿入される< p>）が邪魔になるときがある。
たとえば、埋め込んだオブジェクトと文字なんかの位置関係を調整したり、たくさん改行したいときなど。レアなケースとしては、PHPを実行させるプラグインを使って、エントリ内でPHPの複数行に渡る実行結果をHTMLで書き出そうとするときに、余分なpタグが追加されて都合が悪いというようなこともある。
そんなときに重宝するのが、WordPressのpタグ自動追加をオフにするプラグイン。
Disable wpautop Plugin

[From WordPressのpタグ自動追加をオフにするプラグイン: Disable wpautop | TechGaga]

これで、思った通りの動きになった。OK。

H3でサブタイトルっぽく

<h3>タグをサブタイトルっぽく魅せるようにCSSを下記の通り修正。leftとbottomにborderを設定してバックグラウンドにグラデーションを追加

#content h3 {
font-size: 1.2em;
padding-left: 5px;
padding-right: 5px;
border-left: 4px solid #336699;
border-bottom: 1px solid #336699;
border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-bottom-left-radius: 6px;
margin-bottom: 10px;
background: -moz-linear-gradient(center top , #FFFFFF, #F4F4F4) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
}

H4でサブタイトル２っぽく

<h4>も同じようにCSSを修正。ボーダーの種類を変えてこちらはグラデーションは無し。

#content h4 {
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
border-left: 4px double #336699;
border-bottom: 1px dotted #336699;
border-left-radius: 6px;
-webkit-border-left-radius: 6px;
-moz-border-left-radius: 6px;
margin-bottom: 10px;
}

その他、エントリタイトルのバックグラウンド、リストのマージン、引用のスタイルを少し修正。

• リスト
• リスト
• リスト

1. 番号リスト
2. 番号リスト
3. 番号リスト

引用はこんな感じで表示。

• 変更点１：画像サイズ

• 高さがちょっと。。。なので、小さめに変更。参考にしたのは以下の記事。

  以下のようなコードを Twenty Ten の子テーマの functions.php に追加してみると、画像サイズが変わりました！！

  [From [053] Twenty Ten ヘッダー画像サイズ変更 | WordPress experiment – twentyten customize-]

  実際に追加したのは、以下のコード。横は変えずに縦を98pxに縮小

  
  <?php
  
  /* Change Header Image Size - WIDTH - */
  
  function custom_twentyten_header_image_width() { return 940; }
  
  add_filter('twentyten_header_image_width', 'custom_twentyten_header_image_width' );
  
  /* Change Header Image Size - HEIGHT - */
  
  function custom_twentyten_header_image_height() { return 98; }
  
  add_filter('twentyten_header_image_height', 'custom_twentyten_header_image_height' );
  
  ?>
  

• 変更点２：スタイルシート変更（フォント周り）

• フォント、フォントサイズ、行間等。これまでに使っていたVicunaに加えていた変更を参考に。まだ、微調整必要。

• 変更点３：スタイルシート変更（フォント以外）

• タイトルカラーなど、これもVicunaから参考に。

• 変更点4：Single.phpとLoop.php変更

• ナビゲーションとか、諸々。こちらも、まだ微調整必要かも。

• 今後の予定

• アフィリエイトとか、もう少し貼ってみようかと検討中。うるさくならない程度に。

ついでに、先週の週次アップデート（1月7日の自動エントリ）にも日付追加。

慌ててやると良いことない。ホントに。仕事でもこれ大事。慌ててやらない。一旦止まって考える。出来れば、一晩寝かせて考える。一旦アウトプットするぐらいは良いけど、見直しが肝心。

夜の空き時間を使って諸々アップデート

• WordPress 3.01
• wp.vicuna 2.0.3
• WordPressのプラグイン諸々（Twitter Tools含む）
• Jedit X
• ecto
• ATOK 2010
• Transmit

あと、来週のイベント二つに向けた準備色々。

WordPress 2.xx -> 3.01

wp.Vicuna Ext. Custom 1.5.9 -> wp.vicuna 2.0.3

1. テンプレート配布先のWebからファイルダウンロードして、WPのwp-content>themesフォルダにフォルダごとアップロード
2. WPのテーマ管理画面でvicuna 2.0.3を選択。
3. ウィジェットの設定がデフォルトに戻っているので適当に設定（一部vicuna専用のものに変更）
4. core.cssを今まで使っていたものと同等に変更。

Twitter tools

今回一番めんどくさかったかもしれない。Twitterの認証方法が変更されていた。TwitterのWebからTwitter Toolsをアプリケーションとして認証させる必要アリ。

1. プラグイン更新すると現れるアラートの指示に従って、アプリケーション認証を実施。
2. アプリケーション名の設定でちょっとはまる（適当に設定してしまったが大丈夫。。。かね？）。
3. Consumer Key, Consumer Secret, Access Token, Access Token Secretが発行されるので、Twitter Toolsの初期設定画面で入力・設定。
4. Twitter ToolsとTwitterのひも付け完了。

アプリケーション諸々

Jedit xとectoは、マイナーアップデート。 ATOKとTransmitはメジャーアップデート。ATOKは、スピード以外まだあまりアップデートの恩恵を受けていない。。TransmitはLook & feelに大幅変更アリ。且つ、スピードがだいぶ変わった。これは、大きい。iPadとの組み合わせも効果あるかも。ちょっと研究の余地有り。

1. エントリーポストをTwitterにお知らせする機能をTwittMeからTwitter Toolsへ。

このブログのエントリーポストをTwitterに自動でつぶやく機能はTwitMeを使っていたのだけれど、Twitter Toolsにプラグイン機能が備わって、つぶやくエントリのカテゴリを決められるようになっていたので、TwitMeには引退いただいて、Twitter Toolsへ一本化。

2. WP Super Cache導入＆Head Cleaner導入

このあたりはこの記事を参考に。

3. dolipoキャッシュ消去

あと、このあいだ、Twitter関係変更メモで導入していたTopsyのボタンが、一昨日ぐらいから表示されなくなっていたのがどうしてもなおらなかった。

WordPressのForumでは、ブラウザキャッシュをクリアすると良いという書き込みが。

If you’re having any issues with the button v1.2.2., the most likely cause is that your browser is caching old files that are interfering with the button. If you completely clear your cache, your issues should resolve.

[From WordPress › Support » [Plugin: Topsy Retweet Button] Topsy 1.2.2 Not working on WP 2.9.2]

でFirefoxでいくらキャッシュを消去しても、再起動しても改善されない。

Safariでもためしてみたけれどもだめ。。。とここでようやく原因に気がついたのが今日。バカみたいな事でした。dolipo導入していたので、こちらのキャッシュを削除しないとイケなかったのだ。で、dolipoのキャッシュ場所をググって、以下の記事を参考にキャッシュ消去。

［N］「dolipo 1.0.7」でキャッシュサイズを調整可能にを参考にして、自分の場合はユーザ → (ユーザー名) → ライブラリ → Application Support → dolipo → Cacheにありました。フォルダ内ファイルを全選択 → 削除で良かったみたい。

[From dolipoのキャッシュ削除 - coldcupのメモ]

WordPressの内部では、日時を全てUTC（GMT）で扱っているので、Twitter Toolsのみ、変にタイムゾーンの指定を加えたり、あるいは時差をハードコードせずに、WordPressの関数を使って時差を解決することにしました。 [From # えびログ - Twitter Toolsのダイジェスト投稿の際の時間表示]

• サーバー：さくらのレンタルサーバ スタンダード
• WordPress： 2.9.2（日本語）
• WPのタイムゾーン設定：東京
• Twitter Tools：2.2.1

それから、Twitter Toolsのカスタマイズに挑戦。

以前はそれほど問題無かったと思うけど、今年の1月から、ちょいと動きが変わってたので

なぜか、投稿時間がGMTで表示されている（ように見える）という不具合。色々ググって、下記の記事を参考に。

アップデートにより以前のカスタマイズの挙動がおかしくなったので、いじって見ることにした。

まず始めに前回削除してしまったtwitter-tool.php
ここはDBにinsertする部分なので、ここの時間を変える。こうすることでDBにGMT+9時間が自動的に入る。

[From ｶﾞﾁﾑｷ覚書 » Blog Archive » WordPress2.9 TwitterTool カスタマイズ]

まずはDBにGMT+9時間を入れる変更。

次に、表示時間の設定。

最後に時刻表示とダイジェストの取得時差修正。

さて、今夜のダイジェスト投稿がちゃんと出来ていることを祈る。

追記：結局上手く行きませんでした。ということで別の方法を講じてみる。

Creating a footnote is dead simple, just include it with double parentheses （(Your very own footnote!)） , like that. With the WP-Footnotes plugin enabled the previous sentence will end up looking like this: Important note: Make sure you include a space before your opening double parentheses! or the footnote won’t work. [From sw'as]

1. さくらインターネットのスタンダードコースに申し込み。 Wordpress設置に必須のMySQLが使える最安価のコース。
2. 不安定な状態のFTPをかいくぐってXREAからサーバ上のファイル全てバックアップ。 XREA障害中はMacで使ってるTransmitが使えなかったので、VMWareで動かしてるFFFTPのタイムアウト設定を変更して対応。
3. XREAのphpMyAdminからWordpressのデータベースをエクスポートしてバックアップ。 wp_optionsを除外するって記述もあったけど、インポートしてから変更も出来そうだったので、ここは全データバックアップ。 参考にしたのは次の記述

phpmyadminでデータベース内にあるテーブルを確認してみましょう。 wp-optionsというテーブルがありませんか？？ こいつのサイトURLを書き換えます。 wp-opyionsを選択　→　表示をクリック で、テーブル内が表示されると思います。 この中にあるoption_id が１のもの （option_name が　siteurl　のもの） これのoption_valueがサイトURLになってませんでしょうか？ これを新サーバの初期ドメインに書き換えます。 （僕の場合は、さくらインターネットなので ××××××.sakura.ne.jp　みたいなやつ。 且つ、/blogディレクトリにこのブログがあるので 僕の場合は××××××.sakura.ne.jp/blog　です。） [From GFg » wordpress サーバのお引越しの巻]

4. さくらインターネットのサーバに２．のデータをアップロード。 wordpressフォルダとwp_adminフォルダに設定した.htaccessの設定はさくらでは不要なので、削除。
5. さくらのアカウントでデータベースの設定。 さくらのphpMyAdminで３．でエクスポートしたWordpressのデータベースをインポート。
6. wp_optionsテーブルのsiteurlをさくらのサーバーのwordpressファイルを置いてあるフォルダに変更。
7. wp_config.phpのデータベースに関する設定を変更。 注意が必要だったのは MySQL のホスト名。「 (ほとんどの場合変更する必要はありません。) 」と書いてあるけど、さくらの場合は変更が必要。「’mysqlxxx.db.sakura.ne.jp’（xxxはアカウントによって違うハズ）に変更しないと動かない。参考になったのはここの記述。