ブログテーマを刷新する話

こんにちは、まもーです🐬

現在、当ブログはTHE THORというテーマを使っているのですが、この度SWELLに変えようと思います。
この記事自体も、今はTHE THORの状態で執筆を開始していて、作業しながらSWELLに変更します。そんなことができるのか?も含めて確認してみようと思います。

そもそものテーマを変える理由

それは、一言でいうとブロックエディタを利用したいからです。2018年にWordpressで記事の記載に使うエディタが、ブロックエディタという新たなものに変わりました。そしてTHE THORがそのブロックエディタに完全には対応していません。
変わった当初は旧エディタのほうが使いやすいと感じたため、そのまま旧エディタを使いつづけました。しかし、今となってはブロックエディタが標準のエディタです。
ITの現場では、古い技術をそのまま使い続けた結果、(技術が使えるうちは問題ないのですが)使えなくなったときにそれまでの古い技術の蓄積が負の遺産として一気にのしかかってくることがよくあります。古のプログラミング言語すぎて技術者がもういないとか、ハードウェアのサポート終了などでシステムの刷新を余儀なくされ、肥大化したシステムの再構築を余儀なくされる。。システムが肥大化・複雑化しているため膨大なお金がかかる。。

WordPressでも同じことが言えるかと思います。書き溜めた記事を全部リライトしたり、プラグインが使えなくなったり、おそらく何かが起きます。

テーマを変える手順を調べてみた

調べたところ、ちゃんと、SWELL公式にTHE THORからの移行手続きのやり方が記載されていました。
https://swell-theme.com/switch-to-swell/from-thor/

大まかな手順は、

  1. SWELLと「THE THORからSWELLへ乗り換えるためのサポート用プラグイン」をインストールする
  2. テーマとプラグインを有効化する
  3. 記事をリライトする
  4. プラグインを無効化する

といったところでしょうか、では実際にやってみます。

実際にやってみた

手順を順番にやっていきます。

SWELLと「THE THORからSWELLへ乗り換えるためのサポート用プラグイン」をインストールする

まずはSWELLのマイページからインストール用のzipファイルをダウンロードします。zipファイルは解凍しなくてOKです。

その後は、wordpress管理画面のテーマやプラグインに移動して、wordpressへのインストールをします。

実際にテーマをやってみましょう。テーマ画面を開くと「新しいテーマを追加」ボタンがありますの押します。

その後、「テーマのアップロード」ボタンを押すと、真ん中にファイルアップロードフォームが出現するので、先程ダウンロードしたzipファイルを選択してインストールします。まずはSWELL本体最新版のテーマをインストールして、その後子テーマをインストールしました。

これだけで完了です!プラグインもテーマと同じようにしてインストールできますのでスクリーンショットは割愛します。

テーマとプラグインを有効化する

インストールしたテーマとプラグインを有効化します。さてこの記事を含めてどうなるでしょうか・・・笑

以下、インストール後に記載します。

・・・有効化中・・・完了

ひええええ!!ホームページ全体の色が白くなってるーー!!

ブログタイトルやアイコンは変わっていませんでしたが、背景色やサイトデザインなどのほとんどが初期化されておりました。ヤヴァイ。

一方で、ブロックエディタに対応しただけあって、この記事を書くのもかなり書きやすくなっています。早速マーカー使っちゃってますw

記事をリライトする

続いてやらないといけないのが、記事のリライトです。過去THE THORで作成した記事を一度開いて、SWELL版として保存して上げる必要があるわけですねぇー。

早速やってみましたが、そもそもクラシックエディタで作っていたものが多くて、クラシックエディタからブロックエディタへの変換をして、そのあと体裁を整える感じになりました。

  • 適当に使っていた見出しレベルが、レベルによって大きくデザインが変わったので統一させた
  • 段落と改行を使い分けできていなかったので、段落の塊をまとめ直した
  • ブログカードのショートコードを、SWELLの関連記事ブロックに修正した
  • 吹き出しをSWELLの吹き出しに修正した

特に吹き出し部分が↓のようにhtml埋め込みになっていて、修正が必要でした。

また、吹き出しの画像等の設定がSWELLでは下記のように簡単に設定できるのが非常にポイント高いです。

また、途中なぜか

こんな感じで、謎のdivブロックが大量発生していましたので、全部消しました。

プラグインを無効化する

最後にプラグインを無効化というか、削除しました。THE THORの部品をほぼすべて削除したので、無効化したあと特に何も影響がありませんでした。
コレでSWELLへの移行は完了となります!あとは白背景になった設定たちを直して、自分の好きなデザインにするだけ😍

やってみた感想

SWELLに変更しただけだと、もとの投稿のデザインがそこそこ壊れていたので、たくさん記事を書いている方は慎重になったほうが良さそうです。
数十記事程度でしたら、開いてリライトできる範囲かと思いますので、思い切って変えてみましょう!

所要時間は、記事数によるかと思いますが、半日もあれば対応完了します。正直テーマを変える勇気を出すまでに一番期間を費やしてしましました😂
ブロックエディタの使い勝手が断然向上しますので、現状のテーマに不満があるかたはテーマ変更の検討をオススメします😜

ブロックエディタ以外の部分、例えばブログ全体のデザイン等については何か分かったら別途投稿します。特にネタがなかったらしないかもです😜

それでは今回は以上とします、ありがとうございました🐬

よかったらシェアしてください!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

こんにちはー!故郷が元農家の、まもーです。
普段はITコンサルをしていますが、年を重ねるにつれ農業対してなにかできないか、という思いが強くなり手始めにこの雑記ブログを始めました。
アグリあんてなでは、ITに関するよしなにを主軸としつつ、農業に関する内容を収集したり発信していけたらと思っています。

コメント

コメントする

目次