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

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

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

ネット上で僕が
アメブロカスタマイズしていく様子を公開する、という
「実況セミナー」なるものをやってみました。初の試み。

12人くらいが参加してくれたのですが、
今回は僕のパソコン操作を実際に見てもらう形にしました。

TeamViewerというツールを使うと、
こうした画面共有も簡単にできるんですよね。

どんな事をやったか?

まずはカスタマイズの概要についてお話する「ミニセミナー」の後、
本ブログのCSSを元にして徐々にカスタマイズを施していく様子を実況。
そして参加者のアメブロをその場でカスタマイズする様子を実況。

・・こんな流れでしたね。
お話した内容は、こんな感じ。

・現在のアメブロカスタマイズで出来る事、出来ない事
・カスタマイズには欠かせない「HTML」や「CSS」の基礎知識
・参加者のアメブロをその場でカスタマイズ
 - ヘッダーのタイトルや説明文をサイズ変更したり、位置を変えたり。

こんな声を頂きました

・パソコン画面共有しながら操作が見れたので、すごくわかりやすかったです!
・今まで、色んな情報を見よう見まねで
 コピペしてカスタマイズしてましたが、ヤル気がわいてきました
・何かの教材を使って、それをどうアメブロに応用していくのかを
 実況していくってカタチでもおもしろいかも

やってみて気付いた事

この人数だと、色々と(技術的)トラブルが発生する

グループへの追加とか、音声通話の具合とか、
実際にやってみると色々とトラブルが起きました。

こういう問題は、SkypeよりChatWorkとかの方が良いかもしれない。

どれが一番使いやすいか、色々試してみている所です。

もっと簡単にCSSを扱えるようにしたい

パラメータを入力するだけで
基本的なCSSが自動生成されるような
Generator的なものがあると便利だなー。

「背景はこの色!」
「ヘッダーのデザイン&レイアウトはコレ!」
「記事部分のデザインはコレ!」

みたいな感じで。

そしてさらにカスタマイズしたい人は、
自動生成されたCSSを元に自分で書いて調整していく。

・・この方が僕としても、解説しやすい(笑)
作ってみますかー、Generator。

アメブロカスタマイズ以外にも、色々開催予定。

次は「WordPress」について、開催します。

WordPressは技術者向けの情報がネットには多いので、
今回は使う人目線でWordPressを活用する方法を話したいと思います。

WordPressに関しては
実務レベルで報酬頂いて制作しているので、
色んな目的や予算に合わせたお話ができるかと思います。

また、内容をシェアしますねー!

Twitterも開設してみました。
https://twitter.com/web_weapon

最近色んなネタが浮かんで来るのですが、
ブログやPDFやWebサイトとして公開するには時間が掛かるので、
パッと思い付いたネタやシェアしたい情報を気軽に投稿したかったので用意。

Twitterされている方は、
ぜひフォローをお願いします:)

***************

明日からまた東京へ出掛けます。

自主開催の勉強会に加えて、
ビジネスパートナーと「ソーシャルファイナンス事業」に関する打合せ。

金融コンサルタントとして世界中で実績のある方なのですが、
次の活動では主に「個人事業主(特に日本文化や伝統芸能)」さん向けの
コンサルティング事業を展開したいようなので、

僕の方でどうすればWeb上で新規のお客さんを獲得出来るか?
どういうコンテンツを作って配信していくか?
どんなWebサービスを用意すべきか?

などなど、Web方面で関わっていく予定です。
・・さーて、資料まとめないと。

どーも、おるずです。

今日は一日、
依頼されているWebサイトの制作をしていました。
WordPressのテーマとして制作。もうすぐ完成 (-ω-)/

今回のご依頼主は、
金融系コンサルタントの方。

何かと話題の「クラウドファンディング」等を活用して
起業やスタートアップを目指す人が資金調達する方法を
コンサルティングするビジネスです。

僕もWeb方面のサポート役として
全面協力する事になっているので、
ただWebサイトを作るだけでなく・・

「どうすればコンサルティングの依頼が来るのか?」
「何をどんな形で発信していくのか?」
「どんな人たちと連携をとるべきか?」

などを一緒に考えながら進めています。
どう展開していけるのか、今から楽しみです(笑)

奥が深いWordPressの世界

・・とまぁ、僕は 「WordPressテーマを作れる」というスキルを活かして
色んな方と関わる事が出来ています。

僕は一応プログラマーの出身ではあるのですが、
WordPressに関してはサラリーマン時代の実務経験はありませんでした。
フリーになってから、必要に迫られて自力で学んだ感じですね。

WordPressは本当に、奥が深いです。
今や世界中で使われている「ブログ」システム。

「WordPressのコミュニティ」というのが世界各地にあって、
日本でも「WordCamp」などのイベントが開催され、毎回数百人の技術者や経営者が集まります。

【WordCamp】
http://japan.wordcamp.org/

僕も何度か、参加者として遊びに行った事があります。
(いつかは登壇者として参加したい野望も、あったりします 笑)

使い手としてのWordPress

・・で、まぁこうした技術者向けのコミュニティがありつつ
使う側としても気軽に使える環境があるのが、WordPressの魅力です。

最近はレンタルサーバーでも
WordPressを簡単にインストールできる環境が整っていますし、
気軽に使える「WordPressテーマ」も増えてきました。

