2016.08.10「webサイト×ブログ」の製作の仕事もしているのですが、最近アメブロも一緒に作りたいと言う問い合わせが増えて来ましたので試しにアメブロのカスタマイズをしました。初心者にわかりやすいようざっとした言葉で説明します。出来上がりはこんな感じです「メニューバー(グローバルナビゲーションメニュー)」の感じ「メニューバー」の作り方フリースペースにメニューのHTMLタグを入れる裏の設定完了!後は表示させるだけ表示させるにはブログのサイドバーに設定が必要です。ブログデザインCSSにメニューを追加するためのCSSを追加する出来上がりはこんな感じです「メニューバー(グローバルナビゲーションメニュー)」の感じ「メニューバー」の作り方メニューバーの作り方です。アメブロのカスタマイズは基本的にデザインをCSS編集用デザインに変更してください。見にくる人はメニューが欲しい理由はわかってると思いますが一応。プロフィールとか、教室の案内とか問い合わせとか予約フォームとかですね。アメブロをホームページみたいにしたい〜ってことだと思います。やり方はそれなりに簡単です。「フリースペース」と「CSS」を使えばできます。「3カラム・右メニュー」以外はだいたい大丈夫だと思います。フリースペースにメニューのHTMLタグを入れるフリースペースはここです。アメブロのフリースペースに、メニューだよって教えるHTMLタグを入れる。分からなくてもコピー&ペーストして文字をかえればオッケーです。href="【URL】"><span>【メニューの文字】</span></a></li></ul></nav></div>このコードをフリースペースに入れます。変更するところは「【URL】」と【メニューの文字】です。入れてみるとこんな感じになります。href="http://2ndpost.com/"><span>公式サイトはこちら</span></a></li>裏の設定完了!後は表示させるだけ表示させるにはブログのサイドバーに設定が必要です。フリースペースに記述したタグを有効にするためには、アメブロのサイドバーにフリースペースを表示する設定が必要です。フリースペースが「使用しない機能」の方に入っていたら、「使用する機能」へ移動して保存して下さい。ブログデザインCSSにメニューを追加するためのCSSを追加する次に、グローバルナビを表示するためのCSSを用意しましょう。CSS編集用デザインを適用後、何もカスタマイズしていなければそのまま使えます。下のコードをブログデザインCSSの末尾に追加→保存でできます。コピーkiyoをフォローするkiyodrop関連記事WEB漢字を少なくするだけで、すごく分かりやすい文章が書ける文章で人に分かりやすく伝えようと思ったら、必要な技術って思ったよりたくさんあります。書籍とかネットで調べてもたくさんでてきます。ほんとにたくさんあるんです。知ってるに越したことはないんです...BLOGヘッダー画像を手書き風フリーフォントを使って熱い思いを乗せて製作。ヘッダー画像の製作を行いました。「未来の計画」ノートの表紙のニュアンスでヘッダーを作りたかったので、できる限りそのまま行けたと思います。「未来の計画」ノートなんて聞こえがいいですが、ようは「事業計画」ですね。事業計画...BLOGストアカの新しい講座福岡でWordPressを2日間しっかり教える講座作ってみました最近、ストアカでのまったくはじめての方との出会いにはまってます。本当にありがたい事にすごく喜んでくれる人が多くていいレビューをたくさんいただいているんです。うまくいったとかわかりやすかったとか、為になったとか言っていただけると感謝感...WEBGmailの受信メールを全て既読にするすごく簡単な方法Gmailの受信ボックスがたまりにたまりまくってて、iphoneの画面をみられすごいメールたまってると言われましたので、受信メールをまとめて一瞬ですべて既読にしました。10,018件たまってましたが、一瞬ですべて既読になりました。Gma...WEBSNS中心に完全に変わりつつあることを最近実感しまくってるwebが完全にSNS中心に移行してるなと最近改めて思う。SNS中心って一言で言うとインターネットが「人」中心に変わったってことです。すると今までのビジネスモデルを一気に変えていかなければいけないなと思う。最近...WEBGoogleプラスでWordPressからの投稿を一般公開WordpressからGoogleプラスへ自動投稿しているサイトがあるのですが、こちらが限定公開になっていることに気づきました。今までの投稿は誰にも見てもらえずと言う悲しい結果になっています。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。drop.メニューSERVICESCHOOLCONTACTホーム検索トップサイドバータイトルとURLをコピーしました。