トップページ > アメブロからWordPress移行本補足・改訂 > アメブロからWordPress移行本 ページ作成 > アメブロのフリースペースをWordPress移行方法:サイドメニュー

アメブロのフリースペースをWordPress移行方法:サイドメニュー

2013/06/15 8:19:54

テーマ: アメブロからWordPress移行本 ページ作成

アメブロのサイドバー上部には、自由に表現できるフリースペースというエリアがあります。
ヘッダの次にユーザーに目に留まりやすい場所な、フォーカルポイントになっています。
ユーザーに必ず見て欲しいページのバナーや連絡事項の表示など、重要な情報を掲載していることでしょう。

ワードプレスの「テキストウィジェット」を利用して、同じように表示させましょう。

POINT

アメブロの記事以外のデータはAmebloGETでデータは取得できません。
ワードプレスに反映させるめの手順にしたがって、ワードプレスに反映させましょう

1.コンテンツを確認。
2.コンテンツのコードをコピーする。
3.画像ならびに背景を取得し、ワードプレスにアップする
4.コードをワードプレス用に変換する
5.コードをワードプレスに適用する

 

1.アメブロのフリースペースを確認

 08-10-01

ブログ管理→サイドバー→フリースペース編集で表示させる。
※アメブロでグローバルメニューを表示させている場合、フリースペースにはグローバルメニュー情報も設定されている。

グローバルメニュー部分を除くコードをコピーする。

2.テキストエディタにコピー

テキストエディタにコピーデータを貼り付ける。

08-10-02

3.画像を検索し、取得

POINT:
アメブロで利用可能な画像形式は JPG,PNG,GIFの3形式です。

①『.jpg』で検索する。

検索に引っかかったら、コード『http://』~『.jpg』までが画像を現すコードです。

例)
下記が画像アドレスになります
http://stat.ameba.jp/user_images/20120531/21/hadoup/a5/b7/j/t01450123_0145012312003615932.jpg

②画像アドレスをコピーし、別ブラウザに表示させ、必要な画像はPC側に(マウスを右クリックして、「名まえをつけて保存」)保存する。

あとでワードプレスにアップするで、保存先はしっかりとメモしておく

 
③同じように『.jpg』『.png』も実行する。

4.画像をアップロード

FTTPですべての画像をアップロードする。

08-10-04

5.コードをワードプレス用に変更

①コードの画像ファイル名を変更

ファイル名を 
画像の http://ドメイン名/images/画像名 に変更する

例)
http://stat.ameba.jp/user_images/20120531/21/hadoup/a5/b7/j/t01450123_0145012312003615932.jpg”

http://www.tesou-kaiun.com/images/t01450123_0145012312003615932.jpg”

6.表示させたい位置にテキストウィジェットを配置し、貼り付ける

①外観→ウィジット の表示させたい位置に「テキストウィジット」を配置する。

②テキストウィジットに編集したコードを貼りつける。

③[保存する]。

7.表示を確認する。

 

この記事を気に入っていただけましたら下記ソーシャルボタンのクリックや、RSSやFacebookでの購読、Twitterのフォロー等よろしくお願いします!

アメブロからWordPressに移行・引越し

Wordpress移行本