gatespace（五十嵐和恵）

Web 開発・サポートだったり、ディレクションだったり / 仙台在住

[gatespace（五十嵐和恵） @gatespace_k]

久々の投稿。転職活動なうです

[gatespace（五十嵐和恵） @gatespace_k]

@yakinake_lab コンテンツは書いた人のものですが、コンテンツのエクスポートができないっておかしいよね、という視点です。
いざとなったらエクスポートやバックアップをして他に移行できるサービスのほうが良いです。

[gatespace（五十嵐和恵） @gatespace_k]

自身のブログのWordPress→microCMSへの移行については準備編とフロントのカスタマイズ編の2本立ての予定です。
移行については公式のブログがあるので、私の方はWordPressではこういう管理でこういうプラグイン（機能）を使っていたので、microCMSでも実装しました、という内容の予定です。

[gatespace（五十嵐和恵） @gatespace_k]

WordPress → microCMS 移行記事のブロントエンド開発編ですが、1記事内でコードが多く煩雑になるので、個別にQiitaに投稿して、ブログの方はまとめ記事みたいになると思います。
なので、しばらくはQiita連投になるかもです。

構造化データのところだけでもだいぶボリュームある予定。

[gatespace（五十嵐和恵） @gatespace_k]

記事を投稿しました！ [microCMS] 本文内画像のレスポンシブ、WebP対応 [Next.js] on #Qiita https://t.co/gwAG3bfeR3

[gatespace（五十嵐和恵） @gatespace_k]

[microCMS] フロントエンドで記事の並び順を指定する https://t.co/vgc6NKeut2 #Qiita @gatespace_kより

[gatespace（五十嵐和恵） @gatespace_k]

[microCMS] Next.js で作成したフロント側にGoogleアドセンスを設置する https://t.co/sanR8WggL3 #Qiita @gatespace_kより

[gatespace（五十嵐和恵） @gatespace_k]

記事を投稿しました！ [microCMS] Next.js で作成したフロント側にGoogleタグマネージャーのタグを設置する on #Qiita https://t.co/M5AxRxNjFj

[gatespace（五十嵐和恵） @gatespace_k]

[書きました]
WordPressからmicroCMSへの移行〜データ・設計・インポート編
https://t.co/qxeEKfuzsM

[gatespace（五十嵐和恵） @gatespace_k]

@yakinake_lab 記事の更新＜メンテナンスという時間の掛け方になっていたので、手間・金額というコスト面で移行したというのが大きいです。
（更新頻度低くても2サイトで年間12万円かかっていたので）
記事メインならnoteなどでもいいのですが、個人的にベンダーロックされづらいところを選んでいます。

[gatespace（五十嵐和恵） @gatespace_k]

@Eternal_tears_ お久しぶりですー。色々私生活が大変で諸々足が遠のいていました。
少し余裕が出たら色々なところに顔出せればなぁと思います。

[gatespace（五十嵐和恵） @gatespace_k]

久々の投稿。転職活動なうです

[gatespace（五十嵐和恵） @gatespace_k]

・GTM追加
・xmlサイトマップ追加
・Googleアドセンス追加
・AddtoEnyのシェアボタン追加
・robots.txt追加
・本文内画像のレスポンシブ対応

ブログっぽい見た目への変更
・ページャーがスマホで見切れないよう
・著者カード追加
・記事一覧は公開日時順でソート

移管に伴う変更
・リダイレクト

[gatespace（五十嵐和恵） @gatespace_k]

https://t.co/4ksPC95pdF

一通りmicroCMSへの移管が終わりました。
データ自体はCSVで書き出して整形後インポート。
画像はチェックして手動で調整。

公式で配布されているフロント側をベースにあれこれ追加しています。

機能的に変えたところ
（続く）

[gatespace（五十嵐和恵） @gatespace_k]

個人のブログだけど、最低限のサイトマップXML、メタタグ、OGP、構造化データ、 Googleタグマネージャー（アナリティクス）、Google AdSenseをmicroCMSで実装できたので、時間が空いたらブログ書きます。

[gatespace（五十嵐和恵） @gatespace_k]

構造化データもできました。後でブログに書くかもー。

[gatespace（五十嵐和恵） @gatespace_k]

microCMSへの引越しで、ここまでできたこと
・投稿のエクスポート・インポート、カテゴリやタグの付け直しと画像チェック
・ブログの見た目の調整
・ページャーの処理変更
・GTM、Googleアドセンスのコードを入れる
・投稿本文内の画像をレスポンシブイメージ＋webpに自動で変換（フロント側で処理）

[gatespace（五十嵐和恵） @gatespace_k]

リダイレクトもできたので、構造化データのチェックは週明け以降かなぁ

[gatespace（五十嵐和恵） @gatespace_k]

CMS移行したので、ogpテスト
https://t.co/hWWv1KshiK

[gatespace（五十嵐和恵） @gatespace_k]

ちょうど、自分のブログの移行が終わったのですが、この方法は使ってないです。そのうち記事書くと思います。

[microCMS｜APIベースのヘッドレスCMS @micro_cms]

＼ブログ更新🚀／
WordPressからmicroCMSへの移行を支援するAgent Skillを公開しました！

AIエージェントを活用して、以下の移行作業を進められます💡
✅ 移行元のデータ構造の調査
✅ microCMSのスキーマ設計
✅ コンテンツの変換・登録
https://t.co/oJEg6ooB6F