ワードプレス「SANGO」へ「JIN」からテーマ変更・導入時のコツ

jinからsangoテーマ変更時のコツ
URLをコピーする
URLをコピーしました!

こんなコトで悩んだりしてませんか?

  • WordPressテーマを「SANGO」か「JIN」にするか迷ってる
  • 「SANGO」にテーマ変更した際の注意点や変換のコツを知りたい
  • ワードプレス初心者の「SANGO」導入時の注意点を知りたい
  • ワードプレステーマ「SANGO」使用者の正直な感想が知りたい

当ブログは「JIN」から「SANGO」へテーマ変更しました。変更時の記事数は約30記事。これだけの記事数でもテーマ変更の際は手修正が必要だったり、いろいろ手間が掛かかりました。

しかし、途中で気づく事も多く、最初から知っていればもう少し効率的にテーマ変更できた点がありましたので、それらをまとめました。

本記事は、SANGOへテーマ変更する方はもちろん、新規にSANGOを導入する方にも役立つ情報があるはず。是非チェックしてみてください。

 

 

目次|読みたい場所をタップ!

ワードプレス「SANGO」テーマ変更・新規設定する時のコツ【初期編】

コツ1:SANGO「使い方ガイド」ページをブックマーク

SANGO-使い方ガイド

SANGO-カスタマイズガイド

SANGOカスタマイズガイド
SANGOカスタマイズガイド WordPressテーマ「SANGO」の使い方やカスタマイズ方法を解説します。

SANGOには「SANGOカスタマイズガイド」というページがあるので、まずこちらをブックマークします。とても丁寧で見やすく、情報量も多く充実しています。

設定時につまずく事はこちらのページに全て解決方法があるのでは?といったレベルです。

なので、分からないことがあれば、Googleで検索する前に、こちらのページ内を検索することをオススメします。

なお、情報量が多いので、必要なページが見つかったら随時ブップマークしておくと良いです。

 

 

コツ2:こちらのサイトもブックマーク

今後お世話になるサイトなのでブックマークしておきます。


↑SANGOの制作者。サルカワさんのサイト。SANGOにも使える情報も満載。

 


↑SANGOの機能を拡張してくれる公認の子テーマ「PORIPU」のサイト。PORIPUを導入したら必須です。

 


↑PORIPUの制作者。マサオカさんのサイト。SANGOやWordPressのカスタマイズ記事があります。

 


SANGOのカスタマイズ記事が多くあります。デザインも凝っていてとても参考になります。

 

 

WordPress「SANGO」テーマ変更・新規設定する時のコツ【記事編】

コツ1:スタイル(ショートコード)の登録

プラグイン「AddQuickTag」を使うとコードが記録できます。SANGOには必須のプラグインですが、これに記録するのがわりと面倒ではないですか?

ですが、SANGOではインポートファイルが用意されています。このファイルを使えば手作業で追加する必要はありません。

よく使いそうなものに絞った「おすすめ版」と「フルバージョン版」があります。まずは「おすすめ版」をインポートして必要に応じて追加するのがオススメです。

SANGOカスタマイズガイド
AddQuicktagで簡単にショートコードを挿入しよう SANGOでは多数のショートコードが用意されています。とはいえ、いちいち手入力で挿入するのには手間がかかります。また、ショートコード名を覚えるのも大変です。 目次AddQ...

 

さらに、下記プラグインを使うとショートコードをビジュアルで見ながら追加が可能になります。

あわせて読みたい
See related links to what you are looking for.

 

コツ2:内部リンク(記事ID一覧表の作成)

SANGOでは自身のサイトへリンクするとき記事IDが必要です。なので記事IDを確認してコードへの追加が必要です。

記事IDは管理画面で確認出来ますがちょっと面倒です。記事数が多い場合は特に「一覧で見たい!」なると思います。あります。SANGOでは記事一覧を簡単に作ることが可能です。

わたしは途中までもこれを知らず、いちいち調べてました…。

SANGOカスタマイズガイド
サイト内の全記事の投稿ID/カテゴリーIDを一覧で表示する方法 関連記事のショートコードを使うときには、[kanren id="投稿ID"]のような形でリンクを表示したい記事の投稿IDを入力しなければいけません。この投稿IDを調べるのがわりと面...

 

コツ3:見出しの設定

SANGOでは標準で約40種類の見出しが使えますが、サルカワさんのサイトでは68種類の見出しCSSコードが公開されています。

なので、こちらで気に入ったものを自身のブログの「追加CSS」へコピペするのがおすすめです。こうすると記事を書くとき、見出し(H2、H3…)のみ選択すれば書式が設定されます。

