Web制作・AI・Webアプリの最新情報・コラム

Wix Studioのスマホ表示崩れを確認する手順を解説。画面幅・文章量・設定の切り分け、制作会社への修正依頼に必要な情報、修正後の表示と操作の点検を整理します。

最近、Wix Studioでリニューアルされたサイトを拝見する機会が増えています。 実際、デザイン自体は非常に綺麗に仕上がっているケースも少なくありません。 ただ一方で、“見た目では気づきにくい部分”に改善余地が残っているケースも多く見られます。 特に、 ・モバイル表示 ・レスポンシブ設計 ・SEO設定 ・UI/UX ・Wix特有の構造理解 こういった部分は、公開後に差が出やすいポイントです。 先日、「サイトをリニューアルしたので見てほしい」と相談を受け、実際に確認を行いました。 最初にサイトを見た時、正直なところ「これはWix Studioではなく、従来のWixエディタで制作されたサイトなのかな？」と感じるほど、Wix Studio本来の強みが活かされていない印象を受けました。 もちろん、デザイン自体が悪いわけではありません。 ただ、Wix Studioは本来、 ・柔軟なレスポンシブ設計 ・高度なレイアウト制御 ・ブレークポイント調整 ・スタック設計 などが強みのプラットフォームです。 だからこそ、“どのように設計されているか”によって、完成度

なぜ弊社がこのようなブログ記事を投稿した理由について記載させていただきます。 先日、某大手のグループ会社のウェブ担当者の方から、ご相談をいただき、Wixで制作を依頼し納品も終えたのですが、一度サイトを見ていただけないかという内容でした。 実際に、弊社を共同管理者で招待をしていただき、Wixエディタ内を拝見して驚愕しました。 どんなサービスにも作るうえで最低限のルールというものがあると私は思っています。 Wixエディタにも両サイドの点線（980pxに収める）などのお作法があるわけです。 実際のエディタ内はいうと、980pxルールを完全に無視し好きなところに、テキストや画像、アイコンを配置し、セクションをまたぐようにストリップは配置され、その上無駄に余白も多く、完全に素人レベルという出来栄えでした。モバイルエディタに関しても同じです。 タブレットでは何のサイトなのかもわからないほどでした。 --------------------------- 弊社「これプロに依頼されたんですよね？」 お客様「はい、プロにお願いをしました。」 弊社「とても言いづらい

WiXブログの機能アップデートがありました 今までWiXブログのモバイルレイアウトはシングルカラムの1パターンしかなく、変更のしようがありませんでしたが、この度のアップデートで「横並び」が追加されました。 設定変更はとても簡単です。 WiXエディタを開き、デスクトップエディタからモバイルエディタに切り替えます。 ブログページに切り替えブログ部分をクリックすると①「設定」が表示されます。 ①「設定」をクリック ②「レイアウト」をクリック ③「全記事フィード」「カテゴリーページ」を選択 ④「レイアウトを選択」→「画像の表示位置」を決める。 動画も掲載しておくので参考にしてください。 #WixBlog

明日はWixの一大イベント！Wix Meetup in Tokyo開催日！！ そんなこんなで投稿してる場合ではないのですが......T T 前々からデザインの変更が噂されていました「モバイルアクションバー」ですが、本日デザインが一新して新しいモバイルアクションバーがリリースされました！！ モバイルアクションバーとは？ スマホから電話やメール、ソーシャルメディアへのアクションを促すためのもので、かなり重要な機能です。 レスポンスも良く、ソーシャルのアイコンもオシャレな感じで中々いい感じですよ！ 明日のミートアップにご参加の方は気をつけてお越し下さいませ。 当日、お会いできるのを楽しみにしております。

昨日は「Wix Tokyo オフ会」を開催させて頂きました。 そこで頂いた話で気になったものがあったのでご紹介します。 「Wixでホームページを作ったんですけど、スマホ化をしていません...」 「うまくスマホの最適化をするにはどうしたらいいですか？」 「結局のところ、PCサイトとスマホサイト（モバイルサイト）の2パターンを作らないといけないってことですよね？」 と、スマホ（モバイル）に関する関心が高かったようです。 まず基本的なことですが、WixはPCエディタで作ったものが、モバイルエディタに反映される仕組みです。この逆はWixでは出来ません、あくまでPCエディタが優先となります。 新たにテキストや画像を設置する場合は、PCエディタで設置してからモバイルエディタに反映するようにして下さい。 さて、PCエディタでPCサイトを完成させた方は次は「モバイルエディタ」に切り替えてスマホ用の最適化を行う必要があります。 モバイルエディタで調整する前に左側のメニュー項目の「Layout Optimizer」を使ってみましょう！ ...

Googleのモバイルファーストインデックスの導入に関して、今年の後半が濃厚なようですね。Google全体の決定事項ではないようですが、GoogleのSEOのキーマンJohn Mueller（ジョン・ミューラー）氏は個人的に予測をしているそうです。 Wixに関してはモバイル（スマホ）での最適化を行っておけば問題はないでしょう。 しかしWixで作ったホームページなのにスマホで見たときにPC表示されるホームページもまだまだ多くあります。 時間のあるときにモバイルの最適化を行っておきましょう！ 参照元【海外SEO情報ブログ By SuzukiKenichi】 https://goo.gl/wc2RIy 東京・神奈川でのWix制作・使い方・SEO対策などでお困りの方はお問合わせフォームよりご連絡下さい。

