WordPress Twenty Elevenカスタムヘッダー用画像

WordPress 3.2は、かなり楽しい。
新テーマTwenty Elevenも好みです。

すぐにも出来るカスタマイズといえば、カスタムヘッダーということになると思います。
もしかして、誰かの役に立つかもと思って、Twenty Elevenカスタムヘッダー用のサイズ 1000×288pxの画像を作ってみました。

(10/27追記:徐々に追加し、現在は62枚の画像をアップしています。)

苔がいっぱいです。
また足していくと思います。
どうぞ、ご自由にお使いくださいなのです。

カスタムヘッダーに変更

上記画像は、ローカルにMAMPで作った開発環境に、WordPress テストデータ日本語版(め組の小ネタ)をインポートした状態です。
トップページは固定ページで、テンプレートは「Showcase Template(ショーケーステンプレート)」にしています。

無料の写真編集サービス(オンライン・オフライン)

リボンカフェの本棚から手にした『カメラ日和 2011年 07月号』に紹介されていた無料の写真編集サービスが気になったので、そのリンク集。
写真を楽しむ」という視点での紹介という印象でした。
メモしてきたのはサービス名だけなので、もしかしたらリンク先が違うかもしれません。

ダウンロードして使うソフト
ジェネレータ(オンラインサービス)

実際にジェネレータを使ってみました。

続きを読む

Jimdoで不動産会社のホームページ制作

ホームページを作成できるウェブサービスJimdoを利用して、不動産会社のホームページを制作しました。
無料版もあるJimdoですが、独自ドメインを利用できる有料のProを使っています。

ご依頼者はパソコン・インターネットがお得意では無いですが、将来ご自身で更新を出来ることを想定して、Jimdoを選びました。
個人的な好みからすると、「あれがちょっと…」「ここがちょっと…」と思うJimdoですが、ご依頼者の印象は良かったため、採用となりました。

続きを読む

FC2ショッピングカートをお試し

無料の「FC2ショッピングカート」を使ったショップ構築をして意外と使えるかもと思いました。
勿論、無料なりにですけど。

しかし、お客さんのサイトを使ってカスタマイズの情報を見せるわけにもいきませんから、自分でもショップを作ってみようと思います。
また機会があるかどうか分からないけれど、FC2無料ショッピングカートカスタマイズの時に役立つようにも。

でも、売るものがない…というのが悩み。
フリマ式で、自分で持っているもの一点もので売ってみようかしらと思ってます。
紙モノ文具(ポストカードとか栞とか)を作るとか。

どこかで宣言しないと前へ進まないタイプなので、ここに書いておきます。
宣言しても、何もしない場合も多々あります。

zenbackを導入

ブログパーツ「zenback」を導入してみました。
今まで、余りにもサイト集客とかソーシャルサービス対応とか考えてなかったので、実験。

このブログ程度なら意味無いのかもしれません。
内容も自分のメモみたいなものだし、アクセスの数字も直近1ヶ月で 4,492 訪問/6,502 ページビューです。
まぁやってみよう、という感じです。

読み始めた『Facebookページ プロフェッショナルガイド』も面白く、Facebookへの警戒心(何の?)も小さくなってきました。

TypePadからBloggerへのブログ引っ越し

TypePadからBloggerへのブログ移行について、ちょっと調べました。
そして、エクスポートとインポートを試してもみました。
そのメモ。

手順は、簡単です。

  1. TypePad管理画面の[設定]>[インポート/エクスポート]の「エクスポート」から、エクスポートしたファイルをダウンロード。
  2. http://movabletype2blogger.appspot.com/ で、Blogger用のファイルに変換。
  3. Blogger管理画面の[設定]>[ブログツール]の「ブログをインポート」で、Blogger用に変換したファイルをアップロード。

でも、何度も穴に落っこちました。

続きを読む

ソーシャルメディアマーケティングについて

[連載]WordPressでWebサービスを作る方法(7:ソーシャルメディアマーケティング) – Stocker.jpを読んで、SMO(Social Media Optimization)について少し考えるようになりました。

ソーシャルメディアを使ったPRとか拡散て、あまり考えていませんでした。
自分自身のブログは備忘録のようなものだし、お客さんもそこまで力を入れてない(入れられない?)という感じです。

が、楽しみに読んでいる上記の連載記事を読んで、ちょっと考えが変わりました。
記事には、TwitterやFacebookなどソーシャルメディアで起こっていることについて「共感が引き起こしている行動」とありました。
そして、「人に伝えたくなるコンテンツでないと生き残ることは難しい」と。

この2つの太字にしたことは、自分がインターネットでしたいこと・関わりたいことです。
ならば、苦手だといって尻込みばかりせず、ちょっと始めなければ。

続きを読む

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 使い方」で検索してみると色々な情報が出てきます。