ワードプレス以外のHP作成ツール

Amebaオウンド|レイアウトの変更方法

2021年1月24日

Amebaオウンドは無料で使えるホームページ作成サービスで、ブロックを配置していくとサイト全体のレイアウトが整う、優れものです。

初心者にも使いやすく、今風のスタイリッシュなテンプレートがそろっています。

 

まむ
このページでは「記事一覧」パーツのレイアウト変更方法について解説しますね。

 

レイアウトの変更方法

 

step
1
ダッシュボードから「ページ編集」をクリック

 

 

step
2
ページ編集から「編集したいページ」をクリック

見本は「Home」ページ

 

step
3
変更したいブロックの「レイアウト」を変更する

タイプは4種類あります。変更して、ページを更新し確認してみましょう。

手順

  1. 変更したいブロックの中でクリック(投稿すべてが表示されるエリアは「すべて×POSTA」となっています。)
  2. 新たなに表示される黒いメニューから「レイアウト」の種類を選択
  3. 右上の「ページ更新」をクリック

種類は4種類

  • List…一覧のように、記事のタイトルが並ぶ
  • Magazine…写真が大きく表示される
  • Grid…タイルカードのように表示される
  • Full…記事中身がすべて表示される

 

 

 

step
4
サイトを更新して確認

公開される表示は、選んでいるテーマにより多少異なります。(パーツの大きさなど)

サイトを更新して確認してください。

グレーの枠は写真のサムネイルが表示される部分です。

記事に写真が無いとグレーの枠になります。

サムネイルは記事に挿入した1番最初の写真が表示されます。

 

 

 

 

 

tag


LINEで問い合せる

まむ
ちょっと聞きたいことがあれば、LINE公式からご質問ください。

\竹村のLINE公式はウサギのアイコンです/

ロゴtopカード

友だち追加

  • この記事を書いた人

竹村真奈美

パソコンとパステル和アートインストラクターで、地方創生事業に参画しています。パソコン講師歴は16年。2015年からフリーランスで活動しています。

-ワードプレス以外のHP作成ツール
-,