おはようございます。

個人事業主さん苦手なIT&Webサポート。
Smilefactoryten代表 加藤敦志 です。

AmebaOwndのCSSカスタマイズについてご質問がありましたのでブログにまとめてみました。CSSカスタマイズをどこに設定すればよいか?です。

ダッシュボード内にCSSカスタマイズを設置する箇所がありますので、今日はこの内容をまとめてみますね。

札幌 加藤敦志 個人事業主苦手なIT&Webトータルサポート WordPress amebaownd
 

ダッシュボードから...

 

AmebaOwndのダッシュボード>カスタマイズ>CSSカスタマイズへアクセスして下さい。



札幌 加藤敦志 個人事業主苦手なIT&Webトータルサポート WordPress amebaownd

 

2箇所あります。

 

パソコン用のCSSは「全体」に設定してください。

 

 

札幌 加藤敦志 個人事業主苦手なIT&Webトータルサポート WordPress amebaownd

 

 

スマホ用は「スマートフォン」に設定してください。

 

札幌 加藤敦志 個人事業主苦手なIT&Webトータルサポート WordPress amebaownd

 

 

※どちらもCSSを設定後必ず「保存」ボタンを押して、保存して下さい。保存せずにページ移動してしまうと消えてしまうので注意して下さい!

 

 

ポイント。

 

パソコンの表示でカスタマイズを行った場合、スマホ画面での表示状態を必ず確認してください。設定したCSSによっては、表示崩れが起きますので。

 

良くホームページ作成でAmebaOwndを使う時、CSSカスタマイズを行う内容例としては、

 

  • フォント変更
  • ヘッダー画像変更(スライドショー、PCSP別々画像設置)
  • ボタン
  • レイアウト

 

などなどです。

 

これらを行うには、利用テーマのHTML構造と、HTML/CSSを理解する必要があります。まずは勉強が必要になりますが、理解することでこのアメブロへもCSSカスタマイズを利用することも可能になります。

 

時間もかかると思いますが、興味がある方は是非チャレンジしてみてくださいね!


何度もお伝えしますが、AmebaOwndで、CSSカスタマイズを行う場合は、パソコン表示、スマホ表示、両方を必ずチェックをしてくださいね〜


今日も最後までお読み頂きありがとうございました。

 


 

NEW2023/5月くらい あっつ〜お茶会NEW 次回予定

 

日にち:2023年0月0日(#)
時間:11時から90分
募集人数:3名様
場所:大通り近郊カフェ

参加費:##

特典:あなたに合ったSNSをアドバイス。

 

【お茶会の詳しい内容やお申込み方法はこちらにまとめています】

 

 

 

NEW2023/5月くらい あっつ〜勉強会NEW 次回予定

 

 

 


 

 

【お問い合わせはこちら↓】

 

Instagram

 

 

 


LINE@パソコン・スマホのお役立ち情報配信中!
よかったらお友達登録してね〜!

 

友だち追加

@yay4943n LINE@ ID からも登録できます。

 

ベル作成・サポート承っております。ベル

  • ホームページ作成メニュー
  • ワードプレスホームページ作成
  • ホームページ用写真出張撮影
  • ワードプレスの操作・運用・管理に関わるサポート
  • アメブロカスタマイズ(ヘッダー画像、メニューバー設置)
  • 動画編集・Youtube投稿
  • パソコンお買い物同行

詳しくは「こちらから」お問合せください。

 

 

 

ではまた。
Smilefactoryten
代表 加藤敦志 でした。