しかしながら、やはり手作業で行わなければならないエラーが発生したので便利なコード一括変換プラグイン「Search Regex」を使用しコードの書き換えを行う予定でしたが現在のWordpressバージョンに対応していないため同じような機能を持つプラグインを検索するところから作業が必要となりました。

日本語で解説しているブログなどが多くあり、信頼できそうなプラグインにたどり着くまでに1時間程度かかったので備忘録としてブログに記録しておきたいと思います。

Search Regexの代わりBetter Search Replace

コード一括変換プラグインといえば「Search Regex」が有名ですが、現在最新のWordpressバージョンを使用している人は有効にできない状態だと思います。
使うための裏技もあるようですが、互換性のないものを使うよりも対応しているもので同じように簡単に一括変換できるプラグインを見つけました。
それが「Better Search Replace」です。

詳しい使い方などはこちらのブログを参考にさせていただきました。
https://blogger-no-mori.com/better-search-replace/

面倒な手間がなく、テストもできるコード変換プラグイン

「Search Regex」が使い慣れていて、使っている人も多く、絶大な信頼を置いていましたが
「Better Search Replace」も引けをとることなくスムーズに変換を行うことができました。
もしかしたら「Better Search Replace」の方が簡単でわかりやすい？と思うくらい

変更したかった箇所は50個程度でしたが、インストールしてものの5分程度で作業は完了しました。
新しい変換プラグインをお探しの方には「Better Search Replace」をお勧めします。

Word Press アップデート

Word Press はスマホのシステム更新のように、不定期でアップデート作業が必要になります。
昔はhtmlやcssで作られていたシンプルな構造のサイトとは異なり
お客様ご自身がブログ感覚でサイトを修正・更新することができる仕組みを取り入れているため

スマートフォンのようにシステムの更新は不可欠となります。
しかしながら自動更新ではなく基本的にサイトを管理する人が手動で行わなければならない項目も多々あります。
慣れている方はご自身でプラグイン(オプションの様なもの)やシステム・サーバーメンテナンス等も行われる様ですが

作ったら作りっぱなしにしてシステムの更新を怠ると…
表示されなくなる場合もあるのでご注意ください。
ネットで調べれば更新方法なども簡単に見つけることはできると思いますが
操作に不安や何をすれば良いのかすらさっぱりわからないという方…

プロの手を頼って、時間をかけずWebサイトを保持していきましょう

bdesignではサイト制作だけでなく、その後のアフターフォローも有料にはなりますが
比較的安価な価格帯で管理させていただいております。

個人事業者向け Webサイトの管理プラン ※ 法人/ページ規模により金額が変動します

目次

• 短い動画が作れるメリット
• VLLO-ブロ-で作った動画サンプル
• 動画編集の流れ
• -①必要な素材を集めてスマホに保存
• -② 動画 = 240秒以下をVILLOで作る!!
• -③ 保存したデータを30秒動画に変換
• -④ 保存した動画をInstagramにリール投稿

動画編集アプリ VLLO — ブロ –【特徴】

Instagramでリール投稿する方法!! リール のメリットとおすすめ編集アプリ

30秒程度の短い動画が作れるメリット

あなたは過去にシンプルな動画を作ったことがありますか？

今回は全くその様な経験がない人でも、スマホの動画アプリで素材(動画や写真)さえあれば簡単に動画編集できるVLLO-ブロ-を使って気軽に作れる短い動画が作れる様になります。
短い30秒動画を作ることで、Webサイトへ誘導したり・商品に興味を持ってもらうきっかけになることも!
短いからこそ広告や宣伝向きの材料となります。また30秒以内ならInstagramのリール投稿に掲載することができ、通常投稿や長いIGTVとは違ったアクセスアップを望むことができます。

VLLO-ブロ-で作った動画サンプル

まずは動画と静止画(写真)を組み合わせて作成した1分動画とリール掲載用に2倍速で編集した30秒動画をご覧ください。
倍速にしなくて良い場合もありますが、時間がオーバーしそうな時ノーマル速度で編集したものを後から早送りでコンパクトな動画にする作業ができる様になると大変便利です。

動画編集の流れ

