アメブロのメニューをカスタマイズ
今日は、アメブロのデザインをカスタマイズしていました。
メニューを追加しました。
フリーエリアから、メニューのHTMLソースを追加して、スタイルシートでは、絶対配置で指定する方法で作成しました。
なんとか作ることができましたので、他の色などでも応用できそうです。
これで、会社のホームページっぽくも作れるかもしれません。
アメブロをされていて、独自の自分だけのデザインにしたいという方は、声をかけていただければと思います ^ ^
●古着屋にて
今日は古着屋でボウシを買いました。
店内を見渡していると、商品がすごく充実していて、これだけリサイクルで充実しているんだから、
ファッション販売をされている会社さんは大変なんじゃないか？と感じました。
日本では、100円均一の商品も品揃えがすごいので、ダイソーを見れば経済の成熟度が見えるといいます ^ ^
●参考になるホームページさま
ホームページをウォッチングしていたのですが、建築関係のサイトさんを拝見しました。
２カラムのサイトで、Javaスクリプトを活用したメニューがステキなサイトさんでした。
シンプルなんですが、情報が詰まっていて、とても参考になりました。
奈良の工務店・アーキクラフトさん
http://www.arc-craft.com/
↓↓↓こちらも参考にしてみてください↓↓↓
■モノレッジ
→ブログ型ホームページの成功事例など
鈴木先生のSEOセミナーに参加してきました。
今日は鈴木将司先生のSEOセミナーに参加してきました。
よく参加していますが、内容がより細かくなっていると感じました。いくつかの発見がありましたので、新しく実践してみようと思います。
一般的なSEO書籍などに書かれている事は、平均値の内容である事が多いと感じます。今回のセミナーでは、その基本SEO理論の内容をより細かく解説してもらいました。
実際にタグを書いたり、Movable Typeで本文下のレイアウトを変えてみたりと、実作業をしているので、「やっぱりこういう方がいいんだな」とか、いろんな確認ができました。
普段から、Web制作の実務を行っている方には、おすすめです。
外部要素の内容については、より頭を使っていかなくてはいけなくなり、作業量も増えていますね。
ホームページでは、多様なサイトからのリンク、または発言やブックマーク、FaceBookの「いいね」ボタンなど、Web全体の高評価が検索結果に反映されていくと思います。検索エンジンだけではなく、今後はソーシャルメディアも含めた評価も気にしなくてはいけません。
ですが、もちろんテクニックに頼っていくつもりはありません。
ただ、検索エンジン対策では、何も知らずに記事を書いていると、見出しなどのHタグにキーワードを詰めてしまったり、キーワードを何回も書いてしまったりする事もあると思います。
化粧品など、商品を販売している方は、情熱を込めて記事を書くので、キーワードを何回も書いてしまった経験があるかと思います。
すると、検索エンジンでは評価が下がるという事が起きる可能性があります。
この様に、アクセスしていただいたお客さんにちゃんと情報を伝えるという意味では、SEO対策などの勉強は必要だと思います。
そういった勉強は継続しつつ、コンテンツ制作を重視して、今後もホームページ制作に関わっていきたいと思います。
↓↓↓こちらも参考にしてみてください↓↓↓
■モノレッジ
→ブログ型ホームページの成功事例など
WordPressのパンくずプラグイン「Breadcrumb Nav XT」設置方法
今日は、WordPressでサイトを作成していたのですが、パンくずプラグインの入れ方をメモしておこうと思います。
パンくずプラグイン「Breadcrumb Nav XT」を使用します。
Breadcrumb Nav XT
http://wordpress.org/extend/plugins/breadcrumb-navigation-xt/
こちらで、プラグインをダウンロードしましょう。
次に、サーバーにプラグインをアップロードします。
そして管理画面から有効化。
パンくずリストを掲載したいところに、下記のソースを記載します。
<?php if (class_exists('breadcrumb_navigation_xt')) {
// New breadcrumb object
$mybreadcrumb = new breadcrumb_navigation_xt;
// Options for breadcrumb_navigation_xt
$mybreadcrumb->opt['title_blog'] = 'Home';
$mybreadcrumb->opt['separator'] = ' » ';
$mybreadcrumb->opt['singleblogpost_category_display'] = true;
// Display the breadcrumb
$mybreadcrumb->display();
} ?>
日本語にもできますので、「HOME」を「ホーム」に変えたりできます。
これで、パンくずナビを設置する事ができますので、WordPressを使用されている方は、ぜひ一度試してみてください。
アメブロのCSSカスタマイズの流れメモ
アメブロのデザインをカスタマイズしてみました。
CSSを修正するだけなので、手軽に編集できそうです。
HTMLの原本はいじれないみたいですね。
フリースペースを用意できるので、それでいいかも。
【カスタマイズの流れをメモ】
1. まず初めに、「カスタマイズ」デザインで、ホワイトのテンプレートを選択。
2. ヘッダー画像をPhotoshopなどで用意して、アップ。CSSの編集画面の、header あたりに画像を指定します。
3. 次に、背景画像を用意して、CSS編集画面に指定しました。
4. そして、サイドバーの画像をブルーのグラデーションで適用。
これだけでも、結構変わりました。
5. ブログタイトルの文字色は、#555555あたりにしてみました。
6. 記事本文の文字サイズを大きくします。
.entry .contents{
margin:15px 0 15px 0;
font-size:14px; ← これで大きくできる
}
7. 上部分の「ルーム | ブログ」部分を削除する。下記のソースをCSSに入れる↓
#overHeader #userNaviArea{
display:none !important;
}
【アメブロ・カスタマイズの感想】
もう少し研究すれば、アメブロのカスタマイズサービスなどもできるかもしれない・・と考えながら作業をしていました。
ヘッダー画像に、自分の写真を掲載する事ができるので、社長ブログ、士業、お店ブログなどなど、いろんなデザインで作れそうです。
アメブロのテンプレート（スタイルシート）配布などもおもしろいかも。
普段は、WordPressやMovable typeなど、自分のサイト内に直接設置するタイプのブログを運営しているので、無料ブログは、広告が多いのが気になりますね・・。
無料で利用させていただいているので、贅沢は言えませんが・・。
以前から、別のサイト名でアメーバブログを運営していましたが、そちらもカスタマイズしてみようと思います！
[自己紹介] アメブロにブログを開始しました。
初めまして。私は、大阪のWeb制作会社で働く、Webディレクター＆Webデザイナーの成瀬です。
現在までに、数百種類のホームページテンプレートを数年かけて１つ１つ手作りで作成してきました。
おかげ様で、会社、市長室、学校、病院、お店全般など数千サイト様にご利用いただいております。感謝。
その素材を活用して、中小企業様や商店さまを中心に、自分でカスタマイズして、複雑化したホームページを、こちらでシンプルで更新しやすいサイトにリニューアルするお手伝いをさせていただいております。
メーカー、美容室、ネイルサロン、エステサロン、整骨院、行政書士、社会保険労務士、税理士などの士業、ラーメン、カレー屋などの飲食店、通販サイトなどのリニューアル経験があります。
業種・テーマを絞り込んだポータルサイトを複数立ち上げ、ネット広告や集客、SEOを自分で実践して、本格的に学んできました。
これらの制作経験から、ブログなどを組み込んだ、ネイルサロンや、パン屋さんなど、会社ホームページ制作を中心に行ってきました。
現在は、商店さんを中心に、大阪で低価格なホームページ制作＆HPリニューアルのお手伝いを行っており、日々モノづくりに励んでます ^ ^
そして、この度、アメブロにブログを開始しました！
失敗しないホームページにリフォームする方法や、
自分で実験済みの、成果の上がるホームページの作り方、集客、SEO、SEM、SMOなどなど、これは良かったという施策や、ツールなどのお役立ち情報を書いていきたいと思います。
また、日々の活動日誌だったり、備忘録としても活用していきたいと考えております。
少しでも読んでいただいた方の、お役に立てる内容であれば幸いです。
今後ともどうぞ、よろしくお願いいたします。
もし、ホームページについて、気になる事がございましたら、お気軽にご相談くださいませ。
どうぞ宜しくお願いいたします。
>> 無料相談＆お問い合わせはこちら
■格安ホームページ制作ならMonoledge (モノレッジ）
https://monoledge.com/
成瀬 真也
・ホームページ制作
・ブログ型ホームページ制作＆メディア運営など