CocoonからSWELLへ移行しました!備忘録メモ

cocoon_to_swell

長年愛用させていただいたワードプレスの無料テーマCocoonから有料のSWELLへ移行しました。

備忘録用に書いておきます。

SWELL公式サイト

目次

移行手順の参考サイト

基本的には下記のサイトを参考に、1時間もかからずスムーズに移行できました。

SWELLマニア
【2024年プロ監修】CocoonからSWELLへの移行手順|ブログ初心者向けに効率的なテーマ切り替え方法を解説 | S... 【プロ監修】WordPressテーマを「Cocoon」から「SWELL」へ切り替える方法。 テーマ移行時に発生しやすいトラブルと解決方法、テーマ乗り換えサポートプラグインを使った簡...

Cocoonの装飾をSWELLへ変更

公式サイトの対応装飾を確認して1記事ずつ順番に変更していきます(大変…!

SWELL
CocoonからSWELLへ乗り換えるためのサポート用プラグイン | WordPressテーマ SWELL CoconnからSWELLにテーマを乗り換えるための「サポート用プラグイン」を作成しました。 テキスト装飾 太字 赤太字 赤アンダーライン 打ち消し線 キーボードキー 黄色マーカ...

デザインカスタマイズ

メインカラーを変更

デフォルトで設定されているメインカラーはネイビーなので、水色に変えました。

1枚目がデフォルト、2枚目が変更後です。各記事のアイキャッチの色がネイビーから明るい水色に変わりました。サイト上部の帯の色も変わってます。

ランダムに表示されるメインビジュアルを旅行関係の写真に変更

下記のサイトを参考に変更しました!

POINT OF VIEW 略して、ポイビュ...
メインビジュアルに特定ジャンルのランダム画像を表示する – SWELLカスタマイズ - POINT OF VIEW 略して、... メインビジュアルにSWELLデフォルトのランダム画像を使う SWELLERの方なら、わざわざメインビジュアルの画像をオリジナルで作成しなくても、カッコいい画像がランダムで表...

後で確認したいサイト

投稿編集エディター画面で右側のブロックエディターメニューが表示されない

クラシックエディターになってしまっているのか混乱したのですが、Google Bardに聞いて解決しました。やったことは、Safariブラウザでのチェック、Chromeのバージョン更新、これで直らずWordPressのバージョンを最新にしたら解消しました。

Safariでの表示↓

WP更新前のChromeでの表示↓

右側に表示されているはずのメニューが出ていません。でも上部に幾つかのメニューが出ています。

cocoon_to_swell

CocoonからSWELLへ変更してみての感想

  • 入力しやすい!操作性が軽い
  • デザインが洗練されている!
  • メニューの位置、編集方法など都度調べないといけない

結果として変更して満足です。これから使い倒していきたいと思います。

吹き出し画像を一新!(2023.12.5追記)

アイコンをオリジナルで描いてもらったよ!

真面目な感じがしていいね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

旅するフリーランス。外資系でマーケ。元米国ディズニー勤務。イギリス留学、スペインワーホリ経験者。海外経験やグローバルキャリアの発信をしています。趣味はダンスと旅行で、渡航国は約50ヵ国。ブラジルで海に目覚め、エジプトのダハブでダイビングの資格取得しました。世界中の海で潜るのが夢。
詳しいプロフィールはこちら!

コメント

コメントする

目次