コンテンツへ移動

2012年2月1日

スマートデバイスで記事の可読性を向上させる[Readability]

投稿者: monkeyish2010

ブログのモバイル用のページが、Androidスマートフォンで読みづらいため、Readabilityを適用しました。切り替える手順を記載しておきます。

.

スマートフォンで読む場合:

  • ここでは、Galaxy S IIを使用

[1]スマートフォンで、Readabilityを適用したブログのエントリにアクセスします。

[2]最適化されたページが表示されます。カスタマイズのアイコンをタップすると、文字サイズ、カラー、左右のマージンなどを変更できます。

スマートフォンでブログにアクセス

.

[3]ご使用のスマートフォンで読みやすいように文字サイズ、マージンなどを調整してください

文字サイズやマージンを変更した画面

.

[4]FacebookやTwitter(およびメール)で記事を共有することができます。短縮URLが生成されます

記事の共有も可能

.

デスクトップで読む場合:

[1]ブラウザで、Readabilityを適用したブログのエントリにアクセスします。

  • ここでは、Safariを使用
  • 電子書籍メディア論 第18回は[ http://rdd.me/nr3chrrk ]です

[2]上部に「Readability view」というテキストリンクが表示されますので、クリックします

デスクトップブラウザでブログにアクセス

.

[3]左側のツールバーで文字サイズ、カラー、左右のマージンなどを調整できます。画像だけを非表示にすることも可能です

文字サイズ、マージンなどを変更できる

.

[4]もし、Kindleがあれば、記事を転送することができます

Kindleに転送することも可能

.

参考:

.

更新日:2012年2月3日
境祐司

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

注: HTML が利用できます。メールアドレスが公開されることはありません

コメントの購読

%d人のブロガーが「いいね」をつけました。