アメブロ(xhtml版)のカスタマイズ

アメブロ(xhtml版)

それでは先ほどのcss(スタイルシート)を使った場合の完成レイアウトを紹介します。このまま使われても構わないですが、現在使っているレイアウトと同じになり又画像に関しては現在使っているサイトがなくなってしまうと画像も使えなくなりますので必ず画像は自分のサイトにアップロードして画像のURLを変えてお使いください。

アメブロカスタマイズ完了イメージ

完成イメージは実際に稼動している洋楽 HIP HOP R&B オススメ クラブミュージック-Music Partyのスタイルシートです。

アメブロレイアウト

css(スタイルシート)のmarginやpaddingなどはこのレイアウトに合わせて設定してあります。画像を変えた際には調整してください。又アメブロではCSSの編集ページには画像が5枚(各1MB以内)までしかアップロードできない為通常のアメブロの記事を書くページの画像フォルダにアップロードしてその画像をcss(スタイルシート)で使うようにします。

画像アップロード

アップロードした画像を記事に追加ボタンを押して一度記事に画像を追加します。そのページでHTMLタグを表示にして先ほど追加した画像ファイルのURL先をコピーします。ちなみに必要なタグはsrc”画像URL”になります。

画像url

画像ファイル先のURLをコピーしたら記事に追加した画像は削除して、css(スタイルシート)で使う場所にコピーすれば画像が使えるようになります。

ここで紹介したcss(スタイルシート)や画像の追加の仕方を利用してオシャレなブログを作ってみましょう。

固定ページ: 1 2

最終更新日: 2013年2月3日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

アメブロ(xhtml版)のカスタマイズの関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*