【キュレーター】記事アップ/デザインの仕方

見出しルール

  • 大見出し → 段落:見出し2
  • 中見出し → 段落:見出し3
  • 小見出し → 段落:見出し4
  • さらに小見出し → 段落:見出し5
  • さらにさらに小見出し → 段落:見出し6

※「見出し1」は利用しないでください。タイトルで使うためです。

大見出し → 段落:見出し2

中見出し → 段落:見出し3

小見出し → 段落:見出し4

さらに小見出し → 段落:見出し5
さらにさらに小見出し → 段落:見出し6

強調ルール

  • シンプルな強調 → シンプルな強調
  • ポジティブな強調 → ポジティブな強調
  • ネガティブな強調 → ネガティブな強調

囲みルール

囲み枠(ノーマル) → 強調したいエリアで利用

囲み枠(ノーマル)

囲み枠(結論・緑) → 見出しごとの結論で利用

このような結論です。

囲み枠(注意・赤) → 注意すべき内容で利用

○○をやるのは絶対にやめましょう。

囲み枠(ポジティブ・青) → お得な内容で利用

このクレジットカードを使うと1万円分のポイントが貯まります。

リンクルール

URLのみを入力すると自動的にリンクカードが生成されます。

画像ルール

アイキャッチ画像

アイキャッチ画像の推奨サイズ:728px × 380px

です。

  • 画像は、記事内容を伝えやすいような画像を自作しても構いません。
  • フリー写真サイトからピックアップしてきても構いません。
  • 自分で画像のリサイズができない場合は、当サイトにあらかじめ登録している「728px×380px」の画像をお使いください。
    「728」で検索すると候補画像が表示されます。

「大見出し」後画像

大見出し(h2)の後は、イメージ画像で構わないのでテーマにあった画像を挿入してください。

記事中画像

記事中画像は

  • 通常 → 「中サイズ」「リンク先:なし」

を選んでください。

  • 画像が大きすぎる場合 → 「中サイズ」「リンク先:メディアファイル」

を選んでください。

吹き出し

コメント・セリフには吹き出しを使用してください。

すでに記載している文章を選択してから、「専門家コメント」「男性コメント」「女性コメント」を選ぶと吹き出しになります。

専門家側のコメント

Expert
このようにすべきです。
Expert
このようにすべきです。

ユーザー側のコメント

Man
これはどういう意味ですか?
Woman
これはどういう意味ですか?

テーブルルール

テーブルは、エクセルなどの表データをそのまま、組み込むことでワードプレスに貼り付けられますが、その形だと「見出し行」「見出し列」が表現されないことと、レスポンシブ対応ができないため、以下の手順でテーブルを挿入します。

手順1.エクセルで表を作ります。

手順2.下記サイトにアクセスします。

手順3.テーブル情報を貼り付けます。

手順4.「見出し行」と「見出し列」を指定します。

 

このように

  • 上が「見出し行」の数
  • 下が「見出し列」の数

を指定します。0にすると見出しが表示されません。

 

手順その5.「cssを出力しない」をチェック

このチェックがないと、テーブルが崩れてしまいます。

手順その6.「変換」ボタンをクリックする

手順その7.表示されたサンプルの「見出し」が間違っていないことを確認する

手順その8.「HTMLソース」をコピーする

手順その9.ワードプレスの記事の導入したい場所に貼り付ける

※エディターの「テキスト」タブをクリックして、貼り付けてください。

下記のように表示されます。

見出し行 見出し行 見出し行 見出し行 見出し行 見出し行
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素
見出し列 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素 テーブル要素

コメントを残す