アメブロカスタマイズ大全集 -12ページ目

アメブロカスタマイズ大全集

CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。

とりあえずデフォルトの
「CSS編集可能」デザインだと味気ないよ!・・という事で、
全体のデザインをカスタマイズしてみました。 ちなみに元の状態は、こんな感じ。



この状態から、
自作の「CSS」というものをコピペで貼り付けただけ。

なので僕と同じCSSをコピペすれば、
同じようなデザインになるわけですね:)

もう少しコードをキレイにしたら、
無料で配布しますのでお楽しみに。

また、いくつか
カスタマイズのポイントをまとめたので
よければ参考にどうぞ。

ヘッダー文字をゆるくしてみる

武器屋っぽいヘッダーにしたかったのですが、
僕のデザインスキルでは絶望的に難しいので(笑)
GIMPで文字だけ加工(フォントを変更)したものを画像化して貼り付けてみました。

下の説明文は、適宜修正したかったのでそのまま。
背景はシンプルに単色としました。

ヘッダー部って標準だと横幅の制限があるので、
CSSをちょこちょこイジって幅一杯に色が付くようにしました。

右側メニューの各ボックスを単色で色付け

「プロフィール」とか 「最新の記事」とかの部分を黒背景にしたり、
「最新の記事」一覧を余白調整して見やすく。

余白の調整が、意外と面倒だったりします。

記事タイトルにも色付け

タイトルがパッと目につくよう、
色&大きさで標準より強調しました。

この辺は、もうちょっと精査したい所。

プロフィールページに機能性を持たせた

今回カスタマイズの一番目玉が、実はコレ。

プロフィール写真の下にある
「プロフィール」をクリックすると
プロフィールページに飛ぶのですが、
実はココにもヘッダー画像を設置できます。

さらに「ブログを見る」ボタンを付けたのがポイント。

足ペタ経由だと、ブログのTOPページではなく
このプロフィールページを最初に見る人が多いんです。

なので、ここに1つアクションできる要素を加える事で
ブログ本編を見てくれる人を少しでも増やそうという考えです。

あとは、全体の文字の大きさとかも調整可能。

以上。

まぁ、まだデザイン的には
全くもって完成されていないのですが(笑)

逆にこのくらいでも、
しっかり導線作りをすれば集客ができる事を
証明できれば良いなーと思ったりしてます。

では!

僕のまわりには結構、
「自分のビジネスをネットで拡大させたい」とか
「ネットを使って新しくビジネスを始めたい」という方が多いのですが。

実際、1人でやっていると
技術的な面でつまづく事って多いんですよね。

そこで今回、僕の東京遠征に合わせて
「コワーキング勉強会」なるものを開催してきました。

これはですね、いわゆる
コワーキングスペースとかカフェとかに集まって
皆でお互いの作業を進めましょうっ!・・という、会。

僕がナビゲーター役として居るので、
何か技術面で困ったらその場ですぐに質問できるのが良い所。

3日間開催して、毎回2~3人が来てくれました。
3時間ほど、ガッツリ作業&質問会。

やってみた感想としては、
なかなか面白いなーと。

直接悩みも聞けるし、
何よりその場で感謝して喜んでもらえるので
コチラとしてもやる気がわきます(笑)

例えば、こんな内容

今回アドバイスした事は、例えば・・

・Facebookページをその場で解説
・簡単な画像加工をしたいとの事だったので、その場でGIMPインストールして操作解説
・サーバー設置型のシステム(今回はCyfonsというやつ)の導入をイチからレクチャー
・WordPressテーマのカスタマイズ方法を解説

といった技術的な事から、

・手持ちのコンテンツと予算をヒアリングして、システムやサービスのどういう組み合わせがベストか数パターン図解
・Facebook広告を使って集客したいとの事だったので、「ランディングページ」「ステップメール」「オファー」といった一連の流れを図解して、どこに何が必要か?解説


といったプチコンサル的な事まで、幅広く。

良かった点

