MENU
  • 無料レッスンLesson
  • プロフィールprofile
  • サービスService
    • パソコン苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性に寄りそうWEBお悩み相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

    カテゴリー

    • Web・SNS集客
    • Web系プログラミング
    • WordPressプログラミング
    • フリーランスの小技
    • Web活用相談
    • はじめてのWordPress
    • アメブロカスタマイズ
    • ホームページ制作
    • 自分で作れるおしゃれデザイン
    • アイデア・思考の整理

    タグ

    Adobe IllustratorGatsby.jsgitGitHubHTML/CSSMySQLNode.jsPythonSourcetreeSWELLWordPressおすすめWPプラグインおすすめツールアメブロエックスサーバーサーチコンソールセキュリティバレットジャーナルライブドアブログ環境構築確定申告開発環境

    アーカイブ

    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年2月
    • 2022年1月
    • 2021年12月
    • 2021年11月
    • 2021年10月
    • 2021年9月
    • 2021年8月
    • 2020年10月
    • 2020年8月
    • 2020年7月
    • 2020年6月
    • 2020年5月
    • 2020年4月
    • 2020年3月
    • 2020年1月
    • 2019年11月
    • 2019年9月
    • 2019年8月
    • 2019年5月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年10月
    • 2017年9月
    • 2017年7月
    個人事業主・女性起業家のためのWordPress・HP・ブログレッスン
    自分で作れる優しいホームページ制作・個人レッスン 中谷恵美
    • 無料レッスンLesson
    • プロフィールprofile
    • サービスService
      • パソコン苦手でも大丈夫!
        ホームページ作成個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    自分で作れる優しいホームページ制作・個人レッスン 中谷恵美
    • 無料レッスンLesson
    • プロフィールprofile
    • サービスService
      • パソコン苦手でも大丈夫!
        ホームページ作成個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    1. ホーム
    2. アメブロカスタマイズ
    3. 【アメブロ】スマホデザインの変更方法

    【アメブロ】スマホデザインの変更方法

    2022 12/19
    アメブロカスタマイズ
    2022-12-16 2022-12-19

    アメブロのデザインを自分好みにカスタマイズしたい方にむけて、今回は、スマホデザインを変更する方法を解説しています。

    目次

    パソコンとスマホのデザインは別々に設定

    動画でも設定方法を解説しています。

    YouTube
    【アメブロ】スマホデザインの設定方法 アメブロはパソコンとスマホで別々にデザインを設定していく必要があります。今回はスマホのデザインの設定方法を解説しています。📌ブログ記事はこちらhttps://0forest.com...

    アメブロのブログデザインは、
    ・パソコン
    ・スマートフォンブラウザ
    のそれぞれで設定できます。

    デザインはパソコンとスマホで連動していません。

    スマホで見たときのデザインをカスタマイズしたい場合、  
    パソコンからの設定とは別にスマホのAmebaアプリから設定する必要があります。

    スマホ版では、パソコンのようにヘッダー画像、グローバルメニュー、サイドバーなどを設定できたのですが、スマホ版は、それらが表示されません。

    スマホで変更できる箇所

    ・全体のデザイン
    ・記事一覧のレイアウト
    2箇所のみになります。


    スマホで変更できるのは全体デザインとレイアウトのみ

    ここから、変更の手順をお話ししていきます。

    Amebaアプリから、スマホ用の管理画面を立ち上げます。
    下の方に「デザイン・レイアウトの変更」を選びます。

    ブログデザインの設定から、
    デザインテンプレートを選びましょう。

    テンプレートを選ぶと
    ・ブログの背景色
    ・ヘッダー画像
    が変わります。

    ヘッダー画像や背景色はテンプレートごとに決まってるので、
    個別に変えることはできません。

    公式ブロガーの人のみ、オリジナルのヘッダー画像を入れることができます。

      
    続いて、右上の「レイアウト変更」ボタンから
    記事一覧のレイアウトを変えることができます。

    • スタンダード
    • ワイド
    • サムネなし

    3種類から選ぶことができます。

    スタンダード
    ワイド
    サムネなし

    タイトルと画像をバランスよく見てもらうスタンダードがおすすめです。

    レイアウトを決定したあと、
    「ブログを確認する」をタップすると、
    表示を確認できます。

    Amebaアプリではデザインは反映されません。

    スマホでアメブロをみるときには、
    SafariやChromeなどのブラウザで見る方法と
    Amebaアプリを使う方法、
    2つのやり方があります。

    そのうち、
    Amebaアプリから閲覧した際は、
    デザインが統一されており、
    個別にデザインの変更はできません。 

    Amebaアプリでブログを表示したとき

    パソコンと比べると、
    スマホはデザイン設定できる場所が限られています。 

    パソコンほど個性が出るものではないですが、
    ブログのイメージに合わせて
    デザインしてみてくださいね。

    他にもアメブロカスタマイズ方法を紹介しています!ぜひ、一緒にご覧ください↓

    あわせて読みたい
    自分でできる。アメブロのおしゃれなカスタマイズまとめ アメブロを、おしゃれにカスタマイズしたい! この記事では、アメブロのデザインをおしゃれにカスタマイズする方法を解説しています。 テンプレートそのままではなく、…
    アメブロカスタマイズ
    アメブロ
    よかったらシェアしてね!
    中谷恵美
    あなたのお仕事を育てるホームページの先生
    システムエンジニア、ITコンサルタントを経て、フリーランスに。

    ・ホームページ作成
    ・ブログのカスタマイズ
    ・LINEやメルマガのセットアップ
    ・Canvaを使ったデザインの作り方
    ・Googleの分析ツール
    ・自分の強みを生かした集客
    などの、個人レッスンをしています。

    「仕事の発信に使えるようになりたい」
    「自分でも使えるスキルを身につけたい」
    ITが苦手な個人事業主さんに向けて、困ったときのWEB担当として幅広くサポートしています。

    HP作成のほかにも、心理カウンセラーとしても活動中。

    趣味は、文房具集め、ゲーム(牧場系とモンハン)、手芸(刺繍、洋裁)。
    運動が苦手で体が硬いのが悩み。今年、腰痛改善にジムに通い始めたが、果たして続くのか。。。
    詳しいプロフィールを見る

    メルマガバナー

    活動実績

    【HP個人レッスン】

    ●ハワイアン伝統ロミロミサロン・Aさま
    ・2ヶ月でサロンのHPをリニューアル。新サービス立上げ時も自分でHPを作成できるように。
    「最初はパソコン音痴の私にできるか不安でしたが、とても丁寧な指導でわかりやすかったです。
    私好みの素敵なHPができあがり、とっても嬉しいです!」

    ●Mさま
    ・2回のミーティングでWordPress運営スキルを習得。オウンメディアを立上げ。

    ●Sさま
    ・5日間で無料ブログからWordPressへのお引越し。
    「半ば諦めかけていた移管を短期間で終えることが出来ました」

    【ホームページ作成】

    ●これまでご依頼いただいたお客さま
    (個人)写真家・サロン・カウンセラー・占い師

    (法人)メーカー代理販売店、コンサルティング企業、人事支援企業

    【経歴・資格など】
    ・基本情報技術者
    ・簿記2級

    【営業時間】平日:10:00~19:00
    【休業日】土、日、祝、年末年始

     

    新着記事
    • 個人事業主のお仕事ブログには、独自ドメインを使おう!
      2023-01-27
      Web・SNS集客
    • WordPressテーマの選び方〜おすすめ有料・無料テーマ〜
      2023-01-13
      はじめてのWordPress
    • 【アメブロ】記事に定型文をいれる方法
      2022-12-30
      アメブロカスタマイズ
    • 【アメブロ】メッセージボードをおしゃれにカスタマイズ!
      2022-12-23
      アメブロカスタマイズ
    • ブログで使えるタイトル付き囲み枠のCSS
      2022-12-21
      アメブロカスタマイズ
    人気記事
    • 【Mac】SourcetreeからGitHubへSSH接続する
      2021-08-05
      Web系プログラミング
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      WordPressプログラミング
    • CSSとJavaScriptで作るハンバーガーメニュー
      2020-07-25
      Web系プログラミング
    • Node.js+ExpressでMySQLに接続して一覧表示する
      2020-04-25
      Web系プログラミング
    • Flexboxで作るヘッダーのサンプル集
      2020-07-30
      Web系プログラミング
    目次