ワードプレス

既存BLOGのテーマをSANGOに変更する手順の備忘録

ワードプレステーマのSANGOを購入したので、SANGOに変更をしていこうと思います。

今後のことも考えて何をやったか手順の備忘録。順次追加予定

1.SANGOのダウンロード

SANGOの購入(1回のみ)

[sanko href=”https://saruwakakun.design/explore” title=”SANGOの特徴” site=”SANGO”]

右上のダウンロードのボタンより購入

ワードプレスにSANGOをインストール(各サイトごと)

[sanko href=”https://saruwakakun.com/sango/theme-install” title=”テーマをインストールする方法” site=”SANGO”]

 

子テーマをインストール

子テーマの意味やインストールする方法を参考ページでお勉強させてもらいました。

ありがとうございます!

[sanko href=”https://saruwakakun.com/sango/child-theme” title=”WordPressで子テーマを活用して安全にカスタマイズを行う方法” site=”SANGO”]

 

2.カスタマイズいろいろ

[memo title=”MEMO”]管理画面⇒外観⇒カスタマイズ[/memo]

この画面でいろいろな修正ができます。カスタマイザーと呼ばれているようです。

  • サイトの基本情報
  • ウィジェットなどなど・・・。

SANGOが用意してくれてるものが、無料テーマより多くて、やっぱり有料テーマすごい!ってここでも感動です。

サイトカラーの決定

これ楽しすぎました♪

[memo title=”MEMO”]管理画面⇒外観⇒カスタマイズ⇒色[/memo]

項目のどこをどう変えればいいかは参考サイトでお勉強させていただきました。

[sanko href=”https://saruwakakun.com/sango/custom-color” title=”色の設定をしよう” site=”サルワカ”]

サルワカさんはSANGOを作られた方です。

このサイトで沢山勉強させて頂きました。ありがとうございます!

 

どんな色にしたいか迷ったら・・・

[sanko href=”https://saruwakakun.com/design/gallery/palette” title=”配色パターン見本40選” site=”サルワカ”]

どういう風に見えるのかのシュミレーションもしてくれます。素晴らしい!

 

ずーっと眺めてられるくらい好きな本です。エレガント・ナチュラル・スタイリッシュ・四季のイメージなどの配色見本がてんこ盛り。色のコードも書いてあるので参考になります。

 

 

ウィジェットの設定

 

ウィジェットとは?

何だか聞いたことも無い言葉がでてきました・・・

ここで疑問を解決しとかないとすぐ忘れるのでググってお勉強

 

パソコン等で動作する単機能で小規模なプログラムの一種こと。

  • ワードプレスでは、表示される内容の配置ごとにこのウィジェットが用意されています。
  • これまたsangoはたーくさん。
  • サイドバーには何をどんな順番に表示しようかなどをクリック&ドラッグで簡単に設定できます。

 

[memo title=”MEMO”]設定時の画面

管理画面⇒外観⇒カスタマイズ⇒ウィジェット[/memo]

 

サイドバー

ここには

  • 最新記事
  • アクセスの多いもの
  • 検索バーなど

とりあえず、よく使いそうなものを設定。後で順番の変更など簡単にできるので大助かり♪

 

広告の設定

アドセンスの広告コードも記事中・記事コンテンツ後(PC・モバイルそれぞれ設定可)・関連記事型の指定席も用意されています。

 

フッダーの設定

フッダーも右・中央・左に分けて3分割で違う内容を並べて表示できるので超便利です。

 

メニューの設定

ヘッダーやフッダーに固定ページとして表示する内容の選択

 

プラグインの導入&設定

プラグイン?またまた初耳な言葉がでてきました。

 

プラグインとは?

差し込み口・メインのプログラムに挿入する小さなプログラムのこと。

  • ワードプレスでは沢山のプラグインが用意されています。どれを入れたら良いもんやら・・・ここでも迷います。

 

を参考に・・・今まで使用していたプラグインの見直しと追加&設定を行いました。

 

[sanko href=”https://saruwakakun.com/sango/plugin” title=”相性の悪いプラグインとおすすめプラグイン” site=”サルワカ”]

 

新規に導入したプラグイン

サムネイルの大きさを揃えるプラグインなどサルワカさんのサイトを参考にさせていただきました。

[sanko href=”https://saruwakakun.com/sango/move” title=”他テーマからSANGOに移行される方へ(作成中)” site=”サルワカ”]

その他の導入したプラグイン

[card id=”297″]

 

モバイルフッターの設定

スマホなどで記事が長くなった時に簡単に記事の最初に戻ったり、メニューに戻れるボタンの設定をしたいと思いこちらを参考にさせていただきました。

[sanko href=”https://saruwakakun.com/sango/mb_footer” title=”モバイル用フッター固定メニューの設定方法” site=”サルワカ”]

 

グーグルアナリティクスとの紐づけ

  • 外観⇒カスタマイズ⇒詳細設定の画面で行う
  • この詳細設定の画面では共通でheaderに入れる内容なども指定できることを知りました^^;;