THE THOR(ザ・トール) 最初に戸惑ったこと

THE THOR 記事一覧

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

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

最初に大きくつまづいたところを防備録します。防備録するって日本語あってる?

関連記事

THE THOR 記事一覧 ワードプレスのテーマをTHE THOR に変更しました、からあげ棒です。 新しいモノをいじるのってなんでこんなに楽しいのでしょうかね? (adsbygoogle = window[…]

吹き出し 変更

テーマのインストール

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

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

 

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

 

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

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

 

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

 

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

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

 

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

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

あるていど終わったところで使い方が解りました。

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

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

インポートする前に自分でカスタマイズしてある場合はエクスポートでバックアップ。

インポートすると即座に適用されます。

 

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

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

ここでの注意点はライブプレビューにスライドショーが反映されないということです。

画像が一点大きく表示されるだけで出来ているのかどうかわかりませんでした。

公開すると実際には出来上がります。

 

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

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

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

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

 

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

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

外観 → カスタマイズ → TOPページ設定[THE] → カテゴリー最新記事設定
上記以外にもトラブルなどの情報はコチラです↓

あとがき

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

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

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

THE THOR 記事一覧