🌻🍉🍧 夏の暑さ対策おすすめグッズ Check

【SWELL】メインビジュアルに画像や動くGIFを重ねる方法

当ページのリンクには広告が含まれています。

メインビジュアルに画像を重ねてみたい!

今回は、SWELLのメインビジュアルに画像を重ねておしゃれにする方法を紹介します。サイトのロゴを入れたり、動くGIFを入れたりしてカスタマイズを楽しみましょう。

このサイト「おうちで働く」は、WordPressテーマ「SWELL」を使って運用しています。

SWELLを使えば、おしゃれに個人ブログもカスタマイズできますよ。

目次

SWELLでメインビジュアルに画像を重ね方

おうちで働く」のメインビジュアル

SWELLの「ブログパーツ」機能を使って、メインビジュアルの上に画像を重ねていきますよ。

STEP

ダッシュボードの「ブログパーツ」をクリック

ダッシュボード左側にある「ブログパーツ」で新規投稿を追加していきましょう。

STEP

使いたい画像を挿入

タイトルは自分自身がわかりやすいように設定してください。

メインビジュアルに重ねたい画像を挿入します。

STEP

「公開」ボタンをクリック

画像を入れたら「公開」ボタンを押します。

STEP

呼び出しコードを確認

ブログパーツの一覧で、呼び出しコードの数字部分をコピペします。

私の場合は「5501」となっていますよ。

STEP

メインビジュアルにブログパーツを貼る

【カスタマイズ】→【トップページ】→【メインビジュアル】の順番にクリックし、ブログパーツの数字「5501」を貼り付けます。

私はメインビジュアルで複数枚の画像を使用しているので、画像を重ねたいところにブログパーツを重ねていますよ。ぜひ参考にしてくださいね。

メインビジュアルに重ねる画像の作り方

メインビジュアルに重ねる画像は、mirianvas(ミリキャンバス)やCanvaなどのツールを使って作成できますよ。

mirianvas(ミリキャンバス)で作る

MiriCanvas(ミリキャンバス)は、韓国発の無料で使えるデザイン編集ツールです。背景透過も無料でできるツールですよ。

  1. 【MiriCanvas】にアクセスする
  2. 好きな画像やテキストを入力します
  3. 作成できたらPNGで「背景透過」にチェックをつけてダウンロード
  4. 透過された画像が完成します

ミリキャンバスを無料使ってみる

Canva proで作る

  1. Canvaにアクセスする
  2. 好きな画像やテキストを入力します
  3. 作成できたらPNGで「背景透過」にチェックをつけてダウンロード
  4. 透過された画像が完成します

Canvaでも無料作成できますが、背景透過は課金が必要です。

SWELLは初心者でもおしゃれにカスタマイズできる♪

SWELLは、Webデザインの知識がなくてもおしゃれなサイトにカスタマイズできます。こちらの記事もぜひ参考にして、オリジナルサイトを作ってみてくださいね。

この記事が気に入ったら
フォローしてね!

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