こんにちは、パソコンワンポイントレッスン!パソコンインストラクターの川上です。
(2019年1月21日現在です。)
この記事では、アメブロカスタマイズする方法を書いておりますが、そのカスタマイズする基本はこちら↓をご覧になってくださいませ。
アメブロでHTMLタグを記事で使うには
■アメブロ便利技■
◆囲い枠・囲み枠の作り方
・アメブロ 枠・チェックマークのついた囲い枠
・テレビ出演情報やLIVE告知の囲み枠
・【便利技】レインボー囲み枠
・幅の調節と中央配置
・背景をグラデーションに
・背景の色が動く囲み枠
・横に並べたい
・茶色系・ベージュ系の囲み枠
・背景色のみのシンプルな囲み枠
・枠がぼけている囲み枠
・吹き出し囲み枠
◆見出し付きの囲い枠
・パート1・パート2
・角丸
・角丸・グラデ・影
・幅の調節と中央配置
・横に並べて表示
・こういう囲み枠もありますよ!
◆リンクボタン
・リンクボタン
■アメブロカスタマイズ■
◆アメブロをカスタマイズするにはまずここから↓
・デザインをCSS編集用デザインにしないとダメです・フリースペースを配置してください
・フリープラグインを配置してください
◆ヘッダー下のメニューバー(グローバルナビ)
・メニューバーの設置方法・メニューバーのボタンを画像にする方法
・メニューバーの角を丸くして枠をつけたい
・メニューバーのグラデーション
・「カスタム可能」でないデザインでメニューバーを設置するには
◆ヘッダー画像の作成と設置
・エクセルでヘッダー画像作成・CSSでのヘッダー画像の挿入方法
・ヘッダー画像の設置
・ヘッダー画像に文字を埋め込んだ場合のタイトルや説明文を非表示にする方法(CSS)
・ヘッダー画像の画像アドレス(URL)の取得方法
◆CSS(シーエスエス)
・「CSSの編集」って?
・CSSの基本書式
・CSSの記述場所
・CSS編集デザインとサイドバーの色
◆プロフィールページ
・【要確認!】アメブロのプロフィールページが変更になりました!◆スライドショー
・アメブロのヘッダー画像をスライドショーに・サイドバーにスライドショーを設定するには
◆サイドバー
・角を丸く、背景色・影付き、グラデーション
・サイドバーのリンク文字の色を薄い色に変える
・プロフィール画像を大きくするには(CSS)
◆フォントの変更
・メイリオフォントに変更する◆記事内のメニューバー
・記事中のメニューバー・電話をかける
◆記事の囲み枠
・記事ごとに囲み枠を設定したい
◆テーマについて
・テーマを編集するには(カテゴリ分類の方法)・「カスタム可能」でないデザインでテーマ編集するには <新デザイン用>
◆基本色コード
・覚えておきたい5つの色コード◆メッセージボード
・メッセージボードの書き方・メッセージボードを活用してみましょう!記事エリアの最上部に表示されるとこです。
◆リンク
・リンクの文字にのせるとプクッと文字が膨らむ方法
・リンク文字の下に下線を引くには(リンク文字を青く、大きく、太く)
◆ざっくり
・ピンク色のカスタマイズ
■アメブロ基本設定■
◆アメブロ始めるには
・アメブロをスタートするには・・・「アメブロIDの取得方法」
◆アメブロの基本設定
・アメブロの基本設定
◆アメブロのテーマ
・テーマを編集するには(カテゴリ分類の方法)
◆アメブロのフリースペース
・アメブロ フリースペースに貼り付けてくださいって言われたら
・アメブロをスタートするには・・・「アメブロIDの取得方法」
◆アメブロの基本設定
・アメブロの基本設定
◆アメブロのテーマ
・テーマを編集するには(カテゴリ分類の方法)
◆アメブロのフリースペース
・アメブロ フリースペースに貼り付けてくださいって言われたら
最新デザイン(横幅が1120pxと広く、プロフィール画像が丸いデザイン)用のカスタマイズ
・最新デザインでメニューバーを設置するには(既存のデザインの場合)
・最新のデザインでサイドバーをカスタマイズする方法
・最新デザインでヘッダー画像を設置する方法
・アメブロ最新デザインで、ブログタイトルと説明文の位置を自由に配置する方法
・プロフィール画像が丸いデザインでのメニューバーの設置方法
・サイドバーの見出しの色を変えるには(プロフィール画像が丸いデザインの場合)
・最新のデザインで記事枠を囲む方法(プロフィール画像が丸いCSSデザイン)
・記事内の文字の大きさ、行間隔、文字の間隔の変更(新・CSS編集デザイン用)
以上、アメブロカスタマイズの目次でした。
LIDS札幌・ライフデザインスクール
川上 雄大