Menu
カテゴリー

【SWELL】デモサイトへの着せ替え方法とその後にすることを解説

悩む人

サイトのデザインで悩んでしまい記事が書けずにいます。デモサイトで始めよと思っているのですが着せ替え方法が分からないので教えてほしいです。

こういった悩みにお答えします。

本記事で解決できること

  • デモサイトへの着せ替え方法
  • 着せ替え後にすること

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

本記事の内容

【SWELL】デモサイトへの着せ替え方法

着せ替えファイルをダウンロード

以下のリンクから、「SWELLのデモサイト一覧」に移動します。

≫ SWELLのデモサイト

SWELLのデモサイト一覧では、6種類のデモサイトが用意されています。

※ デモサイトをクリックすると中身を確認することができます。

今回は、「SWELL DEMO 03」に着せ替えます。

「SWELL DEMO 03」がそっくりそのまま反映されるわけではありません。

「SWELL DEMO 03」を見る

以下のリンクから、「SWELLのデモサイトデータ(デザイン着せ替えファイル)一覧」に移動します。

≫ デザイン着せ替えファイル

デモデータのインストール方法から、「swell_demo03.dat_.zip」ファイルをダウンロードします。

swell_demo03.dat_.zipを解凍して「swell_demo03.dat」ファイルを出します。

この「swell_demo03.dat」ファイルを使って着せ替えます。

デモサイトに着せ替える

管理画面メニューから、「プラグイン」>「新規プラグインを追加」を選択します。

プラグインを追加から「Customizer Export/Import」を検索後、「今すぐインストール」>「有効化」します。

Customizer Export/Import

管理画面メニューから、「外観」>「カスタマイズ」を選択します。

サイドバーから、「エクスポート/インポート」を選択します。

エクスポート/インポートから、「ファイルを選択」をクリックします。

swell_demo03.datを選択して「開く」をクリックします。

インポートをクリックします。

すぐにSWELL DEMO 03に着せ替わります。

全体像です。

再度ですが、デモサイトがそっくりそのまま反映されるわけではありません

【SWELL】デモサイトへの着せ替え後にすること

全てのデモサイトで確認しましたが着せ替え後は以下の設定が必要です。

  • SNSリンク設定
  • コピーライト設定

SNSリンク設定

管理画面メニューから、「外観」>「カスタマイズ」を選択します。

サイドバーから、「SNS情報」を選択します。

SNSリンク設定を行えます。

コピーライト設定

サイドバーから、「フッター」を選択します。

コピーライト設定から、「コピーライトのテキスト」を変更できます。

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

今回は以上です。

※ PS:本記事で「悩みが解決した」「参考になった」方は、是非 (Twitter)でシェアをお願いします!

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
本記事の内容