MENU

テーマ TCD「Opinion」の大幅カスタマイズ

2020 3/22

長女が仕事サイト(バレンシア・スペイン留学)をリニューアルするというので手伝った。というより、外側を全部受け持った。

長女が購入した高機能テーマTCDの「Opinion」を元に、サイトの内容を加味し、長女のリクエストを反映させたら、大幅なカスタマイズになってしまった。

目次

引っ越し手順

  1. 旧サイトからエクスポートしたデータベースを新サーバー(初めての海外サーバー=スペイン)にインポート。
  2. WordPressをインストールし、データベースを読み込む。全画像を新サーバーに移植。
  3. 使用テーマ TCD「Opinion」 をインストール。
  4. 必要なプラグインをインストール。
  5. hostsを編集し(DNS変更前なので)、新サーバーでリニューアルサイトを構築。
  6. 完成後、ネームサーバー(DNS)を書き替えて、リニューアル完了。

Opinionテーマのカスタマイズ

(少しずつカスタマイズの手順を記事にする予定)

WordPressテーマ「Opinion (tcd018)」デモサイト »
カスタマイズした「バレンシア・スペイン留学」サイト »

バレンシア・スペイン留学 トップページ
トップページ

パソコン表示のトップページ

  1. ヘッダー部分を固定に(ロゴ・検索窓・メニューを常に表示)
  2. グローバルメニューのデザイン変更
  3. 「最近の記事」を特定のカテゴリー新着記事に変更
  4. 表示項目の入れ替え
  5. 「おすすめカテゴリー記事」に抜粋文を追加
バレンシア・スペイン留学 記事ページ
記事ページ

パソコン表示の記事ページ

  1. タイトル下のmeta情報欄に「お問い合せ」を追加
  2. 上のAd枠をタイトル上に移動し、告知欄に
  3. 「この著者の最新の記事」を削除(投稿者が1人なので)
  4. 「関連記事」と「投稿者欄」を入れ替え
  5. 必要なページにスライダーを挿入(例:Hispania
スマホのトップページ
スマホ表示のトップページ

スマホ表示のトップページ

  1. サイトのロゴを画像で表示(デフォルトではテキスト)
  2. タイトル下に、重要コンテンツへの案内を(大幅に)追加

使用プラグイン

・.html on PAGES
・AddQuicktag
・Contact Form 7
・Display Widgets
・Favicon by RealFaviconGenerator
・Flexible FAQ
・Intuitive Custom Post Order
・Meta Slider
・No Self Pings
・PS Auto Sitemap
・Really Simple CAPTCHA
・Revision Control
・Responsive Lightbox by dFactory
・TablePress
・TablePress Extension: Responsive Tables
・TinyMCE Clear
・WP No Category Base
・WP User Avatar
・WP-PostViews

導入を見送ったプラグイン
セキュリティー上の問題らしく、サーバー側の対応のため
・WP-DBManager
・W3 Total Cache
・Ewww

バックアップはサーバーの管理画面から定期的に(面倒だけど)とり、高速化はCloudFlare(私としてはPhotonを使いたいところだけど)を使う事で凌ぐ予定。

制作の手伝いはサイト完成まで、あとはIT君(プログラマー)でもあるスペイン人ムコが何とかするもよう。

WordPressが英語版だったり、サーバーが(これまで使ったことがある6つの)国内サーバーと微妙に違ったりして、少々戸惑った。ともあれ完成したので、カスタマイズの方法や初めて使った優秀なプラグインの説明をそれぞれ記事にしようと思う。

目次
目次
閉じる