サイト全体に「COLORS(ブルー)」スキン適用中。

本文の「行の高さ」と「行間の余白」を変更する方法

投稿・固定ページ

本文の見やすさを、手軽に設定できるように「行の余白」に関する設定を追加しました。

スポンサーリンク

本文の余白の設定

現時点では、以下の設定が行えます。

  1. 行の高さ変更(line-height)
  2. 行間の余白(pタグ等の上下margin)

余白の変更後には、Cocoon設定から「本文」タブを選択して、「本文余白」項目の設定を行ってください。

本文の行の高さや余白の設定です。

    行の高さ変更(line-height)

    行の高さとは、以下の部分の高さ変更です。

    行の高さは青色の部分

    CSSで言うところのline-heightです。単位はありません。

    行間の余白(pタグ等の上下margin)

    企業間の余白は、行に対して上下の余白です。

    行間の余白

    CSSで言うところのmargin-top, margin-bottomです。

    余白の調整に

    基本的に、双方とも数字を小さくすると、本文が詰まった固い感じに表示されます。

    数字を大きくすればするほど余白が開いて、緩い感じに表示されます。

    投稿・固定ページ
    スポンサーリンク
    この記事が気に入ったら
    いいね!しよう
    最新情報をお届けします。
    わいひら

    無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

    わいひらをフォローする
    わいひらをフォローする
    おすすめレンタルサーバー
    mixhost

    プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎http/2・QUIC(高速化プロトコル)に対応
    ◎プランのアップ・ダウングレードが自由自在
    ◎転送量が多い
    ◎毎日無料バックアップ(14日分)
    ◎復元ポイントを指定して復旧可能(無料)
    ○サーバ引っ越しオプションあり(有料)
    〇アダルト・出会い系サイト可
    △安定性にやや欠ける

    安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

    ◎nginxを用いた高速サーバー(完全SSD)
    ◎老舗サーバーなので安定感抜群
    ◎ディスク容量が多い
    ◎転送量が多い
    ◎同サービス内でドメイン管理が可能
    ○http/2(高速化プロトコル)に対応
    ○毎日無料バックアップ(14日分)
    △DBは7日分だけ無料復旧可能(ファイルは有料)
    ×プラン変更でCPUのスペックアップができない
    ×プラン変更しても即時反映されない
    ×アダルト・出会い系サイト不可

    性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎http/2・QUIC(高速化プロトコル)に対応
    ◎東京・大阪でリージョン選択が可能
    ◎プランのアップ・ダウングレードが自由自在
    ◎同サービス内でドメイン管理が可能
    ◎転送量が多い
    ◎毎日無料バックアップ(14日分)
    ◎復元ポイントを指定して復旧可能(無料)
    ○サーバ引っ越しオプションあり(有料)
    △アダルト・出会い系サイト可(条件あり)
    △開始したてなので運営能力は未知数(対応良)

    格安な値段で始められる高機能サーバーです。
    性能も備えつつ最安ならここ。
    サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎激安プランが用意してある
    ◎値段あたりのスペックが高い(コスパ良し)
    ◎サーバ引っ越しオプションあり(無料)
    ○http/2(高速化プロトコル)に対応
    〇アダルト・出会い系サイト可
    △プランのアップは可能だがダウンは不可
    △毎日自動バックアップ(1日分)
    △前日のバックアップからのみ復元できる(無料)

    Cocoon

    コメント

    タイトルとURLをコピーしました