Velo by Wix

​コーディング機能拡張

“ 新機能Velo by Wixで

ホームぺージの機能拡張を ”

Velo by Wixによって、動的ページの作成、データベースの情報抽出など、データやコンポーネントの動作カスタマイズが可能になりました。

ACTONEで実装可能な機能を紹介致します。

​スライドテキスト

​Velo＋コーディングで、テキストをスライド表示させる事が可能です。

“Velo by Wixでホームぺージの機能拡張を”

ACTONEで実装可能な機能を紹介致します

​ストーリーズ

​Velo＋ライトボックス＋コーディングで、SNSのストーリーズの様な機能が再現出来ます。

​アイコンをクリックするとデータベースに登録した画像とテキストが現れます。

Insta-ring.png
アクトワン ロゴ 1×1.png

​オリジナルブログフィード

Velo＋リスト機能でカスタマイズ可能なブログフィードを作成する事が出来ます。

表示条件を設定する事で、閲覧数に応じた並び替え「アクセスランキング」の設定も可能です。

crown-10306.png

​アクセスランキング

Wixダイナミックページ(動的ページ)制作を動画で解説しました!
こんにちは！大阪府和泉市のホームぺージ制作会社 ACTONEの和田英也です！ Wixダイナミックページ(動的ページ)制作について、動画でまとめました！ 世界で2億人ユーザーを突破したWix。 ホームページ制作だけでなく様々なマーケティングツールを使用できるCMSです。 Wixならデータベースを使って簡単にダイナミックページ(動的ページ)が作成できます。 これによって、キュレーションサイトやレビューサイトのような、数多くのページを表示させるサイトが簡単に作成できます。 ダイナミックページ (動的ページ)とは? WEBサイトにおいてユーザがアクセスするたびにプログラムによってページを生成して表示することを言います。 映像や画像、テキストなどが操作によって変化したり、操作する内容によって表示内容が変化したりします。例えば、サイト来訪者が見たいページを表示させるために、「検索機能」を設けてサイト内を検索して結果を表示させることも動的ページの一つになります。 お分かりになりましたでしょうか？ 文章で説明されてもピンときませんね… 食べログとかSUUMOみたいなやつを思い浮かべると分かりやすいかと思います。 データの一覧みたいなものがあって検索出来たりとか、その結果をクリックすると詳細が見れたりっていう。 食べログで言うと、ラーメン屋を調べた時にたくさんのデータが出てきますよね。 そして、例えばラーメン屋Aをクリックすると、ラーメン屋Aの詳細が出てくる。 ラーメン屋Bをクリックするとその詳細…といった動作になりますが、これってもちろんラーマン面屋AとかBの詳細ページを全て作っているわけではありません。 1つのデータベースから、これをクリックするとこのデータを表示するみたいな構造になっているわけです。 こちらは実際のWixのデータベースです。 Excelの表のようなイメージですね。 こちらに画像やテキストなどを入力し、サイト上で必要なデータを呼び出してページに表示するといった仕組みです。 動画の内容 20分程度の動画で以下のような動的ページを1から作成する手順を解説しております。 データの一覧を表示させるページです。 一覧から「詳しく見る」で個別ページに展開します。 ぜひこちらの動画でデータベースの基本やダイナミックページ(動的ページ)の制作をマスターしてください！
iMacの画面
ブログ写真.png

​

​アクセス数

3

