THE THOR ザ・トール 導入 最初に戸惑った設定

無料のワードプレステーマ「LION Media」から有料のテーマ「THE THOR」に変更しました。

LION Media の後継といってもいい THE THOR ですが、そのカスタマイズの幅は LION Media の比ではありません。

この記事は導入時にわかりにくかった点などを記載しています。少しのトラブルがありましたが無事 THE THOR でのブログ活動がスタートできました。


    利用中のテーマ↓

テーマのインストール時のトラブル

インストールは手順に従えば特に問題は起きないと思います。

しかし僕は問題がおきました。

インストール後にライブプレビューが表示されないという大問題。

 

即座にサポートにメール。

結果、僕の環境が原因の可能性が高いということになりました。
下記、対策をおこない30分ほど経過後に再インストール。

困った時は素に戻す
  • 全てのプラグインの停止
  • インストールしたテーマ・子テーマを削除
  • サーバーのPHPバージョンを最新に変更

 

無事、ライブプレビューが表示されるようになりました。
その後プラグインはもとに戻したので、最初のインストール時に何かしらのトラブルがあったか、サーバーPHPのバージョンが原因の可能性が高いです。

使用しているサーバーはロリポップで、PHPのバージョンは5.4でした。

デザイン着せ替え機能の使い方

初期段階はデザイン着せ替え機能を利用して、それをベースにカスタマイズしようと思いましたがデザイン着せ替え機能の使い方が解らず断念。あるていど終わったところで使い方が解りました。

プラグイン「Customizer Export/Import」をインストール
外観 → カスタマイズ → エクスポート/インポート でインポート

デザイン着せ替え用のスタイルは公式よりダウロードして解凍して準備。

インポートする前に自分でカスタマイズしてある場合はエクスポートでバックアップ。インポートすると即座に適用されます。

ヘッダー下のスライドショーの設定

外観 → カスタマイズ → TOPページ設定[THE] → カルーセルスライダー設定

ここでの注意点はライブプレビューにスライドショーが反映されないということです。画像が一点大きく表示されるだけで出来ているのかどうかわかりませんでした。

変更をプレビューすると確認ができます。

※それでも反映されないという方はキャッシュのクリアをしてみましょう。

TOPページに最新記事の表示設定

外観 → カスタマイズ → アーカイブページ設定[THE] → コントローラー設定 → レイアウト切替ボタンの設定

初期設定では画像が横幅いっぱいに表示されます(ワイドレイアウト)

スマホでは良いですがPCだとでかすぎる感があるのでノーマルレイアウトに変更しました。

※頻繁に変更しています。

カテゴリーごとの最新記事表示

特に難しいことはなかったのですが設定のある場所がなかなか見つけられませんでした。

外観 → カスタマイズ → TOPページ設定[THE] → カテゴリー最新記事設定

あとがき

とにかく機能が豊富でどこから手を付けて良いのかわからない。

慣れるまではしかたがないことかと思います。

LION Media にはなかった Prev Next 記事の表示、リンクカード、会話風吹き出しの設定など有料なだけあってかなりパワーアップしていると感じました。過去記事をリライトしつつ地道に THE THOR に慣れていこうかと思います。

THE THOR ザ・トール 導入 最初に戸惑った設定
呟くのよ・・・私の棒ストが