[Cocoon設定] 本文

Cocoonマニュアル
この記事は約4分で読めます。
記事内に広告が含まれています。

Cocoon設定→本文について説明します。

本文行間設定

本文余白

  • 行の高さ
    行の高さ(line-height)を設定します。
  • 行の余白
    行間の余白(margin-bottom)を設定します。

文字サイズ=18px
行の高さ4emとした場合、line-heightは18✕4=72pxとなります。
行の余白2emとした場合、margin-bottomは18✕2=36pxとなります。

外部リンク設定

外部リンクの開き方

本文内の外部リンクの開き方を設定します。

外部リンクの開き方
値説明
変更しない本文中のリンク設定に従います。
新しいタブで開く全てのリンクを新しいタブで開きます。
同じタブで開く全てのリンクを同じタブで開きます。

フォロータイプ

rel属性を設定します。

フォロータイプ
値説明
変更しない本文中のリンク設定に従います。
フォローしない全てのリンクをnofollowに設定します。
フォローする全てのリンクをfollowに設定します。

nofollowとすると、検索エンジンはリンクを無視し、リンクを辿りません。

追加rel属性

  • noopenerを追加する
    オンにすると、rel属性にnoopenerを追加します。
  • target=”_blank”の際はnoopenerを追加する
    オンにすると、新しいタブで開くリンクのrel属性にnoopenerを追加します。
  • noreferrerを追加する
    オンの場合、rel属性にnoreferrerを追加します。
  • target=”_blank”の際はnoreferrerを追加する
    オンにすると、新しいタブで開くリンクのrel属性にnoreferrerを追加します。
  • externalを追加する
    オンにすると、rel属性にexternalを追加します。

アイコン表示

  • アイコンを表示する
    オンにすると、外部リンクの右部にFont Awesomeアイコンを表示します。

アイコン

  • アイコンフォント
    外部リンクの右部に表示するFont Awesomeアイコンを設定します。

内部リンク設定

内部リンクの開き方

本文内の内部リンクの開き方を設定します。

内部リンクの開き方
値説明
変更しない本文中のリンク設定に従います。
新しいタブで開く全てのリンクを新しいタブで開きます。
同じタブで開く全てのリンク同じタブで開きます。

フォロータイプ

rel属性を設定します。

フォロータイプ
値説明
変更しない本文中のリンク設定に従います。
フォローしない全てのリンクをnofollowに設定します。
フォローする全てのリンクをfollowに設定します。

追加rel属性

  • noopenerを追加する
    オンにすると、rel属性にnoopenerを追加します。
  • target=”_blank”の際はnoopenerを追加する
    オンにすると、新しいタブで開くリンクのrel属性にnoopenerを追加します。
  • noreferrerを追加する
    オンにすると、rel属性にnoreferrerを追加します。
  • target=”_blank”の際はnoreferrerを追加する
    オンにすると、新しいタブで開くリンクのrel属性にnoreferrerを追加します。

アイコン表示

  • アイコンの表示する
    オンにすると、内部リンクの右部にFont Awesomeアイコンを表示します。

アイコン

  • アイコンフォント
    内部リンクの右部に表示するFont Awesomeアイコンを設定します。

テーブル設定

レスポンシブテーブル

  • 横幅の広いテーブルは横スクロールする
    オンにすると、画面幅より広いテーブルをスクロールで表示できるようになります。
    文字は折り返しされません。
  • テーブルの1列目を固定表示する
    オンにすると、横スクロールのとき1列目のセルを固定して表示します。

1列目のセルを結合した場合、正しく動作しません。

関連情報表示設定

関連情報表

投稿関連情報

  • 投稿日の表示する
    オンにすると、投稿日が表示されます(図1参照)。
  • 更新日の表示する
    オンにすると、更新日が表示されます(図1②参照)。
    投稿日・更新日が同じ日付の場合は投稿日のみが表示されます。
    また更新日がない場合、投稿日が表示されます。
  • 投稿者名の表示する
    オンにすると、投稿者が表示されます(図1③参照)。

記事を読む時間

  • 記事を読む時間の目安を表示する
    オンにすると、記事を読む時間の目安を表示します(図1④参照)。
    一般的に目安として600文字/分として算出します。
タイトルとURLをコピーしました