基本的な構造として、Wixはパソコン用エディタで作られたものが、モバイル用エディタ（スマホ）に反映する仕組みとなっています。 モバイルエディタではパソコン用エディタで設定した画像やテキストを非表示にすることは可能ですが、モバイルエディタに画像やテキストなどを新規追加することは出来ません。 ここ最近、モバイルエディタのテキストが徐々にバージョンアップしています。 昨年、アライメント（左より揃え、中央揃え、右より揃え）の修正が可能になりましたが、今回テキストの色の変更が可能になりました。 「テキストを選択」→「モバイルテキスト設定」→「Text」で可能です。 モバイルでの自由度もかなり良くなってきたので、今後のサービスにも期待しちゃいますね！ 東京・神奈川でのWix制作・使い方・SEO対策などでお困りの方はお問合わせフォームよりご連絡下さい。

今までユーザーからのリクエストが多かった「スマホからブログ記事の投稿」が可能になりました。公式によると「英語のみで一部のユーザー様のみご利用いただけます。」との事です。 アプリは英語ではありますが使い方は簡単なのでやり方を書いてみたいと思います。 ①まずはアプリをダウンロード。 ②アプリを起動する。 ③使用しているメールアドレスとパスワードでログインしましょう！ ④複数サイトを管理している場合は、利用するサイトを選択して下さい。 ⑤ログインする時間帯によって「How Was Your Day?」のところや背景が違うのでおもしろいです！この画面の下にある「Blog」というアイコンをクリックしてください。 ⑥「Blog」ページに飛びましたら、右下の【＋】ボタンで新規ブログの追加が可能です。 まずはやってみましょう！ ⑦「Tell Peaple Your Story」→タイトル 　「This is the beginning of a beautiful post...」→本文 という理解で大丈夫です。 ⑧もちろん画像も挿入可能で

Wixのエディタで作業をしていると日々新しい機能に気づかされます。常に最新版なのはクラウドサービスならではですね。 今回はモバイル（スマホ）のメニュー表示のバリエーションが選択可能になりました！ 今までは一つのみで選びようがなかったのですが、５つの中から好きなものを選べるようになり、もちろんカラーやフォントもカスタマイズできるのでサイトにあったメニューページを作ることが出来ます。 Wixの進化が止まらないですね^^ 【お問合わせ・ご相談はこちらまで】 Wixホームページ制作専門 info@wixerdesign.com #Wix #新機能 #モバイル #スマホ #メニュー

昨今、モバイル端末の表示対応の重要性がぐぐっと上がってきています。そしてGoogleが新たに無料で利用できるツールを公開しました。 その名は「Mobile Website Speed Testing Tool」 https://testmysite.thinkwithgoogle.com/ 使い方は簡単。 ①分析したいWebサイトのURLを入力して、「TEST NOW」をクリックするだけ！ 「モバイルフレンドリー」「モバイルサイトの表示速度」「デスクトップサイトの表示速度」の3項目についての点数と、その解説が表示されます。 ----------------------------------------------------------------- ※英語表記なので日本語で確認したいという方にとっては、「PageSpeed Insights」の方が分かりやすく使い勝手がいいかもしれません。 https://developers.google.com/speed/pagespeed/insights/ Wixホームページ制作専門 Wi

WixProの平川です。 Wix Japanからのシェアですが、世界でのネット販売売上規模ランキングで日本は第４位となる見通し。 ◆日本の特徴 1.インターネットユーザーの大多数が、ネット通販利用経験あり。 2.使用端末については、PCとスマートフォンがほぼ半々。 3.安心・信頼が日本ではより重視される。 ※ホームページがスマホ対応になっていないと致命的になるというのがよくわかります。 ※元サイト→http://bit.ly/1EXMODy ◆アドバイス ネットショップ開設の際は、スマホからも閲覧できるサイトを！ 顧客の声、商品のレビューページを作成し、安心感をプラス！ Wixホームページ制作専門 WixerDesign/WixPro info@wixerdesign.com #Wix #データ

Googleの新アルゴリズム「モバイル・ゲドン」を4月21日に導入とう事でそろそろですね！PCサイトは持っているんだけど、モバイル（スマホ）サイトは対応していないんだよな。。。 そういう人にとってこの新アルゴリズム「モバイル・ゲドン」の導入は脅威になると思います。Google社は、モバイル対応をしているサイトを検索結果で優先すると言うことだそうです。 あなたのホームページがモバイル対策をしている場合、Googleのモバイル検索結果での順位が上がり、サイト訪問者の増加とビジネスの拡大につながることを意味します。もしまだモバイル版のホームページを持っていない場合は、これを機会にモバイルサイトを作成することが重要になります。 WixはPC・モバイル（スマホ）対応なので心配する必要はないですね＾＾ ↓こちらでチェックできます！ https://www.google.com/webmasters/tools/mobile-friendly/ #Google