＋かわっちの・・・

WordPressのバージョンアップしました。
2.7.1を使用してて、だいぶ前に2.8にメージャーアップデートされてたんだけど、
データが消えるだとかいう不具合が出てたので少し敬遠してました。

今回は、旧バージョンのセキュリティーバグを利用して攻撃されるという事でしたので、
思い切ってバージョンアップしました。
WordPressを使用しているサイトを４つ持っているので、一番被害の少ないものから実験。
バージョンアップの方法は、FTPによるデータの上書きです。
ファイル数が多い為多少時間がかかりましたが、あっさりと完了。
敬遠していたのが嘘みたいでした。

こんな事なら早めにやっとけば良かったです。
まぁ、被害は受けてないからいいんですけど。

大きいサムネイルサイズ200px×200px
下２個の場合　サムネイルサイズ92px×92px
下３個の場合　サムネイルサイズ56px×56px
下４個の場合　サムネイルサイズ38px×38px
上記のサイズで写真を配置すると、ぴったり収まるようにcssを調整しました。
１枚目と２枚目の間に改行をいれるのがポイントでした。

©®™

↑↓←→＞＜
≫≪[TOP][ココ][.i|][得][割][指][営][月][申][サ]
♂♀[乳幼児][祝][VS][株価][為替相場]
[蛇遣座][☆][A型][B型][AB型][O型]◎●◎
○×

[結婚式][街][天守閣][城][キャンプ場][東京タワー]
[自由の女神][虹][公園][ローラーコースター][ロケット][パトカー][消防車][救急車]
[トラック][駅][工事中][初心者][スロット][理髪店][祝日][韓国][中国]
[フランス][スペイン][イタリア][ロシア][イギリス][ドイツ]

[門松][チョコ][お雛様][ランドセル][卒業式][鯉のぼり][線香花火][風鈴][ハロウィン][お化け][サンタクロース][クラッカー][風船]
[MD][ビデオ][音声][お知らせ][メガフォン][パラボラ][オークション]
[ピストル][カプセル薬][注射器][アメフト][ビリヤード]
[トロフィー][当たり][麻雀][トランペット][サックス][ギター]〽
[ロングブーツ][ネクタイ][ワンピース][着物][帽子]
[フライドポテト][スパゲティ][カレーライス][駅弁][寿司][煎餅][ご飯][鍋][卵][おでん][串団子][ソフトクリーム]
[かき氷][蜜柑][西瓜][苺][茄子][トマト]

[鼠][ハムスター][兎][蛙][虎][コアラ][熊][牛][猪]
[猿][チンパンジー][ラクダ][羊][象][蛇][毛虫][蛸][鯨][花束]
[向日葵][椰子の木][稲穂][貝]

