SANGOとブログのカスタマイズメモ(11/07更新)

SANGO育成計画

こんにちは、かのです。
SANGOをブログを作る上で、わたしもメモを残してみようと思います。

随時、更新していきます。

他にも、わかりやすくカスタマイズ情報をまとめたブログがありますので…
参考にするブログの1つになれば幸いです。

SANGOについて

サルワカのCatNoseさんが作られたテーマです。
マテリアルデザインが使われ、たいへん美しいのが特徴です。
くわしくは以下のブログをご覧ください。

SANGO アイキャッチ
WordPressテーマ『SANGO』に変更した感想はオシャレな洋服屋さん

知っておきたい、SANGOのデザインのこと

SANGOはマテリアルデザインが使われています。
ちょっと勉強してみませんか?この機会に♪

SANGOの作者さんのサイト、サルワカにわかりやすい記事がありました。
デザインど素人のわたしも楽しく読める内容でした!

参考

マテリアルデザインとは?作り方とガイドラインまとめサルワカ

AFFINGER4からSANGOへの移行

丸一日作業して、残りは記事修正だけ

テーマ変更工事 アイキャッチ
9月27日(水)ワードプレステーマを変更工事します!【AFFINGER4→SANGO】

くわしい移行の記録は上記をご覧ください。
ただし、移行した時点で気が付かずあとから、修正した部分も多いのでご参考程度に!

時間としては丸一日かかりました。
あと、細かい修正や見落としていた部分を順次修正していきました。

SANGOカスタマイズガイドを片手に

公式のSANGOカスタマイズガイドが凄く分かりやすいです。
是非見ながらやることをオススメします。

参考

他テーマからSANGOに移行される方へSANGOカスタマイズガイド

見えない場所の修正を見逃さずに

リストの装飾のHTMLを見逃していました。
その他にも表面上は見えない部分の修正も忘れずに!

HTML
<div class="maruck">
<ul>
 <li>AFFINGER4の機能を使って、箇条書きを装飾してたんです。</li>
 <li>divタグ内はもういらない!</li>
 <li>消し忘れに注意!</li>
</ul>
</div>

赤字の部分がいらないソースコードです。
AFFINGER4の箇条書きの装飾を使っていた人は要注意です!

普通に見ると、ちゃんと箇条書きに見えるので見落としてました…。

見た目でサムネイル画像がキレイでも再生成しよう!

2017/10/11 追記

カスタマイズガイドにも記載があることなんですが…

WordPressではテーマを移行した場合にも、新しいテーマ用のサムネイル画像が自動生成されることはありません。つまり、SANGO用の旧テーマのサイズの画像がそのまま使われています。
Regenerate Thumbnailsというプラグインを使うと、1クリックでSANGOに合ったサムネイル画像を再生成してくれます。操作は簡単ですが、詳しい使い方は下の記事をご覧くださいませ。

これを自己判断で、スルーしていました。見た目がキレイだったから!
でもサイトの表示速度等にも影響があるらしく、必ず行っておくことにしましょう。

ちなみに作業自体は自動で作業してくれますが、5時間近くかかりました…。
パソコンをつけっぱなしにできる環境で作業を始めることをオススメします。

目次のデザインがズレている

TOC+はAFFINGER4でも使っていたの設定を引き継いだままソコソコキレイだったので放置していました。
ただ、微妙にズレてるのが気になる。その原因は、設定を怠っていたから!
以下の参考ページから設定方法を参照できます。必ずやっておきましょう!

参考

目次プラグイン「TOC+」の設定方法SANGOガイドマニュアル

サイト全体の見直し

カテゴリとタグ分け

現在のカテゴリ分けは『SEOを考えたカテゴリー設定をしよう(SANGOカスタマイズガイド)』を参考にしています。

SANGOは基本的に、1記事1カテゴリーに対応するように作られています。
だから、これに従ってカテゴリーを整理し直しました。

  • 1記事1カテゴリー
  • カテゴリーは大きな枠で組んで、道案内になるように設定して、1記事1カテゴリーに所属させる
  • 1つの記事が複数のジャンルにまたがる場合、タグを活用して整理する。

1つの記事が複数ジャンルにまたがる場合はタグを使うというのは…

たとえば、写真家ソール・ライターに憧れて…―見るものすべてが写真になるという記事は、ソールライターと言う人の『写真集』も紹介していれば、ドキュメンタリー『映画』も紹介しています。そして、アートであり、写真のことを語った記事でもあります。
従って、カテゴリーは『旅と写真>写真論』にいれました。そして、タグを『アート』『映画』『読書』というその他の切り口はタグで整理をしています。

SANGOを高速化!

サルワカと言うサイトは、SANGOの制作者さんのサイトです。
ワードプレスユーザー全体に向けた記事ですが、SANGOの場合の対応も書いてあるのでよりわかりやすいです。