「WordPressテーマ」というのは、
アメブロでいう「デザインの変更」のように
ブログの見た目を(記事内容はそのままで)気軽に変えられる仕組みです。

公式に登録されているだけでも、
これだけの種類があります。

http://wordpress.org/themes/

この中から気に入ったデザインを選べば、
同じものが手に入るという事ですね。

さらにWordPressテーマは
アメブロ以上にカスタマイズが可能で、
見た目だけでなく管理画面上で・・

・ヘッダー画像やメニューを自由に変更
・サイドバーに様々な項目を追加
・投稿の型(テンプレート)を設定

等もいじれるのが、アツい。

WordPressがあれば、アメブロは不要か?

・・ただ、だからと言って

「アメブロ等の無料ブログはダメだ!
 これからはWordPresssの時代だ!」

などと言うつもりは、更々無いのです(笑)

※ 時々そんな事を言っている人が居ますが、
  そんな時はその人が「何を売ったがっているのか?」観察しましょう:)

WordPressもまた
ネット集客における1つの【武器】に過ぎないので・・

・アメブロやFC2等の無料ブログ
・FacebookやTwitter等のSNS

と何が違うのか?を知っておく事で
状況に応じた使い分けも可能になってきます。

この辺りについて、
今後色んな角度から解説してみたいと思います。
実際のWordPressの管理画面キャプチャー等も、お見せしつつ。

特にWordPressに関しては
「技術屋向けの情報」がネットには多いので、
ここでは「非技術者、使う側向け」に書いてみようと思います。

今日は本アメブロに
「Facebook LikeBox」というものを設置したので
やり方メモです。

アメブロや他のブログで

「Facebookページのいいね!数と
 いいね!してくれた人のプロフィール写真」

が、記事の左右バーに
表示されている事ってありますよね?
あれが「Like Box」です。

Facebookページさえあれば
数分で簡単に設置できますので、
ページを運営している方は是非やってみて下さい。

LikeBoxの設定ページで「コード」を取得

まずFacebookにログインしている状態で、
Facebook Like Box の設定ページに行きます。

https://developers.facebook.com/docs/plugins/like-box-for-pages

以下のように各項目を変更して
「Get Code」ボタンを押しましょう。



すると、コードが表示されます。
難しそうですがコピペするだけなのでご心配なく(笑)

「IFRAME」という部分をクリックし、
下に出てきたコードを全選択してコピーしましょう。
(コード部分をダブルクリック => 右クリックでコピー)

「コード」をアメブロの【フリープラグイン】に追加

さて、次はアメブロ側の設定です。

ブログ管理画面の「プラグインの追加」から
「フリープラグイン」をクリックし、その中にコピペしたコードを貼り付け。
(既に何か入っている場合は、消さずに一番下へ追加でコピペ)


【フリープラグイン】を配置

さて、これで完了!
・・と言いたい所ですが、もうひと仕事。

【フリープラグイン】は
書き込んだだけでは反映されないので、
ブログ管理ページの「配置設定」から
サイドバーのどこに置くか?設定してあげましょう。

今回は「プロフィール」の下に配置してみました。
(無料会員の場合は上から2つ目に広告が入るので、その下に配置されます)

これで、完了です!
ブログを見ると、無事にLike Boxが表示されているはず。

(※ できないよー!という方は、コメントで質問ください)

------------------------------------

・・というわけで、
僕も1つFacebookページを作ってみました。

https://www.facebook.com/itweapon

主にアメブロの更新内容を載せていきますので、
「アメブロよりFacebookの方が毎日チェックしやすい!」
という方はぜひ「いいね!」お願いします。

ではでは!



おるず@ネット集客の武器屋

おるず、です。
いつも本ブログを読んで頂き
ありがとうございます m(__)m

最近少しずつ、
読者さんも増えてきました。

・・で、そろそろ僕の作ったコンテンツを
まとめてダウンロードできる場所を作っておきたいなーと思ったので、
こんなものを用意してみました。


この記事の上にも
いつの間にか追加されている、コレです(笑)


「詳しくはコチラ」ボタンををクリックすると、
次のような『事前登録受付ページ』に移動します。

このページでは、

「僕がどんなサイトを作るのか?」
「武器屋、というコンセプトに対する想い」
「僕のちょっとした実績紹介」

等を綴ってあります。

ページを読んで、
興味を持ってくれた方は
ぜひ登録しておいて下さい。



上記ページでも触れていますが、
いわゆるインターネットビジネスの業界では
今色んな集客ツールやサービスが出回っていて、
多くがアフィリエイトできるようになっています。

その仕組み自体は良いのですが、
アフィリエイト報酬があるのを良い事に
「まだその武器が必要でない人」にも不安を煽って
高額なツールやサービスを買わせる人達も居たりします。



この『受付ページ』自体も、
実は以前ご紹介した「Strikingly」という
無料のWebサービスで作っています。

HTMLやCSSも一切使わず、
こんなページが簡単に作れてしまう。
募集や告知をする時に便利ですね。

こんなサービスも紹介しつつ、
インターネット上でもっとファンを増やしたり、
ビジネスを拡大したりするための仕組み作りをお手伝いするのが
僕の『武器屋』の役割だと思ってます。



・・さぁ、始めましょう。