グラデーション、フラットデザイン、影付け・・CSSのみでココまで出来る、アメブロカスタマイズ。

アメブロ攻略サイトの方、
ちょっとずつ記事増やしています。
現在１５個くらい。

特に下の記事は、

・フラットデザイン

・グラデーション

・枠線

・文字に影付け

など、
「おぉCSSだけでこんな事できるの？」
という内容になっているので、
ぜひ目を通しておく事オススメしますー。

http://web-creative-weapon.com/ameblo-customize/knowledge/header-noimage/

【攻略サイト追加】アメブロヘッダー部のHTMLってどーなってる？

ヘッダーをカスタマイズする時、
アメブロのHTML/CSSがどうなっているか？
知っておくと何かと役に立ちます。

【カスタマイズ全般】
アメブロのヘッダー部分をカスタマイズしたい時に役立つHTML/CSS構造まとめ

コピペでカスタマイズしている方も、
テンプレートなどでカスタマイズしている方も、
知っておくと出来る事の幅は広がるはず。

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

以降、「アメブロカスタマイズ攻略サイト」への記事追加情報は、
タイトルに【攻略サイト追加】とつけたいと思います～。

現在１日２～３コンテンツほど書き溜めてます。
余裕ができたら、サンプル集とかチュートリアル動画も作ります！

あと、個人的にはWordPress攻略サイトも作りたい・・。
クライアント・ワークでもWordPressでのサイト制作を請けるので
色々とノウハウが溜まってきております：）

皆さんどんなテーマ使っているんですかね？人気あるのは

・Stinger
・賢威
・Minimal-WP
・TCD
・SINKA

あたりなのかなー。それぞれサイト用意したいですっ。

アメブロカスタマイズ基礎知識と、ブログにしなかったワケ。

昨日公開したサイト
『逆引き！アメブロカスタマイズ攻略』ですが、
いくつか知識編コンテンツが増えたので、並べておきます。

【カスタマイズ全般】
現在のアメブロでカスタマイズできるのは「CSS編集デザイン」のみ
 HTML/CSSの基礎知識を知っていると、カスタマイズの幅が広がる
 動きのある仕掛けを設置する時に欠かせない、JavaScriptの基礎知識

カスタマイズの前に目を通しておくと、後で何かと役に立つはず。

このサイト、見てもらうと分かると思いますが、
いわゆる「ブログ」とはちょっと違う形に見えると思います。

でもWordPressで作ってます。

今回のテーマみたいにある程度体系化できるものは、
ブログよりこうしたWebサイト形式の方が良いと思ったので、こうしてます。

更新も自分自身でやっているので、
いかにコンテンツを追加しやすくするか？も考慮し、
WordPressの管理画面をガシガシいじってます。
（functions.phpにはコードがずらり・・）

今はブログが大流行りですが、
テーマによって最適なメディアの形は異なる。

最近「オンライン学習システム作り専門」の
Webクリエイターを名乗っていこうかと思い始めた、
"おるず" のつぶやきでした：）

アメブロカスタマイズをまとめたWebサイト、開設しました。

最近色々カスタマイズのやり方を聞かれるのですが、体系的に調べられるサイトがあったら使いやすいかなーと思ったので、１つ作ってみました。

『逆引き！アメブロカスタマイズ攻略』
http://web-creative-weapon.com/ameblo-customize/

サイトは、WordPressで作ってます。WordPressテーマから自作。「知識」「コピペCSS」「チュートリアル」「サンプル集」と、４つのカテゴリーを用意してます。

「知識」・・カスタマイズをする前に知っておきたい知識
「コピペCSS」・・そのままコピペして使えるCSS集
「チュートリアル」・・手順を追ってカスタマイズのやり方を解説（動画にするかも）
「サンプル集」・・デザインなどの事例集

といった感じで、どんどん追加していこうと思います。まだ「知識」「コピペCSS」の一部しかありませんが、また更新する度ココでもお知らせします～。