＋かわっちの・・・

ハロウィーンなのでテーマを変更しました。
最近、ブログ更新できてません。
最近？今年ですね。
いろいろと書きたいと思って写真撮ったりしているんですが、写真止まりになってます。
メールに添付して送信するだけなのに、サボりです。
もう、あと２ヶ月でクリスマス。
今年ももう終わりです。
今年は、いろいろと大きな動きがあった１年でした。
あと残り２ヶ月で今年をハッピーに終わらせられるように頑張りたい＾＾

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

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

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

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

©®™

右の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で見たらこんな感じです。