最新記事一覧で改行されるのを防ぐには

アメブロでは、初期状態ではタイトルが長い記事は、下の様に最新記事一覧でタイトルが改行されて表示されます。

アメブロの最新記事一覧を1行表示させる方法3 (1)

しかし、このような表示はいまいちすっきりしない、という人も多いと思います。

この記事では、どうすればアメブロでタイトルの長い記事でも、最新記事一覧で1行表示するかについてご紹介いたします。

ブログデザインのCSSの編集

タイトルの長い記事でも、最新記事一覧で1行で表示するには、ブログデザインのCSSの編集を行います。

なお、CSSの編集を行うためには、ブログデザインを「CSS編集用デザイン」にする必要があります。

もしほかのデザインを使用している場合は、「CSS編集用デザイン」に変更をお願いします。

ブログ管理画面の右上にある「三本線」ボタンを、押して出てきたメニューの「デザインの変更」を押します。

アメブロの最新記事一覧を1行表示させる方法3 (2)

ページ上部にある、「適用中のデザイン:CSS編集用デザイン」の下にある「CSSの編集」を押します。

アメブロの最新記事一覧を1行表示させる方法3 (3)

「現在使用中のブログデザインCSS」の一番下に、以下の内容をコピーして貼り付けをして、「保存」を押します。

#recentEntries{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

アメブロの最新記事一覧を1行表示させる方法3 (4)

タイトルの長い記事でも、最新記事一覧で1行表示されました。

アメブロの最新記事一覧を1行表示させる方法3 (5)

まとめ

以上、アメブロでタイトルの長い記事でも、最新記事一覧で1行表示する方法についてご紹介させていただきました。

表示を整えてブログの見栄えを良くすることは、ブログの読者を増やすうえで重要なポイントです。

皆さんもブログがより見やすくなるようカスタマイズしてみてください。

「アメーバキング2」アメブロ売上倍増&アクセスアップの多機能ツール

http://ci-s.net/amebaking2/

  • アメブロの最新記事一覧を1行表示させる方法
  • アメブロに広告を横並び表示させる方法
  • アメブロにサムネイル画像なし人気記事一覧を表示させる方法
  • アメブロにファビコン画像を設定する方法

Twitterでフォローしよう

  • ネット副業種類
    モノオク登録方法、自宅の空き部屋、空きスペースを貸すだけの副業
    2019年6月19日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • ネット副業収入
    いままでのネット副業収入実績
    2018年1月7日
  • アフィリエイト
    無料ブログでのアフィリエイト危険性4つの理由
    2018年6月2日
  • アフィリエイト
    プロアフィリエイターの作業環境やツール、サイト11個紹介
    2018年5月11日
おすすめの記事