【THE THORトップページのカスタマイズガイド】画像見ながら探せる

初心者さん
初心者さん

・THE THORのTOPページをカスタマイズをしたいけど、ここの名前ってなに?

・THE THORのTOPページは、なにからカスタマイズすればいい?

 

Chiharu
Chiharu

THE THORのTOPページカスタマイズを上から順番にすすめられるようにまとめました。

画像を見ながらカスタマイズ方法を探せるので、名前や位置がわからなくてもできますよ!

 

THE THORのTOPページカスタマイズについて

 

THE THOR(ザ・トール)は、TOPページのカスタマイズだけでも、たくさんあります。

 

カスタマイズするときにパーツの名前がわからなかったり、名前がわかるけど方法がわからなかったりと、慣れるまでは苦労されると思います。私自身も苦労したので。

 

「そんな苦労をなるべく減らしたい!」という思いから画像を見てカスタマイズができるようにまとました。参考にしてもらえたらうれしいです。

 

THE THORのTopページカスタマイズガイド

 

「THE THORデモデザイン01」を使ったサンプル画像とカスタマイズ内容です。カスタマイズ方法の解説は別ページになるので、それぞれのボタンをクリックしてカスタマイズをすすめるようにしてください。

 

ロゴ・ロゴを登録する・しない
・ロゴを表示する大きさ
・ロゴを表示する位置

 

the thor ヘッダー・ヘッダーのレイアウト
・メニューの文字色
・ヘッダーの背景色
・メニューの表示・非表示
・サブメニュー(DOWNLOADのボタン)
・サーチパネル(虫眼鏡アイコン)
・検索窓
・お知らせ
・SNSアイコン

 

the thor メインビジュアル・メインビジュアルの表示・非表示
・メインビジュアルサイズ
・メインビジュアル表示モード(静止画・You Tube背景・スライドショー)
・メインビジュアル下の注目エリア

 

the thor カルーセルスライダー・カルーセルスライダーの表示・非表示
・カルーセルスライダーの表示条件
・カルーセルスライダーの画像サイズ
・カテゴリーの色

 

the thor ピックアップ3・ピックアップ3記事の表示・非表示
・ピックアップ3記事の見出し
・ピックアップ3記事の画像の大きさ
・ピックアップ3記事の画像マスク
・ピックアップ3記事の表示する記事の指定
・カテゴリーの色

 

the thor メインカラム・メインカラムのレイアウト
・1カラムのときの横幅
・2カラムのときのサイドカラムの位置
・メインカラムのフレームデザイン
・記事一覧リストのフレームデザイン
・記事一覧リストの画像の大きさ
・記事一覧リストで表示する項目
・記事一覧リストのマーク
・記事一覧リストコントローラーの表示・非表示
・記事一覧リストコントローラーのフレームデザイン
・記事一覧リストのコントローラーに表示するリンク
・記事一覧リストのレイアウト切替ボタン
・記事一覧リストのアイキャッチエフェクト
・記事一覧リストのカテゴリー名の背景色
・メインカラムウィジェットのフレームデザイン
・メインカラムウィジェットの見出しデザイン

 

the thor サイドカラム・サイドカラムフレームデザイン
・サイドカラムウィジェットのフレームデザイン
・サイドカラムウィジェットの見出しデザイン

 

the thor カスタム投稿・カスタム投稿タイプを利用する・しない
・カスタム投稿タイプのデザイン
・カスタム投稿タイプ一覧の表示

 

the thor タグランキング・タグの作成方法
・タグランキングの作成方法
・リンクボタンの色
・TOPページでランキングを表示する
・投稿・固定ページでランキングを表示する

 

・記事ランキングの表示・非表示
・記事ランキングの表示条件
・記事ランキングの見出し
・記事ランキングの画像
・記事ランキングのカテゴリ名の背景色

 

the thor カテゴリ最新記事・カテゴリ最新記事の表示・非表示
・カテゴリ最新記事で表示するカテゴリ
・カテゴリ最新記事の見出し
・カテゴリ最新記事の画像
・カテゴリ最新記事のカテゴリ名の文字色

 

the thor フッターCTA・フッターCTAの表示・非表示
・フッターCTAの見出し・本文
・フッターCTAの画像
・フッターCTAのボタン

 

the thor フッター・フッターエリアのSNSフォロー背景色
・フッターエリアのSNSフォローアイコン
・フッターエリアのメニュー
・フッターエリアのウィジェット見出しデザイン
・フッターエリアのコピーライト
・フッターの背景色・文字色

 

the thor スマホ・スマホ用固定フッターの表示・非表示
・スマホ用固定フッターのボタン

 


 

以上、【THE THORトップページのカスタマイズガイド】画像見ながら探せるでした。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

お問い合わせはこちら

 

お読みいただき、ありがとうございました。

Chiharu

Chiharu

この記事を書いたのは

元歯科衛生士のWebデザイナー。素の自分を出せるようにブログをはじめました。お伝えしているのは、ブログのはじめ方と毎日を楽しく過ごすコツについて。