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インストール画面が表示されました。

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

続きを読む

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

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のトラッキングコードの場合は、下記が参考になります。

続きを読む

Google Analyticsで検索をブックマーク代わりに使っていることを実感

あるキーワードでの検索エンジン経由の訪問数が多い=そのキーワードでの訪問者が多いわけではありません。
いや、そのキーワードでアクセスしている人はいるのだけれど、案外同じ人が毎回そのキーワードで検索して来ているだけの場合があります。

Google Analytics画面で、「アドバンス セグメント」を使うとよく分かります。
下記は、自分のブログ「ココチノ」のレポートです。

Google Analyticsマイレポート画面
続きを読む

無料の「FC2ショッピングカート」

FC2無料ショッピングカートを使ったネットショップ構築のお仕事をしました。
別の無料ショッピングカートからの移行で、お取引先がデザイン指示と管理、私はテンプレートのカスタマイズを担当しました。

カラーミーショップも候補に挙がりましたが、ネットショップ運用の固定費を発生させたくないということで、無料のFC2ショッピングカートになりました。
無料の制限も多いものの、なんとか運用開始。
テンプレートカスタマイズの内容を忘れないためにも、メモを残しておきたいと思います。

そのためにも、自分でもFC2ショッピングカートに登録してみようと思ってます。
販売する商品が無いのが苦しいですが、「いつか」のために…。

テンプレートカスタマイズは、FC2ショッピングカート構築と共にレポートするとして、今回気づいたFC2カート(無料)で「出来ない」「出来る」ことをメモ。

続きを読む

Google Analyticsでメルマガを計測

商用サイトを運営している場合、メールマガジンを発行することも多いと思います。
そして、そのメールマガジンをクリックしてくれたかどうかが気になるところではないでしょうか。
Googleアナリティクスでメールマガジンのトラッキングをするには、次の2つがあるらしいです。

  • ダミーパラメータをつける方法
  • Google Analytics URL 生成ツールを使用する方法

詳しい解説や情報が載っていたのが、下記の記事です。

また、メルマガ登録をイベントトラッキングで計測する場合、参考になるのが、Google Analytics非同期トラッキングが標準設定に | 海外SEO情報ブログだと思います。

自分ではメルマガ発行していないので、調べた(というか検索した)だけ。

iPadからの画像投稿テスト

雪割草

雪割草

iPadからの画像投稿です。

(ここからはパソコンで投稿)
前に書いた「iPadから画像投稿」は、ブログへの画像投稿でなく、メールフォームへの投稿(添付)の話だったので、このブログ(WordPress)で試してみました。

ブラウザは、iCab Mobile
WordPress投稿画面の「画像を追加」ボタンからの投稿です。
まずは画像アップロード、そのまま投稿に挿入とは行かなくて、投稿画面に戻ったら、再び「画像を追加」からアップロード済みの画像を選ぶという方法で上手くいきました。