レスポンシブデザイン

散歩で撮った写真を見ながら、ついでに読んでくださいませませ。

テーマストアには、はてなブログユーザが作成したデザインテーマが「人気順」や「新着順」などカテゴリ別に整理されています。 このデザインテーマを自分のブログにインストールしてブログ全体のデザインをカスタマイズすることができます。 テーマ ストア - はてなブログ デザインテーマをどれか１つ選択してみます。 過去にブログに適用したデザインテーマがあれば、「インストールしたテーマ」タブで確認できます。 そのテーマの「紹介ページ」が開きます。 各デザインテーマの紹介ページでは、「テーマの説明」や「テーマ作者」、「インストール数」、「投稿日」、「注意」などが確認できます。 右側の中央辺りに「無料」と表示さ…

レスポンシブデザインとは、パソコンだけでなくスマートフォンやタブレットなど、いろいろなデバイスでそれぞれの画面サイズに合わせてウェブサイトのレイアウトや表示内容を自動的に調整する仕組みを備えたデザインです。 もしパソコン以外のデバイスでサイトを開いた時にデザインが崩れていたら、その時点で読者に読んでもらえません。読者に快適に利用してもらうためにはレスポンシブ対応のデザインテーマを選択した方がよさそうです。 デザイン設定画面でデザインテーマを選択するとき スマートフォンでもPCと同一のデザインを使用したい場合はレスポンシブ対応のデザインテーマを選択する必要があります。 デザイン設定画面の左側のメ…

おはよう御座います、香澄真樹那です。 2025年も3月に入って、ウェブサイトのリニューアルの期日としている2025年5月1日までは残り60日しかない状態になりました。 少し前までは残り70日と書いていましたがあっと言う間に10日分の日数が過ぎた形です。 今週に入ってからはウェブサイトの設計表を書き足して行っていますが実際にページと言う名の記事の形に仕上げるとどのような規模になるのかが分からない位に多い量になっています。 どうしても衣装体験や変身体験やそれに伴っての旅行記を掲載するブログと日々雑記的な記事を書いているブログは分けての運営をしたいと思っているので、それに関してはブログを別の物にしま…

チャンスを逃してない？レスポンシブは必須 1. レスポンシブデザインとは？ 2. なぜレスポンシブデザインが重要なのか？ ① ユーザーの大半がスマホでアクセスしている ② Googleの検索順位（SEO）に影響する ③ 運用コストを削減できる 3. レスポンシブデザインを導入する方法 ① レスポンシブ対応ツールを使う ② CSSで自分でカスタマイズする ③ Webデザイナーに依頼する 4. まとめ：レスポンシブ対応は必須！今すぐチェックしよう 🔍 あなたのWebサイトをレスポンシブ対応にしたいなら？ チャンスを逃してない？レスポンシブは必須 こんにちは！WEBデザイナーの田村佐保です。 今回は…

夜分に失礼いたします、香澄真樹那です。 私が管理していて現在、主にAmebaブログで運営している「風雅乃絵姿」ではありますが、2025年5月1日で開設5周年の節目の時期を迎えますがその時期を目標としてブログの再移転とリニューアルの作業をしようと考えています。 当初、リニューアルの作業を完了する時期が2025年5月と宣言していましたがそれが遅れる可能性もあります。 開設当時がこちらのはてなブログでの物でしたが、2022年にAmebaブログに移転してアクセス解析をしているとAmebaのアプリではなくてスマートフォンのブラウザから見られている割合が多いです。 その条件で閲覧していると広告の量が異常に…

こんにちは、香澄真樹那です。 久し振りにこちらの旧ブログで記事を書きますが、Amebaブログに移転した物を見ていて形にはなっていますが、閲覧して頂く場合の条件を見ていると多くの方がスマートフォンのウェブ版を使っていると言う事を知りました。 単純に考えるとAmebaのアプリをダウンロードして見ている方が少ない形になります。 スマートフォンのウェブ版、Androidのタブレットも同じなのですがそれでブログを見ていると広告が多くて見にくいと言いますかそのような感じでしょうか。 ポイ活には便利なのですが見た目を考慮するともう少し改善する所が出て来ているのかなと思いました。 近況報告になりますが写真は2…