フリーエンジニア・コンサルのTAKAです
今日はWordPressのテーマ THE THORのデモサイトのようなスタイルにしたいという方、必見
誰にでもわかる変更方法を書いておきたいと思います。
このブログも「THE THOR」で作っています。
WordPress初心者の私がデモサイトを見て、このまま使ったら楽だなと思って購入したテーマです
そこでデモサイトのようなデザインに簡単に着せ替える方法を書いていきます
ちなみに私はいつもググってデモサイトへ行くのですが毎回探すのが手間なのでここへ残しておこうかと
準備
スタイルのダウンロード
ここでは既にWordPressがインストールされ、THE THORがテーマに設定されているという前提で書きはじめます
まずデモサイトで01から09までのデモサイトから自分がイメージするもの探します
https://fit-theme.com/the-thor/demo/
自分のイメージに合うものがあったら”スタイルダウンロード”のボタンをクリックしてダウンロードします
ダウンロードが完了すると”the-thor-child-export-demo**.dat”(**はデモの番号です。01など）
プラグイン追加
スタイルをアップするのに必要なプラグインを入れます
プラグインの新規追加で”Customizer Export/Import”を検索
見つかったら”今すぐインストール”→インストールが完了したら”有効化”の順にボタンを押す
サイトの着せ替え
これで準備が出来ました
ここからデザイン着せ替え機能で着せ替え！
今回はデモの03を使います
これはTHE THOR デフォルトの画面です
何だかデザインイマイチ・・・
スタイルのインポート
ダッシュボード→サイトをカスタマイズ ボタンを押して一番下の”エクスポート/インポート”を選択
下段 インポートの”ファイルを選択”を押します
押すとダイアログが表示されますので、先ほどダウンロードしたスタイル”the-thor-child-export-demo03.dat”を選択します。
選択するとファイル名が表示されます
デモで使っている画像も一緒にダウンロードする場合は
”画像ファイルをダウンロードしてインポートしますか？”
にチェックを入れてください。
私は基本的にチェック入れてます
そして”インポート”ボタンを押すだけ！
デモサイトと同じものが出来ました
早いですね
この記事を書き、スクショを撮りながらでも約30分
誰でも簡単に同じサイトを作る事が出来ます。
デザインに不安のある方、作り込みに時間をかけたくない方は良いと思います
私もテーマ選び、デザイン作るのに1/3以下になりました（元々遅いってのもありますが）
特に初心者の方で出来るだけお金掛けたくない方、でも早く立ち上げたい方にはオススメです
【圧倒的にSEOに強く・上位表示されやすいWordPressテーマ】 THE・THOR(ザ・トール)｜テーマ＆サポートプラン