上記のページを参考にして行えばOKです。
実際にやってみて感じた部分を補足と特に注意するべき点を書いておきます。

All in SEO Pack等のOPG設定プラグインは不要

JavaScript to Footerは相性が悪い

「JavaScript to Footer」とSANGOは相性が悪いので停止させておきましょう。
※使うと、トップへ戻るボタンが表示されなくなります。

 

エディタをより使いやすく!

タイトルの文字数が知りたい!

25字〜30字程度のタイトルの長さであれば、パソコンでも、スマホでも検索結果に途中で切れることなく表示されるでしょう。長くとも35字をこえるタイトルはやめましょう。ユーザーが瞬時にタイトルを読み切ることができなくなり、クリック率が下がります。
引用:https://saruwakakun.com/it/seo/blog-article

クリック率を考えると25~30字がいいみたいです。
でもタイトルの文字数数えるの面倒だなぁって思っていたんです。

そんなところに、子テーマのfunctions.phpを変更するだけでエディタのタイトル右上に文字数を表示する機能を追加する方法を記事にしてくれた方がいました。

参考

ワードプレスで記事タイトルの文字数を表示するゆころぐ

ショートコードを一括登録して楽ちん管理!

公式のカスタマイズガイドに、『AddQuicktagで簡単にショートコードを挿入しよう』の項目があることは知っていたんです。
でも、『AddQuicktag』がうまく使いこなせないわたしは、めんどくさがりつつスルーしていました。

そして、SANGOにしてから2週間が経ちやっと気が付きました。

よく使いそうなものはすぐに導入できるようにSANGO用のAddQuicktagを用意しました。下のボタンからファイルをダウンロードし、AddQuicktagの設定画面の最下部からインポートができます。このときzipファイルを解凍して、.json形式でインポートするようにしましょう。

一括登録ができるだと・・・・!!?!
それなら楽ちんじゃないか!!!

ぜひ、みなさんもお忘れなく、この一手間で楽できるので…。

参考

AddQuicktagで簡単にショートコードを挿入しよう SANGOカスタマイズガイド

注意
既存のタグを登録してる場合、上書きされてしまいます。ご注意ください。

【便利!】外部リンク作成を楽ちんに!

外部リンクを作成するためには…

  • URL
  • 記事名
  • サイト名

この3つをコピーしてくる必要があります。地味にめんどくさい!
それを解決してくれるブックマートレットをニシカワ アキヒロさんという方が記事にしてくださいました!

とっても便利なのでブラウザのブクマに追加しとくといいですよ!
詳しくは以下のサイトに!

参考

【SANGO】他サイトへのリンクのブックマークレット | ブログ・デ・イコラブログ・デ・イコラ

 

 

参考になる資料たち

カスタマイズやSANGOの情報収集にみているサイトを掲載しておきます。

SANGO公式

SANGO公式のカスタマイズガイド

最重要です。これを見ればだいたいなんでもわかります。

参考

SANGOカスタマイズガイド

更新情報

カスタマイズガイド内にあるページです。

参考

SANGOのテーマ更新情報 |SANGOカスタマイズガイド

公式Twitter

更新情報や、SANGOのカスタマイズに役立つ情報のリツイートがあります。
更新よりさきにバグの対処法をツイートしてくれたりもするので必ずフォローしてチェックしたいアカウント!

参考

SANGOの情報まとめ(@sangowp)さんTwitter

カスタマイズまとめ

さっちんさんのブログ

すごいの一言です。SANGOのカスタマイズに関するブログ記事がまとまっています。
ココを見れば、公開からの流れがわかると言ってもいいくらい^^
Twitter上でのやり取りでわかった最新情報を丁寧に拾ってくださってます。
公式より先にまとめてくださったりすることもあるんですよ。

こちらも随時更新形式なのでちょくちょく見に行ってます。

参考

テーマをSTORKからSANGOに変えたのでカスタマイズやプラグインをまとめてみるよLove!?2nd

さいごに、だいじな言葉をメモしておきます

ちゃんとキレイにしよう!自分のブログ!!

2 Comments

aya

はじめまして。Wordpressをはじめたばかりの初心者です。
サイト設営のため色々調べていてこのサイトにたどり着きました。色々参考になりました。ありがとうございます(^-^)
私もすっかりサルカワさんのファンになってしまい、テーマのSANGOも購入してしまいました。(アフィンガーにするつもりだったのですが…。)
これからも楽しみにしています(*^^*)

返信する
かの かの

はじめまして!コメントありがとうございました。
サルワカさん、わかりやすいしキレイだしすてきですよね!
ブログ拝見しました。JINDOも癖が強いですよね。
初心者なりの記事を更新していきますので、これからもどうぞよろしくお願いいたします。

返信する

コメントを残す