My place GYM ~GROW~様 ホームページ制作
こんにちは！大阪府和泉市のホームぺージ制作会社 ACTONEの和田英也です！ 新規制作実積を紹介致します！ この度は、My place GYM 〜GROW〜様のホームページを制作致しました。 ▼ 目次 My place GYM 〜GROW〜について キックボクシングとは 40才以上の方に向けたトレーニングメニューについて 体験トレーニング実施中 My place GYM 〜GROW〜について My place GYM 〜GROW〜は大阪府和泉市福瀬町にある、キックボクシングの運動を取り入れた、1対1でトレーナーが丁寧にサポートするパーソナルジムです。 「自分の身体と目的に合ったトレーニングができて、格闘技要素のあるトレーニングがしたい。」 「周りに気を使わずに自分のペース通ってトレーニングしたい。」 「キックボクシングを学びたいけど、身体も一から鍛えたい。」 「食事制限なく、楽しくダイエットしたい！」 などなど、My place GYM 〜GROW〜では人目を気にせず、自分の身体と目的に合ったトレーニングを楽しく続けられます。 キックボクシングとは My place GYM 〜GROW〜がトレーニングに取り入れているキックボクシングは、体幹をはじめお腹や腰回りの筋力を多く使います。 そのため、ひねる運動により気になるウエストラインや脚も引き締め、脂肪を燃焼しながらくびれをつくり、美しくバランスのいいボディになりやすいのが魅力のスポーツです。 正しいフォームがわかり、トレーニング中の意識する筋肉の箇所が明確になることにより、 今までの自分だとやめてたところも、トレーナーさんが居てくれると頑張れた。 トレーニング中も私のペースに合わせてくれ、優しい気遣いを感じられた。 と、トレーニングが楽しくなる方も沢山いらっしゃるそうです。 もちろん、格闘技経験がない方や、体力に不安がある方でも大丈夫。 1人1人に合わせたメニューで無理なく、楽しくトレーニングを始められます。 40才以上の方に向けたトレーニングメニューについて My place GYM 〜GROW〜では40歳以上の方を対象としたハード過ぎないトレーニングを提供しています。 バンドやバランスボールなどの自重の筋力アップ&体幹トレーニング、動体視力や適応力をつけるムーブメントトレーニングなど、お客様の年齢、ご要望に合わせ、カスタマイズしています。 ​ 人生100年と言われるほど寿命が伸びる中、健康寿命はそれよりも10年は短いのが今の日本の現状です。 周りの人に頼ることなく自立して毎日を過ごせる将来を築く為にも、40代以降の基礎体力作りは必要不可欠です。 また、介護で、要介護認定が付けられる1番多い理由が認知症。 体力に合わせた無理のないトレーニングは生活習慣病予防はもちろん、認知症予防にも繋がります。 体験トレーニング実施中 My place GYM 〜GROW〜ではパーソナルトレーニングを体験されてみたい方や、ご入会をご検討中の方に向けて体験トレーニングを実施しております。 実際に体験トレーニングをうけられたお客様からも、 やれば結果が出るということを実感した！ お腹周りが引き締まり、スカートがスッと履けるようになった！ トレーナーさんと一緒にやるトレーニングは楽しかった！ と、ご好評の声を頂いています。 体験トレーニングは3,500円(税込)。 ​ぜひこの機会にGROWをご体感されてみてはいかがでしょうか？ 関西在住の方でご興味を持たれた方はぜひ、My place GYM 〜GROW〜のホームページをご覧ください。
iMacの画面
ブログ写真.png

​

​アクセス数

11

Wixブログ基本操作を動画で解説しました!
こんにちは！大阪府和泉市のホームぺージ制作会社 ACTONEの和田英也です！ Wixのブログ基本操作について、動画でまとめました！ 世界で2億人ユーザーを突破したWix。 ホームページ制作だけでなく様々なマーケティングツールを使用できるCMSです。 ブログ機能も大変使いやすく、情報発信の手段として非常に有効です。 意外と知られていない便利な機能もありますので、ぜひ動画をご覧になってください！ そして、見落としがちなポイントについても解説しています。 URLスラッグは必ず設定しましょう! 今回の動画で、僕が最も伝えたいのは「URLスラッグ」の設定です。 これは投稿したブログのURLを設定する箇所なのですが、ここを必ず「半角英数字」にしてください。 何も設定しないでいると、ブログのタイトルがリンクにつくことになり、それは多くの場合日本語が入ってしまうことになります。 リンクに日本語が入ると、勝手に変換(エンコード)され、とてつもなく長いURLになってしまいます。 .../post/%E5%AF%85%E3%81%95%E3%82%93%E3%81%AF%E8%A1%8C%E3%81%8D%E5%BD%93%E3%81%9F%E3%82%8A%E3%81%B0%E3%81%A3%E3%81%9F% ↑こういうリンクになってると怪しくてクリックされないですし、文字が多すぎてシェアもされ難くなります。 せっかく良い記事を書いてもリンクのせいで、流入を逃してしまいます。 というとても重要なことなのですが、僕の観測範囲で9割くらいができていなかったりします。 「ページSEO」→「URLスラッグ」 半角英数字です! お忘れなく! 動画の目次 0:00 導入 0:38 Wixキャプチャ動画スタート 0:56 記事の書き方 1:28 テキスト編集ツール 3:38 見出しの付け方 4:44 目次の作り方 6:33 オブジェクトの追加 6:48 画像の追加 7:14 画像の編集 8:14 キャプション・ALTタグ 9:19 ギャラリー 10:42 動画 11:09 GIF 11:25 ファイルのアップロード 11:44 区切り線 11:49 ボタン 12:32 HTMLコード 12:48 ショップボタン 13:08 ブッキングボタン 13:24 ブログの設定 14:26 ブログのSEO設定 ★URLスラッグ 16:26 カテゴリー 16:51 タグ 17:29 収益化 17:46 マルチリンガル 18:00 予約投稿
iMacの画面
ブログ写真.png