(#□#)[悪魔]
☆?[ファイヤー][ウンチ]
↑↓→←＼(^o^)／[ゴメン][No.1!][力こぶ][人と人][フラメンコ][バニー]m(__)m[手を繋ぐ]
[エステ][美容院][マニキュア](^_^)(^^)('')('_')[赤ちゃん][おばあちゃん][おじいちゃん][白人][中国人][インド人][安全第一][交番][天使][お姫さま][衛兵][ドクロ]
[鼻]

右のiPhoneの背景の上に時計を表示できるようになりました。

っていっても前から表示できていたんだけど、IEで表示できてなかったから、ちょっと修正しました。
webで調べても、パッとしない。 :hatena03:
手元にあるサンプルとかいろいろ参考にして、ようやく完成しました。

(続きを読む…)

「Custom Posts Per Page」を導入しました。

ここから、コードをダウンロードする。
ダウンロードしたperpage.phpsをperpage.phpにリネームして、プラグインフォルダに入れる。
後は、有効化して終了。

$posts_per['home'] = 4;
$posts_per['day'] = 10;
$posts_per['month'] = 10;
$posts_per['search'] = 10;
$posts_per['year'] = 999;
$posts_per['author'] = 999;
$posts_per['category'] = 999;

デフォルトでは、

ホーム ４件
日別アーカイブ １０件
月別アーカイブ １０件
検索結果 １０件
年別アーカイブ ９９９件
カテゴリー ９９９件

となっているので、ここの数字をいじる事で好みにカスタマイズできるようなります。

先程の表示／非表示のテストを終了してwebに実装したら、表示しっぱなし。 :hatena03:
調べたらprototype.jsとjQuery.jsっていうJavaScriptのライブラリ同士が衝突してうまくいってないみたい。
prototype.jsって何使ってる？
Lightbox2で使ってた。（写真を動的に表示するプラグイン）
これは無くしたくないんで、対策を調べる。
jQuery.jsのライブラリには、衝突防止機能がそなわっているということ。

参考にしたサイト
jQueryと他のライブラリを同時に使用する方法
両方とも$関数を使用するので干渉してしまうみたいですね。 (続きを読む…)

検索とかカテゴリーとか月別アーカイブとかを表示した時に記事を表示しないようにしたいと思った。
でも、タイトルだけってのも味気ないので記事の部分が簡単に表示／非表示の切り替えが出来たらなって。

いろいろ検索した結果、良いのを見つけた。
ttp://wordpress4cms.net/category/plugins-widgets/
ここのみたいな感じにしたいなって思って、ちょっと調べてみた。
jQueryっていうJavaScriptのライブラリを使って表示／非表示しているみたい。
(続きを読む…)

土日あんまりヒマだったので、ブログのテーマを更新しました。
前のデザインをもとに、結構いじりました。

一応、IEとFirefoxとsafariでは確認しました。
一番おすすめは、safariで次がFirefoxですかね。
IE表現力では、一部表示されないものもあります。
（力不足です :naku01: ）

IEでは、iPhoneの画面に時計が出ません。（調査中）
お気づきの方もいると思いますが、写真をクリックすると拡大します。
さらに、記事内に複数の写真がある場合は、写真の左右をクリックすることで次の写真に移動します。

faviconの表示の方法
faviconとは、アドレスの左側に表示されるアイコンのことです。
IEだったら、白紙にeのマーク。
Firefoxだったら、白紙。
safariだったら、青い丸みたいなやつに標準ではなってるはず。

表示ページのheader部分に以下のコードを入力するだけでOK。
<link rel="shortcut icon" type="image/x-png" href="<?php bloginfo('template_url'); ?>/images/favicon.png" />

このコードの赤色の部分は、パスなんで変えて下さい。しかも、WordPress用のphpだし。
このブログでは、を使っています。

次は、b-quoteを試してみます。
以下のコードをCSSに記入しました。

blockquote
{
margin: 15px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 50px;
background-position: 5px 10px ! important;
background-image: url(images/quote.gif) ! important;
background-color: #FAFAFA ! important;
background-repeat: no-repeat ! important;
background-position: 8px 10px;
border-color: #EAEAEA;
border-width: 1px;
border-style: solid;
border-left-color: silver;
border-left-width: 5px;
border-left-style: solid;
font-weight: normal;
font-size: 12px;
}

codeとは、違った感じになりました。

codeを試してみます。
以下のコードをCSSに記入しました。
code
{
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font-size: 1em;
font-family: 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background-color: #FAFAFA;
border-color: #EAEAEA;
border-width: 1px;
border-style: solid;
border-left-color: silver;
border-left-width: 5px;
border-left-style: solid;
font-size: 12px;
}

こんな感じになります。

モバイル用のページのトップ画面では、タイトルのみの表示をしていましたが、記事の一部を表示するように変更しました。

こんな感じです。

はてなブログの時に引き続き、このサイトでもGoogle analyticsに登録しました。
chicappaサーバーのanalytics機能が優れてるんで、別にいいかな？って思ったんですが一応。
header.phpのの前に、トラッキングコードをコピペするだけの簡単設置。
どんなデータが取れるのでしょうね。

wptouchを導入してから、iPhoneからのコメントが出来ない状態になっていました。
４０４エラーになるんですよね。
ソースを見て四苦八苦 :hatena03:
ようやく発見しました。

<?php echo get_option(’wpurl‘); ?>/wp-comments-post.php

wordpressのインストールしているフォルダを読み込んでいるところを、

<?php echo get_option(’siteurl‘); ?>/wp-comments-post.php

に変更するとコメント出来るようになりました。

Ktai Entryから絵文字付きの投稿がNGのようです。
Gmail経由もダメ。
Yhaoo!メール経由もダメ。
ちなみにキャリアはSで、ケータイはiPhoneです。
Gmailでは????????
Yhaoo!では〓〓〓になってしまいます。

Gmail上では表示されてたのに、Yhaoo!上ではもうすでに〓でした。
特に、絵文字投稿は必要としていないのでOKです。

写真も送ってみる。

レンゲが2つ！(謎)

インストールできました。
またまたテストです。

iPhone iTouch用のプラグインを入れてみました。

iPhoneで見たらこんな感じです。