Posts Tagged ‘ web ’
近年の携帯電話、スマートフォンの劇的な進化によって、モバイルでのサイト閲覧が増えているかと思います。
現に、このサイトでもモバイルでのアクセスが２～３割です（iPhoneが多い・・・）。
色々とモバイル化を試みているわけですが、妻のiPhoneでサイトチェックなどしております。
それで、オンライン上でウェブサイトのモバイルチェックが可能なウェブサイトを見つけたので、自分メモを含めてここに記載します。
結構簡単で、URLを入力すれば結果が出てきて、データも見れます。
ちなみに、本サイトのmobiReadyでの結果は以下の通り：
そして、W3C mobileOKでの結果は以下の通り：
まーまーですけど、まだまだ頑張れそうです。
mobiReady – http://ready.mobi/
W3C mobileOK – http://validator.w3.org/mobile/
本ブログはWordPressで作成していますが、プラグインなるものを追加する事で様々な事ができます。
レンタルブログと比べて自由な反面、全部自分で管理しなければいけないので、面倒な事も多いです。
PC閲覧用のテーマは気に入っているのですが、スマートフォンでは文字が小さく、ズーム等の操作が必要で快適とは言えません。
先程インストールしたプラグインはWPtouch。iPhone等のスマートフォンに表示を最適化したプラグインです。
Wordpressプラグインですのでインストールは簡単で、カスタマイズ機能も豊富です。
実際の操作は快適でした（妻のiPhoneで確認したところ）。
iPhone上では自動的に最適化されますが、通常のPC表示の切り替えも可能です。
私はiPhoneを持っていないので、iPhoneyを動作確認に使おうかな。
Pro版もあるみたいですが、私の用途としては無料版で十分です。
WPtouch（Wordpress内）http://wordpress.org/extend/plugins/wptouch/
BraveNewCode（開発元HP）：http://www.bravenewcode.com/store/plugins/wptouch-pro/
参考サイト：http://iphone-lab.net/archives/701
WordPress（英語）http://wordpress.org/
Wordpress（日本語）http://ja.wordpress.org/
iPhoney（iPhone Simulator, Mac only）http://www.marketcircle.com/iphoney/
ブログにGoogle+1 ButtonとGoogle+ Widgetを追加しましたので、自分メモとして残します。
Google+1 ButtonはFacebookのLikeボタンやmixiのイイネ！ボタンと同じで、自分のページに「+1」を累積させていく機能です。
Google+ WidgetはGoogle+のCircle等に追加する機能をもったウィジェットです。
どちらも簡単なカスタマイズは可能ですが、コードをコピーして自分のページの好きなところに設置するだけです。
Tech系のニュースで賑わっていたGoogle+。
試してみたかったのですが、アカウントは現在招待性で参加できませんでした。
そんな時、弟と話題になり、彼はアカウントを持っていたので、頼んだら快く招待してくれました。感謝。
そういえば、FacebookもGMailも流行り出す前は招待性で、両方とも弟が招待してくれたな。おたく系兄弟、万歳。
既にGoogleのサービスはかなり使っており、その延長でSNS的にも、ブログ的にも使えるのではないかと期待しております。
家族と写真の共有はPicasaを使っており、メールはGMailを使っており、
RSSはGoogleリーダーを使っております。
Facebookやtwitterとは性質が異なるのですが、自分なりの使い方を模索中です。
Inviteはあるのですが知り合いは既にほとんどがアカウントを持っている…。
Webのクラウド上に専用のハードディスクを持つことのできるオンラインストレージサービスです。
Dropboxの便利なところは、同期が常に自動なのでアップデートし忘れることが無い点です。
操作も簡単なので、使いやすいと思います。
無料では2Gbまでの利用となりますが、活用しています。
そう言えば、この説明を義父にした時、
「あれやろ、雲の上にあるヤツやろ」
と言われ、なんて反応したらいいか迷いました。
mixi日記への連動や、ブログの記事のチェックにRSSをよく使っています。
WordpressでもRSSの書き出しをStaticにしてみました。
自分メモとして書き留めておきます。
WordPressの特徴として、動的なページ生成が挙げられます。ページにアクセスがあった時にページが作成されるイメージです。
フィードの購読に関してはその都度読み込んでいては非効率なので、フィードだけStaticにしてみました。
つまり、XML系のフィード購読用のファイルを、記事に変更がある時に生成して書き出を行い、アクセス時はその書き出したファイルにする。
こういう時は豊富なプラグインが役に立ちます。
特に何か変わったわけではないんですが、Movable Type時代に使っていたフィードのファイルがWordpressに移行した今でも同じなのは安心出来るものです。
参考にしたホームページ：
http://wordpress.org/extend/plugins/staticfeed/
http://www.pluginspodcast.com/plugins/staticfeed/
http://www.g-loaded.eu/2008/05/10/fast-static-feed-wordpress-plugin/
ブログ記事本文のすぐ下に、「関連するページ」をいくつか表示させてみました。
プラグインを使用せず、PHPで生成しました。
WordPressのプラグインは優秀なんですが、簡単なことにわざわざプラグインを導入するのもどうかと思い、コードで対応できないかと検索してみました。
コードは下記の通りです：
<?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'showposts'=>5, // Number of related posts that will be shown.
'caller_get_posts'=>1
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<h3>Related Posts</h3><ul>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
}
}
?>タグを拾って関連する投稿をのリストで記載してくれます。
参考URL：
http://www.bin-co.com/blog/2009/04/show-related-post-in-wordpress-without-a-plugin/
ブログ記事の更新時に、Twitterにツィートとして投稿するWordPressプラグイン、WordTwitを使い始めました。
PostTweetというプラグインを使った直後なんですが、早くも変えてしまいました。
まー、Movable TypeからWordpressに移行したので、しょうがないのですが。
Twitterを使い始めてまだ時間が浅く、利用目的とかがはっきりしないまま、ブログのサイドバーにつぶやきを入れてみたり、つぶやきボタンを入れてみたり、Facebookと連携取っています。
Movable Type時代に自分のブログ記事の投稿にも何かできないかと模索したのがPostTweetでした。
これからはブログの作成にWordPressを使っていこうと思っているのですが、記事を作成した時に、Twitterにつぶやきとしてブログの投稿を知らせるプラグインがあるということで導入してみました。
WordTwitというプラグインです。
数あるTwitterプラグインと同じく更新したブログ記事のタイトルとリンクを140文字以内でつぶやいてくれるプラグインですが、なかなか便利です。
ついにWordPressに乗り換えました。
今までMovable Typeを使っていたのですが、長らくWordpressを検討しておりました。
Movable Typeの良さとしては、静的なファイルを生成してくれることです。
アクセスのあるページに負荷がかかることがないのです。
しかしそのために何か変えなければいけない時には（記事やテーマや等）全て更新しなければいけません。この時点でサーバに負荷がかかる。
対してWordpressは動的なページ生成で、ページにアクセスがあった時にページが作成されるイメージです。
これではアクセスが多い時には負荷がかかるのですが、変更する時には多くのサーバ容量を必要としません。
何百万のヒットがあるページではないので、こちらでも構いません。
むしろ飽きっぽいために色々変えたくなるので都合が良いかもです。
更に、特にアクセスが多いページがあれば、それだけを静的に生成すれば良いのです。
移行について色々と問題があるのですが、事前準備をしていたつもりです。
大きくはインポート問題、そしてパーマリンク問題。
インポート問題としてはMovable Type からエクスポートしたファイルがWordpressのインポートに対応しているかどうか。
これはプラグインで問題なくいきました。
http://wordpress.org/extend/plugins/movabletype-importer/
こういったところでWordpressはヘルプが豊富です。
後は、Movable Typeに指定してあったパーマリンクをWordpressで適合したものにすることです。
こちらはHTACCESSに指定することで、今ままでの記事からWordpressのページに飛ばせます。
基本的に好きだった機能は何らかの形で踏襲しているつもりです。
Twitterやアーカイブリンクの配置、カレンダーなど。
後はこの際ですからテーマも変えてみました。
Wordpressは無料のテーマやプラグインが豊富で、好みのテーマもいっぱいありました。
白が基調ですっきりした感じが好きなのは変わらないので、似たような感じですが。
http://www.mono-lab.net/
一応はMovable Typeに戻せるように細工したので、将来的にそちらに戻るかもしれません。
不具合がないわけではなく、それらをちょっとずつ直していく必要があるのですが、しばらくWordpressを使ってみたいと思います。
http://www.wordpress.org
http://www.movabletype.org/
参考にしたホームページ：
http://www.barbarafeldman.com/from-movable-type-to-wordpress/
http://www.leancrew.com/all-this/2008/02/movable-type-to-wordpress-part-3/
http://makemyblogpretty.com/2010/01/25/movable-type-to-wordpress-a-migration-slightly-less-painful-than-the-trail-of-tears/
ブログに使用しているMovable Typeですが、個人的には好きです。
WordPressの良さも分かりますし、移行もかなり悩んでいるんですが。
http://www.analogmonkey.com/weblog/2010/04/movable-type-501.html
MT5になってブログのみならずウェブサイトのテーマとしても使用できるようになって、ブログではないウェブサイトもMT5で管理しようかと考えました。
http://www.analogmonkey.com/weblog/2010/07/post-900.html
ウェブサイトの見た目ですが、自分が見ていて落ち着く感じにしたいものです。
候補、というか要望は：
シンプルで、
白がベースで、
モノトーン、
といった具合。
なかなか良いテーマがありました。
http://atstyle.biz/theme_temp/free/mt5_html5/
うん、カッコいい。まだちょっと調整が必要ですが。
ひとまずはこんなところで。他の記事にも対応させたいところです。
最近ウェブサイト記事は書いていないのでネ。
いや、構想とアイディアはあるんですが・・・。
育児が・・・。
いや、育児を記事にすればいいのか・・・
あ、でもそれはブログで・・・（迷走中）
Bad Behavior has blocked 44 access attempts in the last 7 days.