​

​アクセス数

95

Ve-teraya様 ホームページ制作
こんにちは！大阪府和泉市のホームぺージ制作会社 ACTONEの和田英也です！ 新規制作実積を紹介致します！ この度は長崎県べっ甲アクセサリーショップ Ve-teraya様のホームページを制作致しました。 ▼ 目次 TeRAYAについて TeRAYAのべっ甲細工について べっ甲マスクベルト べっ甲×七宝シリーズ TeRAYAについて TeRAYAさんは長崎の伝統工芸品である べっ甲をはじめ、ふんどし・手ぬぐい・下駄などのやオリジナル長崎雑貨の販売をしている会社です。 TeRAYAさんの取り扱う工芸品のレベルは素晴らしく、ふんどしのボトルパッケージや ながさき日傘などで、 長崎デザインアワード入選。 反物では2014年、長崎デザインアワード「長崎賞」を受賞。 そして、2020年には本べっ甲・マスクベルトが長崎県長崎特産品・新作店・工芸部門「優秀賞」を受賞されました。 今回制作したサイトはそんなTeRAYAさんのべっ甲専門ショップブランド「Ve-teraya」を紹介しています。 TeRAYAのべっ甲細工について べっ甲細工には、ウミガメの一種である「タイマイ」の甲羅を使います。 1973年のワシントン条約以来、ウミガメの輸出入は禁止され材料が手に入らなくなったことで、現在のべっ甲細工は、これまでに国内で蓄えてある材料で作られています。 そのため、べっ甲はより希少で、とても高級で手の届かないものというイメージが強くなってきました。 職人の数も少なくなっているので、一人の職人で生み出す作品の価値とその存在は、ますます貴重になっております。 Ve-terayaのべっ甲細工は、長崎のべっ甲職人 藤田 誠さんにより、べっ甲板の製作から細工、すべての工程において完全な手作業で行われています。 べっ甲マスクベルト そんな「高級で手の届かないもの」、「希少なもの」というイメージが強いべっ甲を、マスクベルトの素材に使用することで、カジュアルで親しみやすくしたのが、Ve-terayaのべっ甲マスクベルトです。 コロナウイルスが蔓延し、マスクは季節問わず、今の新しい生活様式の必須アイテムとなりました。 これから夏に向けて日差しも強まり、マスクをつけるのが億劫になりがちですが、 「少しでも多くの方々にマスクも1つのファッションアイテムとして楽しんでいただけたら！」 という気持ちを込めて職人さんが一つ一つ手作りしたべっ甲マスクベルトは、2020年度、長崎県特産品新作展・工芸部門「優秀賞」受賞し、評価を得ています。 ちょっといい長崎土産や贈り物としても大変喜ばれています。 べっ甲×七宝シリーズ Ve-terayaの新シリーズは「べっ甲×七宝」 従来のTeRAYAのべっ甲細工に七宝焼きを組み合わせたことにより、さらに他では見られない美しく、希少価値の高い商品となりました。 ブローチやネックレスとしても楽しめるので、特別な贈り物としてご購入されるお客様が多いとのことです。 また、オーダーメイドの商品も承っておりますので、ぜひ、ホームページのネットショップページもご覧ください。 ご興味を持たれた方はぜひ、長崎県べっ甲アクセサリーショップ Ve-terayaのホームページをご覧ください。
iMacの画面
ブログ写真.png

