ラベル Blogger移行 の投稿を表示しています。 すべての投稿を表示
ラベル Blogger移行 の投稿を表示しています。 すべての投稿を表示

2022年9月24日土曜日

Bloggerへ移行)Bloggerに画像を貼り付けてURLリストをつくる

event_note9月 24, 2022

移行元のWordPressのブログから画像をダウンロードしたら、

Bloggerで新しいページを1つ作ります。そして、そこにダウンロードした画像を全てはりつけてみて、画像のURLを調べます。

 画像を投稿ページに貼り付けるワケ

画像がBloggerで掲載するとどんなURLになるかを調べるためです。

 Bloggerに掲載した画像のURLは規則性がよくわからない長い英数の文字列で自動作成されます。例えばこんな感じです。

PCにあった22909975.pngというファイルをBloggerにアップロードして貼り付けると、このようなURLになります。

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqY7mMR-AgAjWweA52eQhsoa1iSf-pEW2nhMzAXu5UdjZ-ufB6p8Fz2rNrSfhefsLcxpChHn5zbZHI0wDm9t_w_lNCPOcNVZ0DnsLzwcpeS4npqQIYoeVD3gi2YPCH5IR2SWIHsAqvZQTTRoGeNwgUaFxYGOpxgK8GTb9aw4xJTPPj5xQl-s-8OnVZA/s320/22909975.png

Bloggerに掲載する前に、URLを予測することができないので、投稿ページの編集用ページに貼り付けてURLを確認します。

やること

パソコンから画像をアップロード

WordPressのブログからダウンロードした画像を「PCから画像をアップロード」でアップロードします。

投稿ページに画像を掲載する

予定の画像を全て貼り付ける。サイズを指定して貼り付けます。




画像のURLを抜き出してリストアップする

画像を貼り付けたら、以下の通り、srcから始まるURLの赤い部分を抜き出してリストアップしていきます。 

HTMLビューにして、ソースを見られるようにします。

画像を指定してるsrc=より後の赤字の部分を抜き出していきます。

src="https://blogger.googleusercontent.com/img/b/[長い英数字文字列]/[画像のサイズ]/[ファイル名]"

そして、こんな風に一覧にまとめます。ファイル名は、後でWordPressの画像URLとの紐づけに使うために一緒にかいておきます。


URLについて、もう少し具体的に見ていきましょう。


この画像を表示しているURLは↓こんな風になります。

<img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqY7mMR-AgAjWweA52eQhsoa1iSf-pEW2nhMzAXu5UdjZ-ufB6p8Fz2rNrSfhefsLcxpChHn5zbZHI0wDm9t_w_lNCPOcNVZ0DnsLzwcpeS4npqQIYoeVD3gi2YPCH5IR2SWIHsAqvZQTTRoGeNwgUaFxYGOpxgK8GTb9aw4xJTPPj5xQl-s-8OnVZA/s320/22909975.png
width="320" />

赤の部分を抜き出します、試しにこの部分をブラウザのアドレスバーに貼り付けると画像が表示されます。
緑の部分の数字を変更するとサイズが変更することが、width="320" でサイズが設定されているため必要ありません。

青の部分はファイル名です。この部分も消してしまっても問題ありません。ためしにこの部分を消したり、変更してみても画像はちゃんと表示されます。


2022年9月23日金曜日

Bloggerへ移行)Blogger投稿ページのURLリストをつくる

event_note9月 23, 2022

Blogger投稿ページURLリストをつくる

Blogger(新しいブログ)のURLを一覧にまとめていきます。 

WordPressからBloggerへ移行するとき、WordPressとBloggerの投稿ページを変換するリストをつくるために、まずはBloggerの全投稿ページを洗い出します。

 最終的には、WordPressURL→BloggerURLの関連がわかるように1つの表にしますが、まずはそれぞれ新旧のブログURLリストを個別に作っていきます。

画像のURLはダミーです。
このように新旧ブログのURLをタイトルで紐づけして変換するためにこの右側の方のリストを作っています。
 

 

 

作成イメージ 

投稿ページタイトル

タイトルは移行元のWordPressとかわらないので、これをもとに変換前後のURLを紐づけします。

編集ページのURL
 編集ページ↓のURLです。URL変換して書き換えるには、編集ページから行うので、このURLもまとめておきます。

ブログ投稿のURL
Bloggerの投稿(新しいブログ)ページのURLです。

2022年9月19日月曜日

Bloggerへ移行)WordPress画像データをダウンロードする。エクスポートではなく。

event_note9月 19, 2022
WordPressからBloggerに移行するにあたり、ブログに掲載している画像もBloggerにもってこなければいけません。

普通ならば、WordPressから画像をエクスポートすればよいので、Export Media Libraryなどを使って、画像をエクスポートした後に新ブログにインポートすればよいと思います。

しかし、WordPressの投稿ページを確認したところ、

ノーマルの画像URLのほかに、サイズ指定?されたバージョンも使われていました。当然、移行先のURLも両方のパターンになっています。ファイル名にサイズ指定が含まれている事以外に違いはありません。