SANGO
記事を華やかに!約40種類の見出しデザイン 目次見出し2の表示例見出し3の表示例SANGOのオリジナル見出しを使おう使い方オリジナル見出しの種類 見出し2の表示例 ↑こちらは見出し2を選んだときの表示です。初期設定で...
サルワカ | サルでも分かる図解説明マガジン
CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選 h1〜h6タグの美しくおしゃれなデザインサンプルをたくさん紹介します。どれもコピペで使うことができます。

 

CSSへコピペする際の注意点

コードの一部に変更が必要です。詳細は使い方ガイドにありますので、確認しておいてください。内容は、h2の前に「.entry-content」 を追加し「.entry-content h2」とする必要があります。これをしないとトップページの見出しも変更されてしまいます。

SANGOカスタマイズガイド
SANGOでデフォルトの見出しを変える方法 SANGOではデフォルトの見出しは以下のようになっています。 目次見出し2(h2)見出し3(h3)デフォルトの見出しのデザインを変えてみよう見出しデザインを探そうセレクタを...

 

コツ4:吹き出し

吹き出しの記述は他テーマと互換性がないため、書き換えが必要です。手作業で書き換えるのは大変ですがプラグイン「Search Regex」を使うと簡単です。

「Search Regex」は全記事の「特定の文字列」を「指定した文字列」に置き換えることができます。こちらの使い方もカスタマイズガイドに記載されています。

https://saruwakakun.com/sango/move


↑プラグイン「Search Regex」のサイト

 

コツ5:ボックス

ボックスの記述も互換性がないため修正が必要です。SANGOには標準で30種類のボックスが用意され、しかもデザイン性の高いものばかりです。

なので記事を直しながら、どのボックスが自身のブログに合う決めるのが良いです。同時に箇条書きのデザインも決めると良いです。

デザインが決まればプラグイン「Search Regex」で置換え、またはショートコードへ記録してコツコツ直すかですかね。ここが一番面倒かもしれません。

SANGOカスタマイズガイド
ボックス・枠を挿入する方法と種類一覧 SANGOには30種類以上のボックスがあらかじめ用意されています。どれもショートコードを使って挿入ができるため、HTMLとCSSの知識は必要ありません。ここでは記事内にボック...

 

コツ6:表の設定

表はプラグイン「TinyMCE Advanced」を追加すると追加、修正が行えるようになります。こちらも使い方ガイドに記載されています。

SANGOカスタマイズガイド
SANGOで表を挿入する方法:レスポンシブ対応させるには? スマホ、タブレット、パソコンと様々なサイズの端末でWebページが見られるようになった今、表を使うときには注意が必要です。パソコンでは、うまく表示されていても「スマ...

 

注意
プラグイン「TinyMCE Advanced」を有効化した場合、スタイルのメニューが消えることがあります。解決手順はカスタマイズガイドにあるので大丈夫です。わたしの場合も消えましたが、手順通り行い解決しました。
https://saruwakakun.com/sango/editor-style

 

まとめ:ワードプレス「SANGO」へテーマ変更・導入時のコツ

テーマ変更後は気がついた箇所を場当たり的に修正したくなりますが、これは効率が悪いです。

正しい順序で、ひとつづつ対応することが重要。結局のところ使い方ガイドに沿って対応していくのが一番確実で、効率良いかと。そして分からないことがあれば、カスタマイズガイドを検索。

すると、ほぼ解決方法があります。なので他サイトはあまり見い方が良いですね。情報が増えすぎて逆に混乱します。繰り返しますが「使い方ガイドに沿って更新」がベストな対応方法でした。

 

JINからSANGOへ変更した理由

最後にJINからSANGOへテーマ変更した理由について。最大の理由はデザインです。SANGOは細部のデザインがとても丁寧で、それらが積み重なって見やすく、使いやすいサイトが作れる仕様になっていると感じました。

あと、いろんなサイトを見て「見やすくて、良いデザインだな」と感じたサイトの多くはSANGOを使ったブログだったことも大きかったです。

記事数が少なくてもテーマ変更は大変でしたが、SANGOに変更してとても満足です。SANGOからテーマ変更することは無いでしょう。きっと…。JINのときは正直、微妙な思いがあったので…。

  • SANGO→Mac
  • JIN  →Windows

わたしの中ではこんなイメージです。

 

たくろぐ
以上!【「SANGO」へテーマ変更・導入時のコツ】でした。SANGO、思っていた通り、分かりやすくデザインも気に入りました!SANGO良いですよ!

 

jinからsangoテーマ変更時のコツ

この記事が気に入ったら
フォローしてね!

URLをコピーする
URLをコピーしました!

電子書籍でマンガを無料・安く読む方法を調査しているので、ご活用ください。

目次|読みたい場所をタップ!
閉じる