ここではVLLO-ブロ-を使って30秒程度の動画を作るためにおすすめの流れをご案内しています。

①必要な素材を集めてスマホに保存

※動画・写真を撮る ※挿入画像・ロゴ透かしなどを作っておく

まずは素材を集めスマホ内に保存しておきましょう。仕上がりをイメージして必要なものを個別で準備しましょう。ここでは4枚の写真と4本の動画を用意しました。写真のうち2枚は透ける画像で、動画や写真と重ねて使います。

② 動画 = 240秒以下をVILLOで作る!!

※あとで2.4.8倍速にする前提で作る

アプリを開いて、任意の動画/写真をスマホデータから選択しましょう。動画をつなげてみて仕上がり時間を確認しながら、不要な部分をカットするなどして調整していきます。ここでは完成したものを2倍速にする予定で構成していきます。

先ほど選択した動画/写真にさらに追加したい場合はこちらをご覧ください。追加したい場所を選択してから+マークを押し作業を進めていきます。追加すると動画の時間が伸びていることも確認しながら進めましょう。透かし画像を重ねる場合は方法が異なるので、右の案内をご確認ください。

動画に不要な部分があればカットして対応しましょう。短い動画を作る上でとても大切な作業です。同じ様なシーンが続く場合や、伝えたい内容が映っていないシーンは省いてコンパクトな動画に仕上げましょう。

③ 保存したデータを30秒動画に変換

※VLLOで②の動画を新規で開いて2倍速にして保存

60秒動画 動画を保存する流れになります。仕上がりの動画の長さ(合計数値)を確認してから保存していきましょう。保存したものを2.4.8倍速にして目標の30秒の動画に仕上げる方法は下記をご覧ください。

30秒動画 今回は出来上がった動画を一度に倍速にしています。作業の途中で動画ごとにも倍速設定することも可能ですので、作業に慣れてきたら保存する前に実施して思い通りの長さ・速さで作りましょう。音楽を入れる場合は早さが確定してからの作業がおすすめです。②のその他、追加可能な機能のBGMを使ってみましょう。

④ 保存した動画をInstagramにリール投稿

※説明文や#は通常投稿と同じくらいのボリュームで!!

Instagramでリール投稿する方法!! リール のメリットとおすすめ編集アプリ

リールへの投稿方法は別記事にてご紹介しております。

SNSサポート・オンライン講習会について

bdesignではWebサイトの代行管理(年契約)をご依頼いただいているお客様に無償でSNS広告のサポートを実施しています。
Webサイトの更新時間をSNS運用の時間にあてさせていただくサービスになります。
またオンライン講習ご希望の方は1時間5,000円/1名〜(前後ヒアリング合わせて1時間半程度)にてスマホ設定(1単位)/パソコン設定(３単位)指導を行っております。
実際に効果があったか、その後もっと効果を出すにはどうしたら良いかなどもオンライン講習会(2〜3単位)でサポートが可能になります。
■ SNSサポートを個別でご依頼
■ オンラインSNS広告講習ご予約
ご希望の方はメールフォームからお問い合わせください。
 

bdesignへのお問い合わせフォーム

＊bdesign(びーデザイン)は広島のデザインとWeb制作事務所ですが、全国のご依頼に対応可能です
＊受注順に対応しておりますのでお時間をいただく場合がございます

2020.03まではお支払いは銀行振り込みまたは現金のみの対応でしたが、フォトレッスンを始め講習会・写真撮影のみのご依頼時現金でのやりとりが不便なことが多くお客様へのメリットも考え、小さな事務所ですが遅ればせながらPayPay払いを導入しました。

弊社サービスでPayPay払いで支払いができる項目

PayPay払いのメリット

• 現金払いの変わりになる
• 手数料がかからずお得
• 銀行振込の代用もできる
• 営業時間外や休日でも利用できる
• PayPayクーポンの発行でお得に使えるタイミングがある

小さなメリットですが、bdesignをご利用いただく方が、開業前の個人や会社員の方が増える傾向にあり少しでもご負担軽減になればと導入することとなりました。企業様や個人事業主の方とは変わらず銀行振り込みの方が領収書発行の手間がない取引も有りますので、そのままのやり取りをさせていただく場合がありますことご了承ください。