その場で「成果」があるのが、好評でした。何かが完成したり、使えるようになって、家に帰って(本当に大事な)コンテンツ作りに集中できるので。

あと、会場的には適度にざわついている感じが、逆に集中しやすかったりします。僕自身も普段は1日の数時間をカフェで作業して過ごす生活を送っているので、この感覚は体験してもらいたいなーとも思ってました。

また、僕自身のコンテンツネタや、今後やりたいセミナーのアイデアがいくつか浮かんだので、7月中の制作&開催を目指して動き出します(笑)

反省点

全部が全部上手くいった!というわけでもなく、やはり僕自身初の試みだった事もあり、色々反省点はありました。

作業風景をあまり撮れてなかったなーとか。何か説明している時に、その場で動画撮っておけばコンテンツになったなーとか。

あと、今回はたまたま参加者が少なくて良かったですが、これが1回5人とか10人とかになると、ちょっと質問に答えきる時間が無くなっちゃうな、と。ある程度人数制限は必要ですね。

何はともあれ

何気に自分で開催した勉強会は初めてだったので、
僕としても凄く良い経験をさせてもらえましたー!

今週末は関西で、来週末は関東で、また開催しますっ

ちなみに、

渋谷では「コインスペース」という
場所でやったんですが、ココ作業するのにおすすめですよ。

【コインスペース】
http://coinspace.jp/

時間制で、1日使っても最大1,500円。
フリードリンク付きで、会議室も借りれたりします。

3日目に使おうとしたら
1Fが何かのイベントで貸し切り状態になってましたが、
逆にこんな使い方でセミナー開催しちゃってもよいかなと思いました。

近場に住んでいて、
集中して作業できる場所が欲しい方は
ぜひ活用してみて下さい!

ではでは

Macには標準で
「今見ているPC画面をキャプチャーできる」機能があります。

画面の状況を説明する時に
サクッとキャプチャーして画像を送る、とか。
画像を切り貼りしてイメージを伝えながら説明する、とか。

何かと使える機能なんですが、
Windowsには無いんですよね・・orz

「PrintScreen」を使う方法もあるのですが、
もっと手軽にキャプチャーできるツールがあるので、ご紹介。

【WinShot】
http://www.forest.impress.co.jp/library/software/winshot/

これを使えばMacと同じように、

「画面の一部をドラッグ&ドロップで選択すれば、デスクトップに画像を作ってくれる」
「PrintScreenと同様に、キャプチャーした画像をExcelやPowerPointに貼り付ける」

などが、簡単に可能。

ショートカットキーも設定できるので、
マウスを触らずにキーを3つほど押すだけで簡単にキャプチャー。

Windowsを使っていて
画面キャプチャーに悩まされている方は、ぜひ使ってみて下さい。

WordPressには、さらに機能を拡張する「プラグイン」というものがあります。

・メールフォームの簡単設置
・記事にソーシャルボタン(Facebookいいね!やTwitterのRTなど)を設置
・ログインが必要な会員サイトにする
・セキュリティ対策
・バックアップ

こうした機能は通常であればプログラミングスキルが無ければ実現できないのですが、WordPressの愛好者が無料でたくさんのプラグインを作ってくれているため、誰でも簡単に機能を拡張する事が可能になっています。

あと、有料のWordPressプラグインもあって会員ログインやネットショップなどの機能を追加できたりします。

WordPressの「見た目」を定義したファイル一式が、WordPressテーマです。

アメブロやFC2でも見た目をカスタマイズできる機能はありますが、

また無料や有料でたくさんのWordPressテーマが配布されているので、先に自分のイメージと合うWordPressテーマを見つけて、それを元にカスタマイズしたり外注するといった使い方ができます。

無料のテーマ例

Stinger3

http://stinger3.com/

最近かなり人気の無料テーマ。SEOに強く、記事ごとにアイキャッチを用意できる。

僕が運営しているEn°ZINEも、実はこのテーマを元にカスタマイズしております。

(En° ZINE ブログ)
http://en-designare.com/lplabo/