Webサイトの基本 Webサイトツールの使い方

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

2021年1月24日

  1. HOME >
  2. Webサイトの基本 >

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番最初の写真が表示されます。

 

 

 

 

 


デジタルが〝楽に楽しく〟なるお手伝い

  • 起業や集客に欠かせないHPやSNS
  • 子どもの学習やゲームにも必須になったパソコンやインターネット環境
コロナ禍でオンラインが加速し、スマホで十分。の時代から、パソコンや情報収集がうまくできないと〝ちょっと損〟な時代に変化しています。 手当たり次第に全部取り入れるのではなく、目的に応じて必要な環境とモノを整理して、厳選して使いましょう。 デジタル周りの整理整頓をお手伝いしています。
 

パソコンインストラクター竹村真奈美

まむさんのアイコン

パソコンインストラクター15年、独立5年目。

地域のパソコン講座をはじめ、Facebook本社にてトレーニングを受けFacebook#起業女子プロジェクトの北海道地区担当トレーナーとして全道でSNS講座を開催。

札幌市南区真駒内・創成東地区の地方創成事業にも参画し、子どもが放課後を主体的に過ごせるまちづくりを考えています。
 

check!

FacebookInstagramBlogLINE公式

  • この記事を書いた人
アバター

竹村真奈美

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

-Webサイトの基本, Webサイトツールの使い方
-

© 2021 たけむ.net