PayPay導入記念キャンペーンの告知1

これからPayPayを導入予定の方に紹介コードのご案内です。
その他キャンペーンとの併用も可能かと思いますので、登録の際にご利用ください。

bdesignの紹介者コード：A886714

■キャンペーン特典
　１店舗につき、紹介元に1,500円、紹介先に1,000円を進呈します。
　※紹介先店舗で対象期間内に500円以上の決済があること。

　PayPay加盟店ご紹介キャンペーンページ
　https://merchant.paypay.ne.jp/referral

PayPay導入記念キャンペーンの告知2

内容は未定ですが、bdesignで実施しているフォトレッスン/SNS講習会を対象とした6月までのクーポン発行を予定しております。
ご利用検討中の方は是非この期間にご利用ください!!

初心者向けフォトレッスン/Web&SNSサポート・オンライン講習会について

bdesignではWebサイトの代行管理(年契約)をご依頼いただいているお客様に無償でSNS/Webサポートを実施しています。
Webサイトの更新時間をSNS運用の時間にあてさせていただくサービスになります。
またオンライン講習ご希望の方は1時間5,000円/1名〜(前後ヒアリング合わせて1時間半程度)にてスマホ設定(1単位)/パソコン設定(３単位)指導を行っております。
実際に効果があったか、その後もっと効果を出すにはどうしたら良いかなどもオンライン講習会(2〜3単位)でサポートが可能になります。
■ フォトレッスンを個別でご依頼
■ SNS/Webサポートを個別でご依頼
■ オンラインSNS広告講習ご予約
ご希望の方はメールフォームからお問い合わせください。
 

bdesignへのお問い合わせフォーム

＊bdesign(びーデザイン)は広島のデザインとWeb制作事務所ですが、全国のご依頼に対応可能です
＊受注順に対応しておりますのでお時間をいただく場合がございます

スマホ動画編集アプリ VLLO

VLLO-ブロ-使ったことありますか？
数ある動画編集できる無料スマホアプリの中でも、機能が充実しているVLLOはAndroid/iOSユーザー問わず使えるので動画編集未経験の方にもお勧めしています。
操作は機能が充実しているため、慣れるまで少し戸惑う部分もあるアプリですが
基本的な使い方をマスターすればその後本格的な編集にステップアップもできるので販促やビジネスに活用したい方には是非トライしてもらいたいツールです。

︎ iPhoneやiPadの方はApp Storeで「VLLO」と検索
︎ Androidの方はGoogle Playで「VLLO」と検索
人気の動画アプリなのですぐに見つけることができると思います。

その他にも簡単に使える「Spark Video」やPCを使って本格操作「PremierPro」なども弊所では使っていますが、初めて動画アプリを使う方にはVLLOを推奨しています。

VLLO-ブロ-でできることは？

無料でできる機能が多いのもこのアプリをおすすめする理由の一つ!
こんなことまで無料!?とびっくりするくらい良心的な使える多機能を項目で紹介します。
 

カット編集

動画や画像を加工することができます。無料でも必要な長さや見せたい場面を選択して、早送りやスローモーションで再生する指定もできます。

音の編集

動画録音時の音を消したり、大きくしたり、別の音楽を流したり、効果を入れることが可能です。

テキスト編集

動画に字幕や解説文字などを入れることができ、動画の印象を一気引き上げることができます。

POP編集

写真やGIF(動くステッカー)を動画の途中に挿入することができます。半透明の画像(.png等)を準備すれば動画と重ねてロゴや暗幕のような使い方もできます。

共有・保存機能

YoutubeやInstagramなど適性の比率を指定して動画編集でき、保存と各アプリへの共有も可能です。最大4K高解像度にも対応しているようです。

無料動画編集アプリVLLOの使い方

もっと詳しく使い方が知りたい方はこちらをご覧ください。
大変わかりやすく解説されてました!!

動画学校様より「おすすめ基本的なVLLO（ブロ）の使い方！iPhone・Android対応　無料でも使える動画編集アプリ・YouTubeにも」(動画)

Livesuns Blog様より【動画編集にはVLLOブロがおすすめ】初心者にも使い方を詳しく解説(ブログ)

SNSサポート・オンライン講習会について

