ワードプレスに引っ越しました!はてなブログからの移行手順 その3

先日、突如始まったこの「ワードプレスに引っ越しました!はてなブログからの移行手順 」の実況中継企画…。

お引っ越しと同時進行でこの記事を書いているのですが、楽しいー!( *´艸`)(笑)

ワードプレス愛が強すぎて、いっぱいブログを作りたくなってしまいます(*´▽`*)

いよいよ!SANGOのカスタマイズです!

お待たせしました!SANGOのカスタマイズが始まります!

ダッシュボード左側の「テーマ」→「カスタマイズ」を選択して、SANGOのカスタマイズ画面を開いてください。

カスタマイズ

あれこれ書いてみようと思いましたが、デザインのことなので…。

個人の好みで決めて、設定していく部分が大半です。

サルワカさんのSANGOカスタマイズガイドを見ていただいた方が絶対にわかりやすいので、ここは私がおすすめするポイントのみを上から順番に書いていきます。

 

カスタマイズ

1.サイトの基本設定

基本情報とロゴの設定

ロゴ(写真部分)は canvas で作っています。

メニューバー

自分で撮った写真を使っています。ただねー、ちょっと遠いんやなー(TOT)

SANGOカスタマイズガイドヘッダーのロゴ画像を横いっぱいに表示するカスタマイズを参考にして、子テーマのCSSにコピペして、大きなロゴを表示するのがおすすめです!

2.詳細設定

headタグ内にコードを挿入

アドセンスの自動広告を表示したい方にはとっても重要な場所だと思うので、忘れないように書いておきます( *´艸`)

3.メニュー

メニュー

カテゴリ別リンク

ヘッダー部分にカテゴリ別のリンクを入れるならば、ここで設定します。

メニューバー

カテゴリを挿入することができます。

4.ウィジェット

サイドバー、フッターウィジェットなど

サイドバーやフッターなどのウィジェットはここで設定することができます。

 

サイドバーにプロフィールを設置する

サイドバーのプロフィールもここで設定します。

プロフィール

これだけで、ステキなブログを書いてる人っぽくて、めちゃめちゃお気に入りです( *´艸`)(笑)

詳しくはSANGOカスタマイズガイドサイドバーや記事下にプロフィール(この記事を書いた人)を設置するでご確認ください。

5.追加CSS

ぜひ、こだわりまくって、ステキにしてもらいたいのが見出しのCSSなんです。

見出しの種類が多いのがSANGOの特徴で、たくさん使って遊べるようになりたい!私も!!(笑)

サルワカさんの「CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選」を見て、ぜひぜひいろいろアレンジしてみてくださいねー♪( *´艸`)

私は、ステッチの見出しを見ると落ち着きます( *´艸`)(笑)

 

このあたりは個人の好みなので、デザインについて無知の私に言えることはなく…。

でも、ワードプレスデビューしたからには、『わからんけれどもいちばん楽しい部分』だと思うので、あれこれ設定してみてください♪

もしわからないことや気になることがあれば、Twitterでもコメント欄でも、話しかけてもらえると喜びます♪( *´艸`)

いよいよ、ラストになりました!リライトです!

記事数の多い人は、ここが正念場だと思います。

私自身、1回目のお引っ越しの時は166記事すべてを見直しました。

最初は気が遠くなりましたが、少しずつリライトすることで、すべての内容を把握することができ、最終的にはエディタを使う練習にもなりました。

せっかくの機会なので、ぜひぜひチャレンジしていただけると、嬉しいです!!( *´艸`)

1.エディタ画面を開いて、見出しの設定を変更します。

ダッシュボード左側の「投稿」→「投稿一覧」を選択し、リライトしたい記事の「編集」を選択します。

投稿画面

経験上ですが、いちばん初めの記事から書き直していった方が、リンクや商品紹介が簡単なので、つまずく回数も少なく進んでいくことができると思います。

  • はてなブログの「見出し3」はワードプレスの「見出し2」に。
  • はてなブログの「見出し4」はワードプレスの「見出し3」に変更していきます。

はてなブログでは、見栄えを重視しすぎて「見出し4」で設定していたので、ひとつずつ見直しながらすべてを変更しています。

2.画像を中央揃えにします

個人の価値観だと思うのですが、私自身、なんとなくモヤっとしていた部分でもあるので、すべて中央揃えにしています。

写真のエクスポートとインポートは行わず、はてなブログに預けています。

もし消えたらタイヘンなので、時間を見つけてひとつずつ移動させると思います。

何か良いプラグインがあれば、教えてください…(笑)

3.メタデスクリプションを入力します。

エディタの下の方にある、メタデスクリプションを入力します。

メタデスクリプション

はてなブログの頃はサボってしまっていたのですが、これを機に、書いていくようにします。

4.タグを入力します。

エディタの右側にある、「タグ」を入力します。

コンマで区切らないといけないと思っていたのですが、「単語」+「エンターキー」でどんどん追加していくことができるので、楽しいです!

タグ

これをやっているかやっていないかがあとで大きく左右してくるのではないかなーと、なんとなく思います。

リライトついでに、すべて設定してしまいましょう!!

5.アイキャッチ画像を設定します。

本文に表示されているお気に入りの画像を右クリックして「名前をつけて画像を保存」します。

(もともとアイキャッチ画像として設定していた画像があれば、はてなブログで右クロックして「名前をつけて画像を保存」してください。)

そして、同じくエディタの右下にある、「アイキャッチ画像を設定」をクリック。

パソコンに保存した画像をアップロードし、アイキャッチ画像に設定します。

アイキャッチ画像設定

 

 6.商品リンク、Twitter、iTunesなど埋め込み画像の差し替え

個人的にはここがいちばんキツかったのですが、これを完結することで、ブログに対する愛着がいっそう深くなりました!

記事数が多ければ多いほどタイヘンですが、あきらめずにがんばってください!( *´艸`)

 

以上です!お疲れさまでした!!

私自身、まだ使い慣れていない部分が多く、ここに新たに追加したプラグインやその他の情報があれば追記していきたいと思います。

全3回、お読みいただいた皆さま、本当にありがとうございました!!

 

「ややこしいわっ!!」と言われる方には、無料で移設をしてくれる、JETBOYがおすすめです!!( *´艸`)

 

「もう一度最初から読んでみる!」と思ってくださった方は、こちらからどうぞ♪

ワードプレスに引っ越しました!はてなブログからの移行手順 その1

 

これからもときどきチェックしつつ、この記事を見直して追記しながら、ブログを大事に育てていきたいと思います!

改めて、これからもよろしくお願いいたします♡( *´艸`)



 

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA