暑い夏は、さらりな日本の生地を着るといいかも

暑い夏、節電の夏、昔ながらの日本の知恵が生かされる機会なのかもしれません。
着ることで云えば、京都発 新ジャンルの和装ブランド『SOU・SOUの「ゆかたみたてのワンピース」や「えんゆう履き(ステテコ)」なんか、見た目も涼しげで良さそうです。
季節を問わず、もんぺも気になります。
かわいいけど、お値段もそれなりで、私にはなかなか手が出せないのですが。

このSOU・SOUのネットショップ、カラーミーショップで構築されてるんですよね。
カラーミーショップのカスタマイズ例としても気になります。

リンクのお陰でアクセス数が急伸した話(ただし、一日だけ)

このブログの記事石井ゆかりさんの日記でリンクされたお陰で、一日だけグイーンとアクセス数が伸びました。
一日だけ、そしてこのページだけですけど。
記念にスクリーンキャプチャを載せておきます。

石井ゆかりさんからのリンクでアクセス数が伸びたとき

この山の時です。
見事な尖り。
アクセス数のグラフの山と滞在時間のグラフの谷の位置が同じなのが哀しいです。

テレビで紹介されて問い合わせ殺到とか、有名人御用達で売上アップとか、こういう感じ?
もっとスゴイ?
Google Adsenseとか外部リンクとか、全く影響はありませんでした。
数字だけの話ですが、それをちょびっとだけ体感した感じでした。

WordPress 3.2ベータ版でベータ版なサイトを進行

新テーマ「Twenty Eleven」を開発環境でごにょごにょ試してみましたが、ベータ版なサイトの立ち上げにそのまま使うことにしました。
「Twenty Eleven」の子テーマを作り、style.cssに余白やカラーをちょっと変更した程度のスタイルを上書き。
ヘッダ画像と背景画像は管理画面から変更しました。
後は、header.phpにGoogle Analyticsのトラッキングコードを挿入だけ。

WordPressテーマカスタマイズ

それがこのサイト
少しずつ、どうにかして行きたい。

WordPress3.2からの新テーマ「Twenty Eleven」を念頭に考える

MAMPで構築した開発環境WordPress 3.2ベータ版を追加してみました。
WordPressをもっと楽しむための電子書籍雑誌「WordPants(ワードパンツ)」を見ていて、あぁもうすぐ3.2かぁ〜と。
じゃあ、どうせなら新テーマ「Twenty Eleven」のカスタマイズでテーマ作りを考えてみるか!と思ったわけです。

噂の「WordPress 3.2 の新機能」を体験せよ! | Odysseygate.comの記事を読み、予習。
インストールしたもののサイトのイメージ掴むにはデモデータがあるといいなぁと思っていたら、WordPress テストデータ日本語版 | め組の小ネタの存在を知りました。
め組マニュアルサイト、非常に有り難いサイトです。

そして、インストールしてみたら、おぉ!
好みなデザイン。

WordPress3.2ベータ版をインストールしてみた

管理画面で、テーマのカスタマイズも色々出来るようです。
オリジナルのヘッダ画像をアップロードするなら「1000 × 288ピクセル」となっていたので、Twenty Tenより大きくなったなぁと思っていたら、ちと違いました。
ブラウザの幅によって変化します。

WordPress3.2テーマ「Twenty Eleven」

カスタム投稿・カスタムフィールドそして新しいテーマ、トライアンドエラーの要素がどんどん増えていきます。
公開に辿り着けるのか、ちょっと心配になってもきました。

Tumblerテーマのフォント指定を変更

Tumbler(タンブラー)が日本語対応になったのを機に、新しいミニブログを始めました。
Tumbler(タンブラー)とは何ぞや?と思う方は、「1日に4億ビューを稼ぐミニブログ『Tumblr』で出来ること」を参考にするとよいと思います。

テンプレート(テーマ)がかっこいいのも特長の一つですが、外国で作られたテーマだと日本語表記にした場合にフォントが「うーん…」ということもあります。
まずは気になった見出しのフォント指定だけ変えてみました。

タンブラーテーマのフォントを変えたい

手順は、簡単です。

  1. ダッシュボード(管理画面)から「表示をカスタマイズ」リンクをクリック
    タンブラーのテーマカスタマイズのボタン
  2. 「詳細設定」をクリック
    タンブラーデザインカスタマイズ画面「詳細設定」メニュー
  3. 上書きするCSSを挿入して、保存
    タンブラーのデザインにカスタムCSSを追加
  4. 変更後
    タンブラーテーマカスタマイズ後

どの部分のCSSを変更したらいいのかは、Firebugで確認

CSSが分からないと、いずれにしても何?な感じですが、CSSのこと分かっていてもドコを変更していいか分からない場合もあると思います。
そんなとき使うのが、Firebug
ブラウザ「Firefox」の拡張機能です。

普段のブラウザはGoogle Chromeで、似たような機能もあるのですが、使い慣れたFirebugの方が楽なので、確認にはFirefoxを使うことが多いです。

変更したい箇所を確認する方法は、次の通り。(表示はMac版です)

  1. Firebugをインストールすると、虫アイコン(ホタルらしいです)がアドオンバーに表示されるので、クリック(ツールメニューからも画面表示出来ます)。
    Firebugのアイコン
  2. Firebug画面が、ブラウザの下の方に表示されます。
    Firebug画面
  3. 矢印マーク(ページ内の調べたい要素をクリックしてください)をクリックして、ページ内をクリックすると、該当する箇所のHTMLがハイライト表示されます。
    Firebug
    右側の「スタイル」には該当箇所のCSSが表示されるので、これでチェック。

下記のアイコンをクリックすると、Firebug画面は別のウィンドウで表示されます。

Firebugを別ウィンドウに

Firebugの詳しい使い方や機能は、これも知らない!?知っていると便利なFirebugの使い方 | THE HAM MEDIA BLOGなどに紹介されています。
「Firebug 使い方」で検索してみると色々な情報が出てきます。

WordPressのカスタム投稿・カスタムフィールドを学習

新しいサイトを構想中。
WordPressのカスタム投稿カスタムフィールドを使いたいと思い、試行錯誤しています。

試行錯誤するために、MacにMAMPで開発環境構築。
次の記事を参考にしました。

久しぶりのMAMP。
なーんも考えずにインストールしても、大丈夫。
MAMPを起動すると、
http://localhost:8888/MAMP/?language=Japanese で日本語のMAMPトップ画面が表示され、
WordPressのファイルをダウンロードし解凍して出来た「wordpress」フォルダを、「アプリケーション」フォルダの中の「MAMP」フォルダの中にある「htdocs」フォルダに入れたら、http://localhost:8888/wordpress/ でWordPressインストール画面が表示されました。

カスタム投稿・カスタムフィールドは名前は知っていても、取り組むのは初めて。
下記の記事を参考にして、トライアンドエラーを繰り返しています。

続きを読む

ブログ記事企画のクセをつける

日常的にブログ記事を「企画」する6つの方法 – ライフハックブログKo’s Styleという記事を読みました。
ブログに何を書くか考え、実際に書くことを「企画」として捉え、ブログの企画について書かれた記事です。
「ブログを書かなくては…」と悩む人に参考になると思います。
上記のほかにも、ブログを書くときのヒントになる記事が沢山ありました。

自分で実践しているちょっとしたヒントや他にも気になった記事を紹介します。
ブログの記事を企画することがクセになれば、他の大きな企画のアイデアも出やすくなるかも。

続きを読む

エラー画面もコミュニケーションの一つかな

Googleサイトでの404エラーと、Google Chromeのエラーメッセージが可愛かったので、載せちゃいます。

google 404エラー

GoogleChrome エラー

深刻なエラーでない限り、「じゃ、また後で試すか」となったりします。
しませんか?

これも文句なしに404エラーページの殿堂入りだろう – TechCrunch Japanでも、ステキな404エラーページを知ることが出来ます。

Gmailを使って、メールのバックアップを取る

Macのデスクトップでは、GyazMailでメールを送受信しています。
SpamSieveというソフトを迷惑メールフィルタとして使っています。

そして、Gmailのメール送受信は、ブラウザで。
Gmailは、Macで受信しているメールのバックアップも兼ねています。

私が利用しているのは、Gmailに転送するよりPOP3で取得する方が便利かも(nplll)で紹介されている方法です。
Mail Fetcherという機能でして、Gmailヘルプ「Mail Fetcher 概要」に説明があります。

Gmailへメールを転送する2つの方法(けんけんの日記)もあります。
また、Gmailのメールをパソコン内に保存したいなら、IMAPでGmailにアクセスする方法などがあります。

他のメールアドレスをGmail側でPOP3で取得する場合、設定画面への進み方は次の通りです。
私のGmailでの画面を例にした、スクリーンショット(Google Chrome Mac版での画面)です。

続きを読む

Google Analyticsで自分のアクセスを除外する

新しいサイトを考え始めたので、Google Analyticsも、もう少しちゃんと測定しようと思います。
まずは、統計データから自分のアクセスを除外することから。
以下の記事を参考にしました。

対象サイトは、非同期のトラッキングコードを利用しています。
ga.jsのトラッキングコードの場合は、下記が参考になります。

続きを読む