bdesignではWebサイトの代行管理(年契約)をご依頼いただいているお客様に無償でSNS広告のサポートを実施しています。
Webサイトの更新時間をSNS運用の時間にあてさせていただくサービスになります。
またオンライン講習ご希望の方は1時間5,000円/1名〜(前後ヒアリング合わせて1時間半程度)にてスマホ設定(1単位)/パソコン設定(３単位)指導を行っております。
実際に効果があったか、その後もっと効果を出すにはどうしたら良いかなどもオンライン講習会(2〜3単位)でサポートが可能になります。
■ SNSサポートを個別でご依頼
■ オンラインSNS広告講習ご予約
ご希望の方はメールフォームからお問い合わせください。
 

bdesignへのお問い合わせフォーム

＊bdesign(びーデザイン)は広島のデザインとWeb制作事務所ですが、全国のご依頼に対応可能です
＊受注順に対応しておりますのでお時間をいただく場合がございます

Instagramの投稿の種類わかる？

Instagramには様々な投稿方法があり、大きくわけると4種あります(2021.03現在)
※事例掲載はプライベートアカウントを使用しています

その他にも「ストーリーズハイライト」や「まとめ」などもありますが、この4種をマスターしてから使っていく機能なのでここでは割愛します。
投稿別にそれぞれ特徴があるのですが、今回はリール投稿について!!
いつもの写真投稿からレベルアップしていきたい方、アクセスを増やしたい方必見です。

Instagramリール投稿ってなに？

リールを一言で表すと「30秒以下の動画」
通常の投稿に動画をアップするのとは異なるメリットがたくさんあるので、もっとInstagramを活用したい方にトライして欲しい投稿です。

リールの特徴

・動画のみ(=通常投稿は写真でも動画でもOK)

・15秒または30秒以内(=以上の場合は使えない)

・足跡がつかない(=ストーリズは閲覧者が確認できる)

・インスタグラム内のリール表示枠に無作為に掲載される

・プロフィールの投稿一覧に表示できる(=外すこともできるがその他の場所では表示される)

・タグ検索で掲載される可能性(通常投稿よりも枠は少ない)

・再生回数が確認できる

30秒以上の動画となる場合はIGTV掲載にシフトする必要があります。

リールの投稿方法2種

︎ Instagramリール投稿画面で作って掲載
︎ すでに作った動画を掲載
この2通りの違いは、流用できるか否か。
お手軽なのはInstagram内の投稿画面でサクッと編集する方法ですが、bdesignでは後者をお勧めしています。

すでに作った動画を掲載するメリット

・リール以外の投稿(IGTVやその他のSNS)に活用できる
・動画の編集が後から可能(追加や間違いを後から修正して再度アップできる)

ビジネスや集客にInstagramのリール投稿してみようかな？と思っている方は是非!!
Instagram内で動画を編集せず別のアプリやPCソフトを活用して動画データを作成してみてください。
一度作ったらそれっきり…にせず投稿のその後を検討されると有効活用できます。

リールの投稿手順

1.プロフィール画面から + マークで投稿の種類を表示
→リールを選択

2.長さを決めて、任意の動画を選択(ここで撮影することも可能)
→長さ30秒を選択/スマホデータから動画にアクセス

3.任意の動画を開き、必要な長さにカット
→30秒で作った動画はそのままでOK/複数組み合わせたい場合は指定秒数よりも短く設定

4.追加した動画を編集する
→音源/速度/タッチアップを加工できます ※残数秒があれば動画追加も可能

5.動画のプレビューを確認
→実際にシェアされる動画を見て、修正があれば一つ前の画面に戻る

6.キャプションを書く
→拡散させたいなら:説明文や#を入力する/フィードでシェアをONにしてシェア(アップ)をする

おすすめの動画編集ソフト

また操作やアプリ選びに不安のある方は補助的な講習会を利用されると、スムーズな導入が可能になります。

無料動画編集アプリVLLOの使い方

動画編集アプリ VLLO — ブロ –【特徴】

もっと詳しく使い方が知りたい方はこちらをご覧ください。
大変わかりやすく解説されてました!!

