コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。THOR(ザ・トール)には「着せ替え機能」があり、ブログ全体のデザインを一気に変更できます。デモサイトには9種類のテンプレートがあり、エレガントなものや可愛いもの、企業サイトで使えそうな物などが揃っています。この記事ではデザインの変更方法や、おすすめテンプレートの特徴を紹介しています。デザインはプロに任せて、記事作成に集中しましょう。THORの公式のデモサイト一覧に気に入ったものがあれば「スタイルダウンロード」をクリック。ダウンロードしたファイルはデスクトップなど、分かり易い場所に保存すれば大丈夫です。zipフォルダ(the-thor-child-export-demo0X)を解凍する先ほどダウンロードしたファイルは圧縮フォルダ(ZIP形式)になっています。圧縮フォルダをそのままインポートするとエラーになるので、右クリックなどで必ず解凍(展開)します。0x.dat」というファイルが出来ている筈です。0xのxの数値はデモサイトの番号(01~09)が入ります。Export/Import」というプラグインを使います。Export/Import」と入力すればすぐに見つかりますので、【今すぐインストール】をクリックし【有効化】しておきます。インポート】の項目が追加されます。インポート】内から【ファイルを選択】をクリックしてください。【ファイルを選択】をクリックしたら、先ほどダウンロードした「the-thor-child-export-demo0x.dat」を選択します。0xのxの数値はデモサイトの番号が入ります。?」にチェックを入れ、最後に【インポート】ボタンをクリックしてください。?」にチェックを入れずに進めてしまうと、画像が表示されないなどの不具合が起こる可能性があります。初期スタイルや違うスタイルにしたい時は?初期スタイルもダウンロード出来る「色々なスタイルを試したい」「デフォルトスタイルに戻したい」となった時の方法がありますので解説します。会員のマニュアルページから初期スタイルをダウンロード出来ます。初期スタイルへ戻す時だけでなく、あるスタイルから別のスタイルへ変更する時も一旦初期スタイルへ戻す必要があります。カスタマイザーの設定がデフォルトに戻ってしまいます。サイトタイトルやサイトディスクリプション、ユーザーIDなども未入力の状態にもどってしまいますので、必ず再入力してください。デモサイトを選ぶおすすめポイントはコレデモサイトを選ぶポイントは「ブログ全体的な色味」と、「記事一覧やカテゴリーなどレイアウトの配置」です。サイトのメインカラーはブログ全体の印象に関わってきます。レイアウトは記事の読み易さなどに関わります。レイアウトは後から簡単に変更出来るので、カラーの方を気にした方が良いです。理由は、カラー変更は変更項目が多く面倒で、配色のバランスも難しいから。配色に自信のない人はデモサイトの色味をそのまま使うのも有りです。次から、全部で9種類あるデモサイトの中で、使いやすいおすすめ4種類を解説していきます。薄緑色をメインカラーとした配色で、全体的に落ち着いた印象のデモサイト。トップページは記事一覧などが整然と並び、シンプルな構成です。トップページや記事ページはワンカラムで、新着記事やカテゴリーはページ下部にまとめられています。こんな人におすすめ情報系の記事や論評など、読み物として文章をしっかり読んで貰いたい人におすすめです。見た目の特徴02のデモサイトよりも濃い目の、灰みがかった青緑色をメインカラーとした配色。派手過ぎず、使いやすい印象です。サイドバーありの2カラム構成です。記事内のアイキャッチは好き嫌いが分かれると思います。ここは変更出来ますし、それ以外はとてもバランスが良いと思います。こんな人におすすめ読み物は勿論、商品紹介など様々なタイプのブログにバランスよく合います。見た目の特徴えんじ色(濃い紅色)をメインカラーとした配色。デモサイトの写真のインパクトが強いですが、同じ様な感じの写真を使うのはハードルが高いです。派手な色使いと大きめなアイキャッチが多いのでインパクトがあります。こんな人におすすめその見た目から、やはり美容系のブログがおすすめ。綺麗な画像を上手く使用するとより効果的です。明るめのベージュを基調とし、嫌みのない上品さや清潔感がある配色。サンプル画像からも雰囲気が伝わってきます。トップページや各記事にはアイキャッチが付いておらず、記事タイトルや記事概要だけ。後から変更は出来ます。写真を多用せず、綺麗なスタイルを活かすのも素敵かもしれません。こんな人におすすめ大人っぽい上品で女性的な印象が強いので、無機質なガジェット系よりは、同じ女性向けの情報が良く合います。まとめTHORのデザイン着せ替え機能は簡単に見た目を変更出来るので、好みのスタイルがあれば使って見てくださいね。注意点は、スタイルを変更すると細かい設定が戻ってしまうので本格的に運用する前に試すのがおすすめです。:口コミや評判は?検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。