タグ:レスポンシブデザイン ( 6 ) タグの人気記事

株式会社こだまみなみ文化工房様のホームページが公開されました

魚沼情報サービスがお手伝いさせていただいた株式会社こだまみなみ文化工房様のホームページが完成し、公開されました。
» http://kodamaminami.com/

d0015124_1521955.jpg

音曲出版物制作・販売、直売所CMソング、地方創生CMソング、ブナ林再生、結婚相談室など、株式会社こだまみなみ文化工房様は多くの事業を行っていらっしゃいます。

使用ソフト:WordPress

レスポンシブデザインを採用し、パソコンだけではなくスマホやタブレットで表示したときにも自動的に見やすいレイアウトに切り替わるようになっています。
[PR]

by pc_klik | 2015-05-31 14:40 | ホームページ制作事例

古書カフェ清流舎様のホームページが公開されました

魚沼情報サービスがお手伝いさせていただいた古書カフェ清流舎様のホームページが完成し、公開されました。
» http://seiryuusya.com/

d0015124_15164125.jpg


おすすめ古書などを、ゆっくりとした時の流れを感じながら、珈琲のかおりのなかでご覧ください。

店主ご自身が造られた小さな流れと滝のあるオープン和庭はいつでもご覧いただけますので、ご興味がある方はお立ち寄りください。

使用ソフト:WordPress

レスポンシブデザインを採用し、パソコンだけではなくスマホやタブレットで表示したときにも自動的に見やすいレイアウトに切り替わるようになっています。
[PR]

by pc_klik | 2015-05-31 14:30 | ホームページ制作事例

北里大学保健衛生専門学院同窓会様のホームページがリニューアルされました

魚沼情報サービスがお手伝いさせていただいた北里大学保健衛生専門学院同窓会様のホームページがリニューアルされました。
» http://kitasato-iikao.net/

d0015124_15195667.jpg


ホームページのリニューアルと共にメールニュースも運用開始されて、同窓会から卒業生にお知らせや報告などを随時配信していく予定です。

使用ソフト:WordPress
レスポンシブデザインにより、パソコンだけではなくスマホやタブレットで表示したときにも自動的に見やすいレイアウトに切り替わるように配慮してあります。さらに、携帯電話(ガラケー)で表示したときにはシンプルな文字中心のページに切り替わるようになっています。
[PR]

by pc_klik | 2015-04-03 14:40 | ホームページ制作事例

4月21日以降、スマホ対応していないホームページの検索順位が下がります

スマホ対応が Google のランキング要素に

Google が2月27日の公式ブログで、ホームページがスマホ対応しているかどうかをランキング要素として4月21日から使用開始することを発表しました。

パソコンで検索したときの検索結果は4月21日以降も変化がないと思われますが(たぶん)、スマホで検索したときの検索順位には大きな変動が予想されます。

現時点で Google の検索エンジンからご自分のホームページがスマホ対応していると評価されているかどうかは、実際にスマホで検索してみるとわかります。

d0015124_10105791.jpg


上記のように検索結果に「スマホ対応」と表示されていればOKです。

スマホ未対応の方は早めに対策を

スマホで検索してホームページにアクセスしてもらうことを重視する業種・業態などで、まだスマホ対応していないホームページをお持ちの方は早めに対策を行っておくことをお勧めします。

WordPress で運用しているホームページの場合、基本的にはレスポンシブデザインのテーマに切り替えるだけなので、一般的には作業は楽だと思います。

ホームページ・ビルダーでホームページを更新している方は、こちらの記事で紹介したホームページ・ビルダーの最新版を使ってホームページをリニューアルするのが有力な選択肢になると思いますが、ページ数が多いサイトの場合、いっきにすべてのページをスマホ対応にするのは大変なので、とりあえずトップページだけ早めにスマホ対応しておいて、その後は徐々に・・・ということでもよいでしょう。

ご自分でスマホ対応するのが難しいという方はお力になりますので、こちらからお気軽にご連絡ください
[PR]

by pc_klik | 2015-03-07 17:00 | パソコンのこと・あれこれ

ホームページ・ビルダーのフルCSSテンプレートがレスポンシブデザインになりました

最近、ホームページ・ビルダー 19 を使い始めました。

使ってみて最初に気がついた変更点としては、フルCSSテンプレートレスポンシブデザインになったということです。

d0015124_18104412.png


d0015124_18104616.jpg


レスポンシブデザインとは、同一のホームページを
  • パソコンで見たとき
  • タブレットで見たとき
  • スマホで見たとき
にそれぞれの画面サイズに合わせて見やすいように、自動的にレイアウトが切り替わるホームページの作り方です。

パソコン向け、タブレット向け、スマホ向け・・・と別々にホームページを制作するのに比べて、ホームページを更新する手間がかからないのがレスポンシブデザインのメリットです。

ホームページ・ビルダー 19 のテンプレートを使えばパソコンからスマホまで対応できるセンスのよいホームページを手軽に作ることができますので、これからホームページを作りたい(リニューアルしたい)という方はホームページ・ビルダー 19 を選択肢として考えるとよいです。

パソコン教室くりっくではこの最新バージョンに対応した講習を行っていますので、興味のある方はご連絡ください。
[PR]

by pc_klik | 2015-03-07 16:00 | パソコンのこと・あれこれ

Internet Explorer 8 + メディアクエリ の不具合を調べてけっこう疲れました

お客さんのホームページをレスポンシブデザイン(スマホ対応)にする作業を行っていて、順調に進んでいたのですが、Internet Explorer 8 で表示したときに不具合が起きることが判明しました。

CSS3メディアクエリに対応させるために css3-mediaqueries.js を読み込んでうまくいくはずなのに、なぜかスタイルが意図した通りにならないんです。

HTML ファイルや CSS ファイルをチェックしたところ、どこにも問題はないはずなのですが、なぜかうまくいかない・・・。

「メディアクエリ Internet Explorer 8」でググってみると、やはり Internet Explorer 8 には注意事項がけっこうあるようで、いろいろと解決策が見つかるのですが、どれも該当せず・・・。

試行錯誤しながらようやく「たぶんこれだろう」という原因を突き止めました。

けっこう疲れました。
[PR]

by pc_klik | 2014-11-03 15:30 | パソコンのこと・あれこれ

魚沼情報サービスのホームページへ | パソコン教室くりっくのホームページへ | ブログトップ   昨日:   今日:   合計:
AX