長年愛用させていただいたワードプレスの無料テーマCocoonから有料のSWELLへ移行しました。
備忘録用に書いておきます。
目次
移行手順の参考サイト
基本的には下記のサイトを参考に、1時間もかからずスムーズに移行できました。
SWELLマニア
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://webrent.xsrv.jp/wp-content/uploads/2021/02/cocoon-swell-migration.jpg)
【2024年プロ監修】CocoonからSWELLへの移行手順|ブログ初心者向けに効率的なテーマ切り替え方法を解説 | S...
【プロ監修】WordPressテーマを「Cocoon」から「SWELL」へ切り替える方法。 テーマ移行時に発生しやすいトラブルと解決方法、テーマ乗り換えサポートプラグインを使った簡...
Cocoonの装飾をSWELLへ変更
公式サイトの対応装飾を確認して1記事ずつ順番に変更していきます(大変…!
SWELL
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://swell-theme.com/wp-content/uploads/2019/06/screenshot_cocoon.png)
CocoonからSWELLへ乗り換えるためのサポート用プラグイン | WordPressテーマ SWELL
CoconnからSWELLにテーマを乗り換えるための「サポート用プラグイン」を作成しました。 テキスト装飾 太字 赤太字 赤アンダーライン 打ち消し線 キーボードキー 黄色マーカ...
デザインカスタマイズ
メインカラーを変更
デフォルトで設定されているメインカラーはネイビーなので、水色に変えました。
![](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell1-285x500.png)
1枚目がデフォルト、2枚目が変更後です。各記事のアイキャッチの色がネイビーから明るい水色に変わりました。サイト上部の帯の色も変わってます。
![](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell2-800x344.png)
![](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell3-800x340.png)
![](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell4-800x576.png)
ランダムに表示されるメインビジュアルを旅行関係の写真に変更
下記のサイトを参考に変更しました!
POINT OF VIEW 略して、ポイビュ...
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://point-of-view.blog/wp-content/uploads/2021/11/1c494aaeadade3580a19621c6e09cbfc.png)
メインビジュアルに特定ジャンルのランダム画像を表示する – SWELLカスタマイズ - POINT OF VIEW 略して、...
メインビジュアルにSWELLデフォルトのランダム画像を使う SWELLERの方なら、わざわざメインビジュアルの画像をオリジナルで作成しなくても、カッコいい画像がランダムで表...
後で確認したいサイト
投稿編集エディター画面で右側のブロックエディターメニューが表示されない
クラシックエディターになってしまっているのか混乱したのですが、Google Bardに聞いて解決しました。やったことは、Safariブラウザでのチェック、Chromeのバージョン更新、これで直らずWordPressのバージョンを最新にしたら解消しました。
Safariでの表示↓
![](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell5-800x350.png)
WP更新前のChromeでの表示↓
右側に表示されているはずのメニューが出ていません。でも上部に幾つかのメニューが出ています。
![cocoon_to_swell](https://meguworld.com/wp-content/uploads/2023/10/cocoon_to_swell5-2-800x452.png)
CocoonからSWELLへ変更してみての感想
- 入力しやすい!操作性が軽い
- デザインが洗練されている!
- メニューの位置、編集方法など都度調べないといけない
結果として変更して満足です。これから使い倒していきたいと思います。
吹き出し画像を一新!(2023.12.5追記)
アイコンをオリジナルで描いてもらったよ!
真面目な感じがしていいね!
コメント