動画学校様より「おすすめ基本的なVLLO（ブロ）の使い方！iPhone・Android対応　無料でも使える動画編集アプリ・YouTubeにも」(動画)

Livesuns Blog様より【動画編集にはVLLOブロがおすすめ】初心者にも使い方を詳しく解説(ブログ)

SNSサポート・オンライン講習会について

bdesignではWebサイトの代行管理(年契約)をご依頼いただいているお客様に無償でSNS広告のサポートを実施しています。
Webサイトの更新時間をSNS運用の時間にあてさせていただくサービスになります。
またオンライン講習ご希望の方は1時間5,000円/1名〜(前後ヒアリング合わせて1時間半程度)にてスマホ設定(1単位)/パソコン設定(３単位)指導を行っております。
実際に効果があったか、その後もっと効果を出すにはどうしたら良いかなどもオンライン講習会(2〜3単位)でサポートが可能になります。
■ SNSサポートを個別でご依頼
■ オンラインSNS広告講習ご予約
ご希望の方はメールフォームからお問い合わせください。

bdesignへのお問い合わせフォーム

＊bdesign(びーデザイン)は広島のデザインとWeb制作事務所ですが、全国のご依頼に対応可能です
＊受注順に対応しておりますのでお時間をいただく場合がございます

RMSで店舗運営されいてる方ならご存知だと思いますが、楽天で扱う商品ページに動画を掲載することができます。
スマホユーザーの購入が増え、動画情報が必要な人は選択して再生できるような仕組みになっています。(2020年9月現在)
またPCサイトでは動画表示部分までスクロールすると自動再生(音声OFF状態)されるので、
商品に興味を持っているお客様が商品ページを訪問した際閲覧される率は高く

動画のある商品ページは楽天市場内の検索順位でも優位になりやすい…ようです。

楽天市場RMSに動画をあげる

動画をあげる前に確認いただきたいのがサイズ容量と保存形式

アップロード先

RMS管理画面TOP > 店舗設定 > 4画像・動画登録 > 動画管理 > 新規動画アップロード
必要な方はフォルダで整理しながらアップロード可能です。

アップロード入力項目

1- アップロードするファイルを選択※必須
　　ファイル名を入力/ファイルサイズの確認(200MB以下)

2- アップロードフォルダ選択※必須

3- タイトル入力※必須

4- コメント入力

5- キーワード入力

100MB以上のコンテンツに関しては、アップロードに時間がかかるようです。
実際に１９5MB(W640*H340px 6分程度)の動画をアップしてみたところ5-10分程度アップロード > 登録完了まで20分程度の時間がかかりました。
そもそも楽天RMSでの動画の最大表示サイズは(W640*H480px)なのであまり高画質である必要もないかと、かなり圧縮しました。

元データ750MB(W1920*H1080 6分程度) → １９5MB(W640*H340px 6分程度)

bdesignではECサイトサポートを実施する際、店舗様にご準備いただいた動画を規定サイズに圧縮して掲載実施をサポートしております。
別途オプションにて簡易動画編集も可能です。

その中でカートをつける場合「Welcart」か「Woocommerce」を採用。
このプラグインの使い分けは使用するテーマや環境・操作される方のパソコンスキル等に合わせて変更しています。
今回はそんな中「Woocommerce」を使用したサイトのカスタマイズ方法の一部を業務記録としてアップしています。

Woocommerceをコード操作でカスタマイズする場合

Woocommerceのカスタマイズする前に

レイアウトやデザイン等はプラグインエディターより該当するプラグインの内部を変更することにより
cssやphp編集をおこなうことで実施が可能ですがここで一手間かけることで、リスクを回避することができます。

Woocommerceをプラグインを使用してカスタマイズする場合

Booster for WooCommerce -導入方法-

直接カスタマイズする場合は上記でコピーしたWooCommerceの「templates」を変更しますが、細かな設定を実施する場合プラグインを活用するのも有効です。
今回は１００以上の設定が1つのプラグインで変更可能な「Booster for WooCommerce」を導入しました。

Booster for WooCommerce「Admin Products List」 -商品管理画面の一覧をカスタマイズする-

「Admin Products List」を適用することで商品管理がグッと楽になります。自分の使いやすいように表示を変更して商品のスムーズな管理を実現します。