【SANGOカスタマイズ】WordPressテーマ「SANGO」のチカラを試す

5 min 6 views
イズミケイタ

イズミケイタ

漫画描いてます。日常をコマ割りに。
描き殴れ手直しはその後だ。いろんな種類の漫画をアップしていくぞ。
Beauty is in the eye of the beholder.

FOLLOW

[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]有料テーマ「SANGO」各種連携や装飾、ショートコードの見え方がどうなるのか試してみよう。テスト投稿でね。[/say]

SANGOは見出しが豊富で悩む

これは悩む!たくさん記事の中で使うとあんまりよろしくないから絞っていかなきゃ。とりあえず羅列だ。

基本の下線

点線下線

ワタシは囲い枠好きだよ

片側折れ(固定色)

チェックマークはよく使うかな

シェブロンは少し背景に色がついてる

肉球kawaiiiii

フラット塗りつぶしはおしゃれ

先頭の文字特大は個人的に好き

[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]まだまだあるけど、自分が使いそうなのはコレくらいかな。色や細かいカスタマイズはCSSいじればできるよ。[/say]

SANGOショートコード、リスト編

[list class=”li-check li-mainbdr main-c-before”]

  • Twitter連携
  • Instagram連携
  • Pinterst連携

[/list]

[list class=”ol-circle li-accentbdr acc-bc-before”]

  1. SANGOはデザインが最高
  2. 番号付きのリストもいい感じ
  3. むしろ多すぎて悩む

[/list]

[list class=”li-niku li-mainbdr main-c-before”]

  • かわいい
  • 肉球リスト
  • ヘビロテ必至

[/list]

[list class=”ol-circle li-mainbdr main-bc-before”]

  1. 数字が目立つ
  2. このリストは
  3. よく使いそう

[/list]

[list class=”li-tandb strong”]

  • これオサレ
  • モノクロはいいね
  • 使いこなせるか?

[/list]

[list class=”li-mainbdr li-pastelbc strong”]

  • メインカラーに下地色
  • どうかな
  • あんまり色の面積大きくしたくない

[/list]

SANGOとPORIPUのボックス連発

よく使うのだけね。

[box class=”box26″ title=”特集”]まとめのリンクなんかに使えるかな。色が薄いのは使いやすい。[/box]

[box class=”box27″ title=”注意”]色が強いから注意を引きたいときに使う。[/box]

もちろん基本のボックスもよく使うでしょう。

薄いのもいいね。

ここぞという時にはこのグラデーションかな。

よくみる四角いフキダシっぽいのはこれ

やっぱりいろいろたくさんあるけど基本的なものでいいな。
色も薄いのかモノクロでいいし。悩むの面倒だしな。

メインカラーとアクセントカラーに対応しているのもあれば、色が固定のボックスもあるからSANGOカスタマイズガイドをちゃんと見よう。

自分好みのカラーにするにはCSSでカスタマイズしましょう。

  • ボックスの中にリストを作ることも可能
  • その場合はボックスを作ってから、リストを作る
  • リスト作ってからボックスを囲むのは難しい

SANGOのボタンはキレイ

アフィリエーターだったら使用頻度高いんだろうけどあんまり使わなそう。でもボタンは綺麗。ついつい押したくなる。リンク先クリックで適当な記事に飛ばされます。

[btn href=”https://kitsunepublishing.com/3002/sango-categorypage/” class=”raised accent-bc strong” yoko]アクセントカラー[/btn]

[btn href=”https://kitsunepublishing.com/3032/sango-fav-shrotcode/” class=”raised main-bc strong” yoko]メインカラー[/btn]

[btn href=”https://kitsunepublishing.com/2018/sango-index-plugin/” class=”raised red-bc strong rippler rippler-default” yoko]赤[/btn]

[btn href=”https://kitsunepublishing.com/33/books1/” class=”raised blue-bc strong rippler rippler-default” yoko]光る[/btn]

[btn href=”https://kitsunepublishing.com/2489/1p-copy-wild7/” class=”btntext strong” yoko]これスキ[/btn]

[btn href=”https://kitsunepublishing.com/2715/adsense-kanren/” class=”flat2″ yoko]カッコいい[/btn]

[btn href=”https://kitsunepublishing.com/category/lifestyle/oatmeal/” class=”grad2″ yoko]ヤァマン[/btn]

[btn href=”https://kitsunepublishing.com/2629/adsense-kanren-layout/” class=”grad3″ yoko]ラヴ[/btn]

注意と実線区切り、メモBOX

[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]SANGOはリストや箇条書きだけでなくほかのデザインショートコードも豊富だぞ。[/say]

[alert title=”check!”]リンクや引用、過去投稿のリンクもためせ![/alert]

うーーん。このサイトにはこの色でもキツイな。

[sen]

[memo title=”MEMO”]CSSでカスタマイズして下地の色変えた。この補足ボックスいいな。補足説明用に使おう。[/memo]

[tensen]

[note title=”タイトル”]本の感想はこれにしようかな。ちなみにSANGO公認の子テーマ「PORIPU」の追加ショートコードです。[/note]

区切り線は「点線」だけ使うかな。

画像挿入、文字かぶせ

[texton img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/hf-e1513249258999.jpg” title=”文字かぶせテスト”]
写真でやったほうがいいわ。

[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/27f71c0776e9a4db5d77d3a7d29ebe13.jpg” name=”じじい” from=”right”]目次が増えすぎるから、ここからは段落無しじゃ![/say]

文明は考えずに実行できる重要なオペレーションの数をふやすことによって進歩する   ホワイトヘッド

引用シンプルでいいね。ボックスでただ囲むだけよりいいかな。  比較。

です!

記事連携テスト

内部リンクのブログカード。何種類かデザインがある。

[kanren id=”36,33″]

[card id=”2715″]

SANGO公認の子テーマ「PORIPU」でカスタマイズした関連記事ボックス↑

他にもいろいろパワーアップするぞ。

[box class=”box33″ title=”SANGOまとめ”]

  • とにかくデザインが統一されていて自分でカスタマイズしなくていい
  • そのかわり素敵なデザインが多く、嬉しい悩みが生まれる
  • いろいろ試して自分の好みの、ブログにあったお気に入りのショートコードを見つけよう
  • 子テーマ「PORIPU」でさらにカスタマイズやデザインがパワーアップするぞ
  • ブログカードは残念POINT。コピペだけでは不可[/box]

SANGOとPORIPU関連リンク

この素敵な、使いやすいテーマは…

[sanko href=”https://saruwakakun.design/” title=”SANGO|心地よさを追求したWordPressテーマ” site=”サルワカ”]

[sanko href=”https://oldno07.com/poripu/” title=”PORIPU:SANGO公認の子テーマ” site=”PORIPU”]

カスタマイズ感想

[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/ske.jpg” name=””]シンプルだからカスタマイズで差別化できると思うよ。デザイン以外のこだわりのほうが好きかも。そういったところはまた改めてまとめる。長く使ってみてだね。まぁ、ブログ書くのもカスタマイズもはじめてなんですけどね☆[/say]

イズミケイタ

イズミケイタ

漫画描いてます。日常をコマ割りに。
描き殴れ手直しはその後だ。いろんな種類の漫画をアップしていくぞ。
Beauty is in the eye of the beholder.

FOLLOW

カテゴリー:
タグ:
関連記事