①ノーマル




②サイズ指定

WordPressでは、1つの画像(①の方)をMediaに保存しておけば、②のような指定でサイズ違いで表示できるみたい。

このサイズ指定をBloggerでも試したのですが、画像が読み込めませんでした。

別の記載方法で、1つの画像をサイズ変更して表示できそうですが、URLの置換が複雑になるため面倒です。なので、Bloggerでは①、②のURLのそれぞれに画像を用意してやることにしました。

そのために、①、②のファイル名でWordPressから画像をダウンロードしてやるという方法です。

①のURLからダウンロードした画像を ファイル名.jpgで保存
②のURLからダウンロードした画像を ファイル名- サイズ.jpgで保存

これを、すべての投稿ページ分行います。

そして、全部ダウンロードしたら、Bloggerで使えるようにgoogleフォトにアップロードします。

Blogger掲載画像URLは掲載してみないとわからない(Bloggerへ移行)

event_note9月 19, 2022


Bloggerの画像URLは投稿してみないとわからない

WordPressからBloggerに移行するにあたり、画像のURLがどのように変換されるかを事前に把握したいなと思いました。

WordPressの画像は、このような感じでファイル名さえわかればURLがわかります。

Bloggerも同じだろう?じゃあ、ファイル名以外をぱーっと変換してやればいいじゃない!と思っていました。

しかし、Bloggerに掲載した画像を見てみると…



なんだこれは。めちゃくちゃ長い。URLのパターン予想不可能。

分かったこと

ブロガーの画像URLは規則性が不明の自動作成

WordPressからBloggerの画像リンク変換は、どの画像も太字を変換する1パターンだと思っていた。こんな風に。「https://sample.com/AAA/BBB/gazou.jpg」⇒「https://sample.blogspot.com/CCC/DDD/gazou.jpg」

しかし、

https://sample.blogspot.com/EEE/XXXXXX~(略:規則不明で画像ごとに違う)~XXXXXXXXX/gazou.jpg

だったので、画像の数だけ変換パターンがあるということがわかりました。

画像を示す部分

s320の前まで(青線)をアドレスバーにコピペすると画像が表示できる、WordPressから変換するのはこの部分のようです。

サイズ指定で掲載するとファイル名が含まれる

また、ファイル名(画像の赤線の部分)の部分がWordPressと変わっていないので、

現、新ブログの画像の紐づけに仕えそうです。

どの掲載方法でもURLが自動作成される

Bloggerの投稿に画像を掲載する方法には、以下の4つがあります。
URLを除いた3つの方法のどれで掲載しても、長ーいURLになってしまいます。



2022年9月11日日曜日

Bloggerへ移行)移行元(WordPress)ブログの投稿ページリストを作成する

event_note9月 11, 2022

WordPress(移行元・旧ブログ)投稿ページのURLリストを作る

WordPress(移行元・旧ブログ)の投稿ページURLの一覧を作ります。

リストの作り方

投稿ページのタイトルとURLを一つの表にまとめていきます。
私はエクセルにまとめました。(URLはダミーです。実際のURLではありません。)



URLリストをつくる目的

画像のURLはダミーです。
このように新旧ブログのURLをタイトルで紐づけして変換するためにこの左側の方のリストを作っています。
 

 

 

ブログには、各投稿ページに画像や内部リンク(同じブログ内の他のページへのリンク)が含まれています。

新ブログに移行するとページ自体のURLが以下により変わってしまいます。

 ・ドメインが変更
 ・Blggerによるページ名の変更

しかし、ページ内に記載されている画像や内部リンクは旧ブログのURLのままなので、新しいブログのURLに変更してやる必要があります。

そのために、旧投稿ページから新投稿ページでURLをどのように変換してやるか?というマッピングを行う必要があります。

今回作成したのは、マッピングをする際の旧ブログ側の情報をリストアップしたかったからです。

おまけ:PowerAutomateDesktopで自動でリスト化

投稿ページ数がそこそこあったので、私は勉強もかねてPADでリスト作成を自動化してみました。

まとめたら掲載します。

2022年9月10日土曜日

Bloggerへ移行)Export to Bloggerでブログ投稿を出力・ダウンロードする

event_note9月 10, 2022

 

 WordPressの投稿ページをBloggerに移行できる形式に変換して出力してくれるプラグインです。

Export to Bloggerのインストール

プラグインから「新規追加」をクリック

キーワードに「Export to Blogger」と入力し検索。「今すぐインストール」をクリック


Export to Bloggerの使い方

プラグインからExport to Bloggerの設定をクリック

 

出力するデータの種類を選びます

ステータスを選びます

私は、下書き等も含めの投稿データが欲しいので、すべてを選択しました。

XMLをエクスポートを押下してファイルを出力

ファイルがダウンロードされた

xmlファイルがダウンロードされます。

 

以上です。

2022年9月9日金曜日

