> 大評判のSWELLを徹底レビュー!気になる口コミ・評判は?

SWELLメインビジュアルにおしゃれな動画を設定する方法【ループなし】

SWELL-mainvisual-動画

\ オシャレを実現!初心者でもデザイン性抜群のサイトにできる /

※いま一番オススメのWordPressテーマ

SWELLに「ループ(繰り返し)なし」のメインビジュアル動画を設定して、あなたのサイトをオシャレにする方法を解説します。

  • SWELLのメインビジュアルにオリジナルの動画を設定したい
  • メインビジュアル用のオリジナル動画を作りたい
  • SWELLのメインビジュアル動画がループしてしまうのを直したい
ヒナキラ

このような方にオススメの内容となっています。

なお、SWELLでは動画を設定すると「繰り返し(ループ)再生」されるようになっていて、わずらわしく感じる方もいるので、ループ再生されないようにする方法もあわせて解説していきます。

SWELLにオリジナル動画を設定して、オシャレなサイトにしたい方は、ぜひ見ていって下さいね。

\ 一番おすすめのオシャレすぎるWordpressテーマ /

SWELLの口コミ評判&比較レビューはこちら

タップできる目次

SWELLのメインビジュアル動画の例

今回、参考にしたのはオシャレサイト「RUKI BOOKS」のメインビジュアル動画です。

ヒナキラ

めちゃくちゃオシャレですよね。

このような「シャレオツな動画を作りたい!」という切実な思いを持つ方のため、解説記事を作りました。

そして、今回紹介するのは「RUKI BOOKS」に少しだけ似た感じで作った、下記メインビジュアル動画の作り方になります。

オシャレなメインビジュアル動画の作り方【ループなし】

では、オシャレなメインビジュアル動画を作っていきましょう。

STEP
Canvaを使って動画を作成

まずは、「Canva」を使って動画を作ります。

Canvaは、画像素材も多く、画像編集ツールとしては最高に使いやすいツール。
まさにオールインワン画像ツールといえます。

①:使いたい画像素材を決める

画像を選ぶ

②:「アニメート」をクリック

アニメート

③:アニメーションを選ぶ

④:テキストを入力する

テキストを入れる

⑤:「エフェクト」をクリック

エフェクトを入れる

⑥:エフェクトの設定

エフェクトの設定

⑦:「アニメート」をクリック

テキストアニメ

⑧:アニメーションを選ぶ

テキストアニメを選ぶ

⑨:カラーを調整

カラーを調整

⑩:プレビューで見ると、こんな感じの動画に

STEP
作成した動画をダウンロードする

次に、作成した動画をダウンロードします。

①:「共有」→「ダウンロード」をクリック

共有→ダウンロード

②:「ダウンロード」をクリック

ダウンロード
STEP
SWELLの「メインビジュアル」に設定

動画を作成できたので、あとは「メインビジュアル」で設定すればOKです。

①:「外観」→「カスタマイズ」

外観カスタマイズ

②:「トップページ」→「メインビジュアル」をクリック

メインビジュアル

③:「動画」をクリック

動画をクリック

④:「動画の設定」から「動画を選択」をクリック

動画を選択

⑤:サイズなどの調整を行って「公開」をクリック

設定後に公開
STEP
トップページを確認する

設定ができたので、動画設定したトップページを確認しましょう。何か気づくと思うので、良く見て下さい。

そう、このように動画が繰り返し再生される「ループ」状態になってしてしまうのです。

ヒナキラ

というわけで、ここからはループを解消していきましょう。

STEP
動画のループ(繰り返し)を解消する

動画のループを解消する方法は下記です。

  1. 「外観」→「テーマファイルエディター」をクリック
  2. 「functions.php」をクリック
  3. コードを追加

なお、追加するコードは以下です。

add_action( 'wp_footer', function () {
if (is_home() || is_front_page()) { ?>
<script type="text/javascript">
element = document.querySelector('.p-mainVisual__video');
element.removeAttribute('loop');
</script>
<?php } } );

動画のループを解消する方法として、下記の記事を参考にさせていただきました。

STEP
オシャレなメインビジュアル動画が完成
ヒナキラ

これで、ループしないメインビジュアル動画が作れましたね。

まとめ|オシャレなメインビジュアル動画で差別化を図ろう

SWELLでオシャレな動画を設定することで、かなり印象に残るサイトにできます。

見た目が良いだけで、ファンになってくれる読者もいるでしょう。

ヒナキラ

人間関係も同じように、第一印象は大切です。

そして今回のようなSWELLのメインビジュアル動画を作るには「Canva」がオススメ。

アイキャッチ作成など様々な用途にも使えるので、Canvaを使っていない方は、ぜひこの機会に使っていきましょう。

\ 一番おすすめのオシャレすぎるWordpressテーマ /

SWELLのトップページカスタマイズはこちら

時短に繋がる、超高機能Wordpressテーマ。

WordPressテーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • とってもオシャレなサイトが誰でも作れる
  • 構造化機能も充実!SEO対策をしやすい
  • ダントツクラスの機能性
  • 高速化のプロを顧問!ページスピードが速い
  • 時短機能も充実!記事執筆を効率化できる
  • ブロックエディター対応度ナンバーワン
  • ブログ運営が楽しくなる
  • 初心者でもカスタマイズしやすい
  • 買い切り、複数サイトに使える
  • アプデが頻繁で進化が止まらない
デメリット
  • 値段が安くない(17,600円)
  • AMP非対応
  • 個人開発

SWELLはオシャレで、非常に使いやすく、時短に繋がる生産性高いWordpressテーマ。

17,600円の価格も、抜群の機能性やSEO対策面、記事執筆効率化などを考慮すればむしろ安いです。

使ったら二度と手放せなくなるWordpressテーマ「SWELL」の感動を、あなたにも。

\オシャレで使いやすく機能性抜群のテーマ/

※今まで使った有料テーマの中で一番おすすめ

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

タップできる目次