ワードプレス

WordPressテーマをCocoonに変更(実行編)

ワードプレス テーマ Cocoon コクーン ワードプレス
スポンサーリンク

テーマ変更作業の流れ

テーマ変更は以下の手順で進めました。

  1. 調査
    • 変更前の状況確認
WordpressテーマをCocoonに変更(調査編)
はじめに ブログ「ふたりでねっと。」を開設して丸4年が経過しました。 最初に気に入ったシンプルなWordpressテーマをそのまま使っていましたが、ブログのデザインを整えたくなり、まとまった休日のGW期間に変更しました。 これまではテーマに...
  1. 準備
    • テーマのインストール
    • 切り替えのプレビュー(必要なファイルの洗い出しと準備)
WordpressテーマをCocoonに変更(準備編)
テーマ変更作業の流れ テーマ変更は以下の手順で進めました。 調査 変更前の状況確認 準備 テーマのインストール 切り替えのプレビュー(必要なファイルの洗い出しと準備) 実行 バックアップ テーマ 切り替え 動作確認 この記事は「2.準備編」...
  1. 実行
    • バックアップ
    • テーマ 切り替え
    • 動作確認
WordpressテーマをCocoonに変更(実行編)
テーマ変更作業の流れ テーマ変更は以下の手順で進めました。 調査 変更前の状況確認 準備 テーマのインストール 切り替えのプレビュー(必要なファイルの洗い出しと準備) 実行 バックアップ テーマ 切り替え 動作確認 この記事は「3.実行編」...

この記事は「3.実行編」です。

バックアップ

BackWPupプラグインを利用し、万が一に備えてバックアップを行います。

エックスサーバー(Xserver)に引っ越ししたときにも利用したプラグインです。

エックスサーバー(Xserver)に引っ越しました
このブログはAWSで運営していましたが、無料期間の12ヶ月が切れると月額使用料金が高くなることがわかったので、エックスサーバーへ引越ししました。 AWS利用時代 AWSの無料枠を活用しWordpressを構築しました。構成図はこのような感じ...

テーマ 切り替え

新しいテーマCocoon(公式HP)に切り替えます。

  1. 2.準備編」で利用した WP Theme Testプラグインを無効
  2. WordPressでCocoon子テーマを有効
  3. Cocoonテーマの設定内容を反映

切り替え後のデータ修正

テーマ設定では切り替えることができない画像の再生成や、投稿の一括変換などを行います。

サムネイル画像の再生成

アイキャッチに使用するサムネイル画像のサイズはテーマによって異なります。
テーマを変更する前の既存の画像ファイルは自動的にサイズ変更されませんが、Regenerate Thumbnailsプラグインを使えば簡単に再生成することができます。

ヘッダタグの置き換え

以前のテーマでは投稿内のヘッダタグは H1と H2 を使っていました。
Cocoonの目次では H2以降を使用する(参考:目次ショートコードの使用方法)ため、ヘッダタグの置き換えが必要となりました。
Search Regexプラグインを使い、600を超える既存投稿を対象に一括更新しました。

最終確認

最終的に全体的な動作の確認を行いました。
今後もブログデザインは微調整を続けていきます。

まとめ

新しいテーマCocoonに変更して感じたことをまとめました。

  • テーマの設定が豊富
    • プラグインを利用しなくても十分な機能が標準装備
  • ブログのデザインが種類豊富
    • 大量のスキンが用意されているためデザインをゼロから考える必要はない
  • カスタマイズしやすい
    •  親テーマ/子テーマが明示的に用意されている
    • 安全なカスタマイズの手段である「子テーマにカスタマイズ」が始めやすい

ブログのデザインを変更して気分一新することができました。

ブログのテーマを「Cocoon(コクーン)」に変更しました
STAY HOME週間(4/25~5/6) 外出の自粛が続く今春のゴールデンウィーク。 1都3県(東京・埼玉・千葉・神奈川)では「STAY HOME週間」と名づけられました。 この休日のまとまった時間を利用して、なかなか手がつけられていなか...

コメント

タイトルとURLをコピーしました