​

​アクセス数

81

Wixホームぺージ SEO設定 デジタルテキスト
こんにちは！大阪府和泉市のホームぺージ制作会社 ACTONEの和田英也です！ 今回はWixで制作したホームぺージのSEO設定について、操作画面の画像付きで解説致します。 (noteで販売している記事の一部を抜粋しています。) SEOとは? “Search Engine Optimization”の略であり、「検索エンジン最適化」のことを意味します。 インターネット検索結果でWebサイトを上位表示させたり、より多く露出するための一連の取り組みのことを「SEO」と呼びます。 ちなみに読み方は「エスイーオー」です。 セオって読みたくなりますが笑 ここで言う検索エンジンとはもちろん、世界のGoogleです。 世界の検索エンジン使用比率がほぼ90％なので、検索エンジン最適化とはGoogle最適化なのです。 (中国はBaido、ロシアはYANDEX RUがトップシェアであり、残り1割の要因笑) 何故検索での上位表示が大切か？ 例えば皆さんがGoogleで何かを検索した時、トップページ(トップ10のコンテンツ)以下の結果を見る事はどれくらいありますでしょうか？ おそらく、ほぼ見ないと思います。 Googleに自身のサイトを上位表示させることにユーザーが手間や費用をかける理由がコレです。 検索順位が上位であると、多くのユーザーの流入が見込めますが、下位であると、認知すらされない可能性があります。 SEOは、より多くのサイト訪問者をあなたのホームページへ誘導するためにかかせないオンラインマーケティング手法です。 Googleはどんなサイトを上位に表示させるのか？ 当然、Googleが優良と評価したサイトを上位表示させるわけですが、何をもってその評価が得られるかはGoogleの経営理念である「Googleが掲げる10の事実」から読み取る事が出来ます。 全部読まなくても大丈夫です(笑) コチラに注目してみましょう↓ 1. ユーザーに焦点を絞れば、他のものはみな後からついてくる。 Google は、当初からユーザーの利便性を第一に考えています。新しいウェブブラウザを開発するときも、トップページの外観に手を加えるときも、Google 内部の目標や収益ではなく、ユーザーを最も重視してきました。Google のトップページはインターフェースが明快で、ページは瞬時に読み込まれます。金銭と引き換えに検索結果の順位を操作することは一切ありません。広告は、広告であることを明記したうえで、関連性の高い情報を邪魔にならない形で提示します。新しいツールやアプリケーションを開発するときも、もっと違う作りならよかったのに、という思いをユーザーに抱かせない、完成度の高いデザインを目指しています。 この通り、Googleのユーザーの利便性を第一に考えています。 よって、評価されるためには、Googleを使うユーザーの事を徹底的に考え抜く必要があります。 ちなみにGoogleのインターフェースは大きなロゴと検索窓があるだけのシンプルな作りで、ユーザーの使いやすさを重視したデザインになっていることがよく分かります。 Googleがユーザーの利便性を第一に考える理由 これは当然Googleを使用するユーザーを増やすためです。 「Googleは無料で使えるけど、ユーザー増やすとどんなメリットがあるの？」と思われる方もいるかと思いますが、Googleは検索エンジン自体は無料でたくさんの人に使用させて、広告で収益を得ています。 つまりこういうことです。 検索エンジンとして便利になる→ユーザーが増える→広告が多くのユーザーに見られる→広告をクリックする人も増える→Googleの広告収益が増える 企業として収益を上げるためにもユーザーファーストの考え方が必須なのはお分かり頂けるかと思います。 余談ですが、SNSも同じですね。 使用自体は無料にして、収益化のポイントを別に持ってくる。 初めから使用を有料にすると爆発的に広がらないから、結局収益も減ってしまうという考えです。 検索ユーザーにとって利便性の高いコンテンツとは？ これはそもそも論で考えてみれば見えてきます。 何故我々は「検索」をするのでしょう？ おそらく悩みや質問に対する最適な答えが欲しいからでしょう。 あなたが検索者だとしたら、悩みや質問に網羅的に回答してくれて、なおかつコンテンツが見やすく整理されているサイトを見たいですよね？ 1. 網羅的に回答するコンテンツ 例えば「カレーの作り方」を調べた時に、通常の作り方だけでなく、ワンランク上のカレーにするにはどうすれば良いか？またそれにはどんなスパイスが必要か？そのスパイスはどこで買えるか？みたいな事です。 2. 見やすく整理されたコンテンツ 十分な情報量があっても、雑多に並んでいたり、視認性が悪ければ欲しい情報にたどり着けません。 情報がカテゴライズされ、記事のどこに何が書かれているかが一目で分かるように見出しや目次を活用され、読み手の負担が少ないコンテンツです。 見出しや余白を上手く使うことで、文字だけの羅列よりも、視認性が高く、目的の情報にたどり着き易くなります。 利便性を高める要素は細かく言えばまだまだありますが、コンテンツ作りで重要な要素は大きく上記の2つです。 実際に上位に表示されているページに何が書かれているかを分析すると、様々な要素が見えてくるので、是非やってみてください。 小手先のSEO対策だけでは検索上位表示は難しいです。 最も効果のあるSEO対策の方法は「良質なコンテンツを提供すること」です。 Googleは良質なコンテンツを積み上げると結果が出るという、いたって健全な世界になっているのです。 WixはSEOに弱いのか？ 余談になりますが、よく「WixはSEOに弱い」という主張があります。 これに対しての私の答えはNoです。 そもそも特定のCMSがSEOに弱いという事実はございません。 Googleのジョン・ミューラーさんが公式に否定しています。 Google翻訳 通常、特定のCMSを支援する特別な検索アルゴリズムはありません。サイトが技術的に正しいことを行う場合、あまり特別なことをする必要はありません:) 。常に改善の余地はありますが、良好で安定した土台は長い道のりです。 SEOキーワードについて 検索エンジン対策の基本的なことはお分かりいただけたと思いますので、次は「どんなキーワードで上位表示を目指すか」というお話です。 当然、ユーザーは特定のキーワードで検索をして、あなたのWebサイトにたどり着くわけです。 どんなキーワードで検索されれば、より多くのユーザーを集客できるのかを考える必要があります。 続きはnoteテキストでご確認ください↓↓↓
iMacの画面
ブログ写真.png

