2017/04/29 / 最終更新日 : 2017/04/29 松本 メッセージボード アメブロのメッセージボードに画像枠をつけるカスタマイズ方法 アメブロの新タイプのCSS編集用デザインでは、トップページのメッセージボードは、境界線もなにも無い非常にシンプルなものになっています。 ですがこの場所は、トップページの訪問者に様々なアピールを行うのに最適な場所ですので、 […]
2017/04/28 / 最終更新日 : 2017/04/28 松本 サイドバー アメブロのサイドバーウィジェットのタイトルを英語などに変えるカスタマイズ方法 アメブロの新タイプ(第二世代)CSS編集用デザインで、サイドバーのウィジット(各パーツ)のタイトル部分の表示文字を、英語などの別の表示に変更するカスタマイズ方法です。 アメブロの設定で変更することができないため、サイドバ […]
2017/04/25 / 最終更新日 : 2017/04/26 松本 サイドバー アメブロのサイドバーのプロフィール画像を好みのサイズで表示するカスタマイズ方法 アメブロの新タイプCSS編集用デザインで、サイドバーのプロフィール画像を好みのサイズで表示するカスタマイズ方法です。 新タイプCSS編集用デザインでは、サイドバーのプロフィール画像が120ピクセルの大きさで、円形に切り抜 […]
2017/04/24 / 最終更新日 : 2017/04/26 松本 記事(本文以外) アメブロの個別記事の記事情報(更新日時・テーマ)を1行表示にするカスタマイズ方法 アメブロの新タイプ(第二世代)のCSS編集用デザインでは、個別記事の記事情報(更新日付とテーマ名)が、2行で表示されるようになっています。 この2行表示は、右側に2行分のスペースがポッカリと空いてしまいますので、1行にな […]
2017/04/23 / 最終更新日 : 2017/07/12 松本 リスト型(タイムライン型)トップページ リスト型(タイムライン型)トップページでデフォルトの画像を表示するカスタマイズ方法 アメブロの新タイプの「リスト型(タイムライン型)CSS編集用デザイン」のトップページには、各記事のサムネイル画像が表示されるようになっています。 しかし、画像のない記事には全く何も表示されず、画像のある記事とレイアウトが […]
2017/04/22 / 最終更新日 : 2017/07/12 松本 リスト型(タイムライン型)トップページ リスト型(タイムライン型)トップページで本文を複数行表示するカスタマイズ方法 アメブロの新タイプの「リスト型(タイムライン型)CSS編集用デザイン」のトップページには、各記事の本文の内容が1行だけ表示されます。 ただ、記事冒頭の1行だけでは、ほとんど挨拶だけで終わってしまうなど、あまり意味が無い場 […]
2017/04/21 / 最終更新日 : 2017/06/01 松本 サイドバー アメブロのサイドバーの「読者になる」ボタンを画像ボタンに変える方法 新タイプCSS編集用デザインのサイドバーにある「読者になる」ボタンを、画像を使ったボタンに変えるカスタマイズ方法です。 「読者になる」ボタンの外見をより分かりやすいものに変更すると、アメブロの訪問者に読者登録してもらいや […]
2017/04/20 / 最終更新日 : 2017/04/26 松本 サイドバー アメブロのサイドバーのボタンの大きさや色を変えるカスタマイズ方法 新タイプCSS編集用デザインのサイドバーのボタン(読者になる、一覧を見るなど)の、大きさや色を変えるカスタマイズ方法です。 特に初期状態で濃いグレーの「読者になる」ボタンは、黒く大きくて、個人的にちょっと目立ちすぎる気が […]
2017/04/19 / 最終更新日 : 2017/04/26 松本 ヘッダー アメブロのブログタイトルやブログ説明文の位置を移動させる方法 アメブロの新タイプCSS編集用デザインの、ブログタイトルとブログ説明文(サブタイトル)は、初期状態では、ヘッダーの中央に表示されるようになっています。 この中央に表示という状態、文字を消さずにヘッダー画像を設置した時など […]
2017/04/18 / 最終更新日 : 2017/04/26 松本 ヘッダー アメブロのヘッダー下の標準ナビゲーションバーを消す(見えなくする)方法 アメブロの新タイプのCSS編集用デザインでは、ヘッダー下に標準のナビゲーションバーが表示されます(上の画像の赤枠で囲った部分)。 ブログタイトルやブログ説明文の下にある「ブログトップ」「記事一覧」「画像一覧」という各リン […]
2017/04/17 / 最終更新日 : 2017/06/01 松本 グローバルメニュー アメブロにグローバルメニュー(メニューバー)を設置するカスタマイズ方法 アメブロにグローバルメニュー(メニューバー、グローバルナビ、ヘッダーメニューなどと呼ばれることもあります)を設置するカスタマイズ方法です。 グローバルメニューは、ブログの全てのページに表示されますので、告知記事や、問い合 […]
2017/04/15 / 最終更新日 : 2017/07/15 松本 ヘッダー アメブロにヘッダー画像を表示するカスタマイズ方法 アメブロにヘッダー画像を表示するカスタマイズ方法です。 新タイプ(第二世代)のCSS編集用デザインに対応しています。 ヘッダー画像はブログの看板。 オリジナルのヘッダー画像を作ってブログに表示すると、ブログの雰囲気を一気 […]
2017/04/13 / 最終更新日 : 2017/04/20 松本 記事本文 アメブロの記事内の見出し(h2,h3,h4)を分かりやすくカスタマイズする方法 アメブロの記事内の見出し(h2、h3、h4)タグの表示を分かりやすく、見出しらしく、見やすくカスタマイズする方法です。 新タイプ(第二世代)のCSS編集用デザインに対応しています。 アメブロの最新版エディタでは、ユーザー […]
2017/04/12 / 最終更新日 : 2017/04/20 松本 文字・フォント アメブロをメイリオフォントで表示するカスタマイズ方法 アメブロの表示文字(フォント)を初期設定よりも見やすい「メイリオ」フォントに変更するカスタマイズ方法です。初期設定より読みやすい「メイリオ」フォントを使うことで、アメブロをより読まれやすいブログに一歩近づけましょう。
2017/04/10 / 最終更新日 : 2017/04/20 松本 基礎知識 CSS編集用デザイン(新タイプ／第二世代)レイアウト概要 アメブロのデザインを新タイプの「CSS編集用デザイン」に変更した時の、パソコン(含iPad)向けページのレイアウトについてご紹介します。 ヘッダー画像のサイズ 記事内で利用する画像サイズ サイドバー(フリースペース等)に […]
2017/04/08 / 最終更新日 : 2017/04/20 松本 基礎知識 CSSを編集してアメブロのカスタマイズをする方法 アメブロカスタマイズのベースデザインである「CSS編集用デザイン」は、ユーザー自身が直接CSSの編集をすることで、パソコンやiPadでブログを見たときのデザインをカスタマイズできるようになっています。 当サイトでは、この […]
2017/04/06 / 最終更新日 : 2017/04/20 松本 基礎知識 アメブロカスタマイズで使う画像のアップロード方法と画像URLの取得方法 アメブロのカスタマイズをする時は、画像を利用することが多々あります。 画像を利用する場合は、まず、使用する画像をアメブロにアップロードし、アップロードした画像にアクセスできる「画像のURL」を取得して使用します。 この手 […]
2017/04/05 / 最終更新日 : 2017/04/27 松本 基礎知識 アメブロの4種類の「CSS編集用デザイン」について理解する アメブロカスタマイズのベースデザイン「CSS編集用デザイン」には、同じ名前で中身の異なるものが4種類存在しています。 アメブロのカスタマイズをするためにデザインを「CSS編集用デザイン」に変更するときは、これらの4種類の […]
2017/04/03 / 最終更新日 : 2017/04/19 松本 基礎知識 アメブロカスタマイズの最初の一歩「CSS編集用デザイン」にする方法 CSSの編集によるアメブロカスタマイズの最初の一歩、アメブロのデザインをカスタマイズ向けのベースデザイン「CSS編集用デザイン」に変更する方法です。「CSS編集用デザイン」への変更はアメブロカスタマイズには必須の操作ですので、その手順を詳しくご紹介します。
