STORK19の購入ページはこちら

横幅いっぱいの投稿ページサンプル

横幅いっぱいの記事ページを作成することができます。

通常通り記事を作成していただき、サイドバーの「投稿の属性」から「フルサイズ(1カラム)」を選びます。

「フルサイズ(1カラム)」を選ぶ

ショートコードももちろん使える

通常の投稿ページや固定ページ同様、ショートコードもちゃんとつかえるので、HTMLがわからないという方でも様々な表現が可能です。

カラムレイアウト

girl-flowers

デスクトップの時のみ2カラムになるよ

photo-1429095687696-3227bb0aa9a8

タブレット&スマホでは1カラムだよ

hBd6EPoQT2C8VQYv65ys_White-Sands

デスクトップの時のみ3カラムになるよ

photo-1420708392410-3c593b80d416

ショートコードを使うと簡単だよ

photo-1421757295538-9c80958e75b0

タブレット&スマホでは1カラムだよ

補足説明

本文の補足として使えるようなこんなデザインパーツもありますよ!効果的に使うことで文章をよりわかりやすくできます。

補足説明

注意!

上のような補足や注意も、ショートコードでもできるし、補足ブロックをつかってもできます。

吹き出し

ながの

吹き出しのようなデザインもショートコードを使ってもできるし、吹き出しブロックを使っても実装できるわよ。

使いすぎには禁物だけど、効果的につかうことで読者を飽きさせないコンテンツがつくれるはず。使い方はあなた次第だけどね。

うまく使いなさい!

各マークアップのテスト(見出し2)

見出し3

tableの表示例です。細かなオプションの説明や、サービスなどの価格表を作成するのもおすすめです。

TH TH TH TH
TH セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明 セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明 セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明
TH セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明 セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明 セル内の説明セル内の説明セル内の説明セル内の説明セル内の説明

通常のリスト
  • リストがはいります。
  • リストがはいります。
  • リストがはいります。
    • リストがはいります。
    • リストがはいります。
    • リストがはいります。
  • リストがはいります。


見出し4

引用文(blockquote)はこのような感じです。まあ、他のページと同じです。でも横幅が広がるだけで雰囲気が変わってくるのがわかります。

見出し5

リスト形式の表示はこのような感じになります。

通常のリスト
  • リストがはいります。
  • リストがはいります。
  • リストがはいります。
    • リストがはいります。
    • リストがはいります。
    • リストがはいります。
  • リストがはいります。
数字リスト
  1. リストがはいります。
  2. リストがはいります。
  3. リストがはいります。
    1. リストがはいります。
    2. リストがはいります。
    3. リストがはいります。
  4. リストがはいります。

Gutenbergブロック

ブロック「カバー」

Gutenbergのカバーブロックを使えばこのようにできたり。

こんなレイアウトをつくったり。

画像を大きく配置したり
少し大きめに配置したり

Gutenbergでこんな感じのカラムレイアウトをつくったり

ビジュアルを確認しながら

記述できますね!

投稿画面例

ブロックエディタのことについては、以下のページにまとめていきます。

CTAを設置しよう!

ここにリンクさせたい自分の商品やアフィリエイトリンクなどを表示させることが可能です。記事下のCTAは収益化においてかなり重要となるので効果的に使いたいところです。タグを追加してあげれば画像なども表示させることが可能!簡単にサイトの収益化の仕組みを導入することができます。