【Bloggerへ移行】ブログ移行時のパーマリンクについての注意点

event_note9月 09, 2022

パーマリンク設定に関する注意

 WordPressからBloggerへブログデータをインポートするときに注意した方がいいなと思う事が3つありました。

1.ファイル名の部分が引き継がれない。

ファイル名とはこの赤線の部分のことです。



これは想定外でした。Bloggerは独自のルールで自動作成してしまうのです。 移行前の名前にしたい場合は、手動で入力しなおさなければいけません。

2.ファイル名を変更すると公開日が現在の日付に変更される

Bloggerではファイル名を変更してしまうと、公開日が現在の日付に変わってしまいます。

変更前



変更後

ファイル名を変更した時点で、パーマリンクの日付の部分が今日の年月になります。

そして、公開日は過去日8/17が表示されているにもかかわらず、「公開ボタン」を押すと今日の日付で公開されてしまうのです。 

こうなると、ブログアーカイブに月別集計に影響出てしまいます。

これまでの掲載順を踏まえてアーカイブしたい方にとってはちょっと困ったものです。
まぁ、そのような場合は公開日を過去日に再設定すればよいのですが面倒です。

 

ブログアーカイブ

大した事ないかな?と思っていたのですが

上記2点により、ファイル名を移行前のブログに直してしまうと、公開日の年月が現在の日付になってしまうので、元の日付に再設定してやらなければいけないという謎の作業が出てきてしまうのです。

なんだこれ…とおもいました。私はあきらめましたよ。

3.パーマリンクにアンダーバーは使えない

これは地味ですが、本当に困りました。Wordpressでのファイル名をそのまま引き継げないという決定打になりました。

しかも、入力できるのに、静かに消されています。



 

おわりに 

Bloggerから、「本当にうちでやっていく気あるんか?」と試されているようですね。

この注意点がなければ、内部リンクの変換がもっと簡単にできたはずなんです。htmlのファイル名勝手に変更してくれるのは本当にいらんお世話です。


2022年9月6日火曜日

ブログデータをエクスポートして保存する【WordPressからBloggerへ移行】

event_note9月 06, 2022
WordPressからBloggerへの移行のため、まずは、移行したい投稿ページのデータを保存しておきます。

やりたいこと

WordPressに公開しているページをBloggerで公開できる形式のファイルにして保存します。

WordPressには標準の機能でエクスポートというものがありますが、これだとBlogerで公開できる形式になっていません。

 

Bloggerで公開できる形式で保存するには、「Export to Blogger」というWordpressのプラグインを使います。

Export to Bloggerの使い方

事前にプラグインから「Export to Blogger」をインストールしておきます

 1.Export to Bloggerを開く



2.データをエクスポートする


エクスポートしたいカテゴリーにチェックを入れて。「XMLをエクスポート」のボタンを押すだけです。
 
私は公開済みの投稿ページだけだったのですが、下書きやページのみに絞りたいとき等は、「種類」、「ステータス」のリストボックスで絞り込みしてからボタンを押してください。




ブログをWordPressから無料ブログBloggerへの移行方法

event_note9月 06, 2022

ブログを移行した理由

理由はお金がかからないようにしたかったからです。

このブログではないのですが、Xserver+WordPressで作ったブログをBloggerに移行しました。

有料のサーバ使っていると、月々のお金がバカにならないです。

ブームにのって、ブログ、アドセンスで収入を…と思い、だまされて勧められるままにXServerを契約して、WordPress にブログを作りました。

月々のサーバ代とドメイン代くらいしか収入ないので、このままだと赤字になりそうなので無料のブログに移行することにしました。

移行の目標

・現在のブログを削除しても、これまで見られたページが移行先ブログで見られる。

くらいです。 

やった事

素人なので、こんな感じでいいか!と適当にやっているのでプロの人からみると、「そんな面倒な方法を?」「ここが足りない」など多分にあるかと思いますが、ご了承ください。

私にとっては、一通りやりきることができてよい経験になったので、書き留めておこうと思います。

やった事はこんな感じです。

これらの作業は後程コーディングして、半自動化しようとしているため、すべて手作業でする場合は、逆に効率わるいかもしれません。

  1. WordPressのブログデータをエクスポートする
    -Export to Bloggerのインストール
  2. Bloggerへブログデータをインポートする
    -パーマリンクに関する注意
  3. WordPressの投稿ページURLリストを作成する
  4. WordPress投稿ページから画像データをダウンロードする
  5. googleフォトへ画像データをアップロード
  6. Bloggerへ掲載する画像のURLリストをつくる
    -画像URLは貼り付けてみないとわからない
  7. Blogger投稿ページのURLリストをつくる
  8. WordPressとBloggerのURLのマッピングリストを作成
  9. マッピングリストに従って、Blogger投稿ページの内部リンクを置換する
  10. WordPressからBloggerへのリダイレクトを設定する  

上記1~8について気を付けるべき点やわかった事なども含めてもう少しずつ詳しくかいていこうかなと思います。