​

​アクセス数

25

1.

2.

3.

4.

5.

​データベース検索

Velo＋コーディングで、データベースに登録した内容をドロップダウンメニューで呼び出す事が出来ます。

サイトからデータベースへ直接インデックスするフォームも作成可能です。

arrow&v
アクトワン Corvid
和食プロネット 様

入会費無料・月額5,000円
半年で会席料理の基本技術を、1年で料理長としてのすべてを学ぶことが出来るオンライン講座 和食プロネットのサイトです。

もっと見る

​データベース入力フォーム

Velo＋コーディングで、フォームで入力した内容をデータベースに登録する事が出来ます。

Address

​入力された内容を登録致しました。

​エラーが発生しました。再入力してください。

​コンテンツの折り畳み表示

Velo＋コーディングで、通常時は非表示にしているコンテンツをクリックで表示させる事が出来ます。

クリックするとコンテンツが表示されます。

72f8d5_02b8f5e256d241a5bf6fbdd917d7f627~

Velo by Wixによって実装可能な機能です。

​コンテンツ表示切り替え

Velo＋コーディングでマルチステートボックス内のコンテンツ表示の切り替えが事が出来ます。

Front Face

​レイジーロード(遅延読み込み)

Velo＋コーディングで、データベースからのデータを遅れて読み込ませ事が可能です。ページの表示速度の向上に繋がるテクニックです。

ブログ写真.png
和食プロネット 様

PROJECT

新規サイト制作

ブログ写真.png
頓堀宿泊室 様

PROJECT

新規サイト制作

GIF bar.gif