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

Bloggerのテンプレートを変更した。

以下のサイトにはBloggerのテンプレートがたくさん。
Blogger Templates

この中から、以下のテンプレートを選んだ。
White Bread Blogger template - BTemplates

白配色のデザインが好きなこともあり、白を基調としたテンプレを選んだ。
とりあえず、以前のものを消すのもあれなので、バックアップを取ってから、新しいテンプレをアップロード。
カッコイイんだけど……、という感じ。
他のテンプレを探すか、ゼロから作るか、もしくは出来合いのものを自分好みにカスタマイズするか。
いずれにせよ、今やることじゃないのかもしれない。
とにかく、ひとまずこのままで行く予定。

Wordpress.comからBloggerへブログの移転について

今年の春先からWordpress.comでブログを立て、写真と一緒に投稿していた。
しかしこの頃すごくそのブログ、というかWordpressの調子が悪い。
パスワードが間違っていると言われて、新しいものに作り変えるのだけれど、また次にログインするときには同じことの繰り返し。
ということで、Bloggerのほうが慣れているし、ということで移行。
その作業で面倒だったところもあったので備忘録として。


Wordpress.comからBloggerへのブログ移転方法
(1)Wordpress.comから記事なんかのエクスポート
(2)エクスポートしたものをBlogger用にコンバート
(3)コンバートしたファイルをBloggerでインポート
この3ステップ。
参考にしたのはこちらのサイト。
hatena-jaga | The blog about a smartphone.: WordPressからBloggerへ記事の移行について

(1)Wordpress.comから記事なんかのエクスポート
これは簡単。
ログインして、管理画面からツールへ行き、そこにあるエクスポートを利用。
あとはダウンロードするだけ。

(2)エクスポートしたものをBlogger用にコンバート
こちらのサイトからコンバートできる。
Wordpress2Blogger conversion utility
有志が提供しているサービス、らしい。
これも簡単。

(3)コンバートしたファイルをBloggerでインポート
これも簡単。
Bloggerの設定、その他からインポートするだけ。
その際に、自動的に公開状態にするかどうかのチェックボタンがある。
チェックを入れても入れなくてもいいと思う。

以上、3ステップで移行完了。
ただし、ここまでに問題があって、Wordpress.comからのエクスポートだと、画像の一括エクスポートができない。
かと言って、普通に自分のブログの画像一覧を一括ダウンロードすることもできない。というか、自分はできなかった。
そのため、単純に上の3ステップだけでは、画像のリンク先がWordpress.comのままで色々とまずい。

そこでやりたいこと。
(1)画像リンク元の画像の移動
(2)記事の画像リンク先を簡単に変更

(1)画像リンク元の画像の移動
まずは画像の一括ダウンロードから。
そういうサービスは、Wordpress.comからは提供されていないので、自力でやる他ない。
一枚一枚を手作業で右クリック、画像の保存、とやっていってもいいが、やりたくはない。
なので他のツールを利用。
自分はFirefoxを使っているので、画像一括アドオンを利用。
それがこちら。
DownThemAll! :: Add-ons for Firefox
こちらのツールを使うと、表示ページ中のリンクから画像をフィルタリングしてダウンロード出来る。
しかも保存先もちゃんと設定できる。

自分の場合、Wordpress.comでの画像へのリンクが「http://ブログアドレス.files.wordpress.com/2013/10/ファイル名.jpg」だった。
つまり、ここから前半部分である「http://ブログアドレス.files.wordpress.com/」を新たに設定して、後半部分の「2013/10/ファイル名.jpg」をそのまま維持したいわけだ。
ファイルロケーションの場所をそのまま保存先にそのまま構築するために少しだけ設定をいじった。
赤丸のところを設定した。
これでちゃんと各写真ファイルが、「2013/10/ファイル名.jpg」形式でフォルダ分けされて保存される。

あとはファイルのアップロード先。
これにはDropBoxのPublicフォルダを利用。
幸運にもファイル容量は全体で200MBもなかったので、大して圧迫しない。
Publicフォルダにアップロードしたら、Publicリンクを取得する。

(2) 記事の画像リンク先を簡単に変更
あとはBlogger用にコンバートされたxmlファイルを開いて、置換機能を使っていくだけ。
 「http://ブログアドレス.files.wordpress.com/」を「DropBoxのパブリックアドレス」にすべて変更。
メモ帳ですぐにできる。

そうしたら後はBloggerの設定、その他からxmlファイルをインポート。
これでブログの記事の移行と、画像および画像リンクの移行も完了。

[追記:2013年11月13日]
画像一つ一つのファイル名が異なっていることを考えると、わざわざWordpress.com上でのファイルのディレクトリを維持する必要もなかったのではないか。
単にファイルをダウンロードして、DropBoxにアップロード。
その後、画像リンク中のファイル名直前までをすべてパブリックリンクに置換するのみ。

Bloggerにlinkwithinを設定

このブログにlinkwithinを設定した。
途中、思い通りにならずにいらいらしたので備忘録として投稿。


linkwithinとは、ブログにサムネイル画像つきの関連リンクを設置してくれるウィジェットらしい。
とりあえず参考サイトはこちら。
PCあれこれ探索

<手順>
①linkwithinのサイトへ行く。こちら

②右の方に色々と入力する。
【Email】は自分のアドレスでいいと思う。迷惑メールなどは現在来ていない。
【Blog Link】は自分のブログのリンク。
【Platform】は自分が使っているブログのタイプを選択する。自分の場合はBlogger。分名ならOtherでいいと思う。
【Width】は関連リンクをいくつ表示させるか。このブログでは4を選択。後から変えたくなったら、Width以外の項目そのままで、Widthを変えて再びGet Widget!すれば良いようだ。

そしてGet Widget!をクリック。

③ブロガーにウィジェットとしてlinkwithinを登録。
解説ページが出てくる。
画面左上にあるInstall Widgetをクリックする。
すればブロガー上で設定する画面が出てくるので、 解説ページをもとに設定。


以上で、出来るようである。

そして詰まったところ。
それは個別記事のページか、ブログホームかによって、サムネイル関連リンクの表示有無が変わるからだ。たぶん。
初期設定では、個別記事ページでしか、機能しない。
これでよし。
へたにホームで全記事で機能させようとするとページが重くなる可能性があるからだ。
 
とは言っても、メインで利用しているFirefoxでは表示されない。
Operaではちゃんと表示してくれた。
たぶんFirefoxのアドオンが消し去っているのだろう。
[05/26追記]
ブラウザによって表示が違う?
operaでは個別記事だけだったが、Firefoxではトップページでも表示された。
なおFirefoxはAdBlock Plusというアドオンが表示を止めてた。
今度時間を見つけて検証+修正をしたい。
ページが少しでも軽く、クールになるように。

とりあえずサムネイル画像付きの関連リンクがあると幾分かおしゃれなのではないだろうか。
そう思う。