SANGO公認の子テーマPORIPUがリリースされました

PORIPUはかゆいところに手が届くSANGO公認の子テーマです

先日PORIPUというSANGO公認の子テーマがリリースされました。
子テーマをリリースしたのはSANGOのカスタマイズでいつもお世話になっているまっさー(@iMassa07)さん。

PORIPUは今までのまっさーさんのカスタマイズが簡単に導入できるようになっていますので、これからSANGOを使ってみたいと思っている方にもオススメの子テーマです。

これ全部PORIPUでできるよ

今回このブログにもPORIPUを導入しました。
PORIPUを導入することによって今までのSANGOのカスタマイズやプラグインがいくつか不要になったので、順番に紹介していきたいと思います。

このブログのSANGOのカスタマイズやプラグインはこちらで確認できます。

記事一覧ページにインフィード広告を設置

今までは下記エントリーを参考にpost-grid.phpを修正する必要がありました。

PORIPUを導入することによってカスタマイザーから簡単に設定できるようになりました。

インフィード広告のコードさえ取得できればあとは貼り付けるだけなのでカンタンです。

さっちん

インフィード広告を表示させる場合、ダッシュボード設定表示設定1ページに表示する最大投稿数を奇数にしておかないと、エントリーが1個あまってバランスが悪くなってしまうので、表示件数を変えるのも忘れないで下さいね。

会話風ふきだしの見た目を変更

今までのまっさーさんのカスタマイズでもcssの追記だけでカンタンにカスタマイズできたのですが、PORIPUならカスタマイザーで一発なのでさらにカンタンです。

色を選ぶだけなので1クリックで見た目を変えられます。

SANGOに週間人気記事とカテゴリー別の人気記事を表示する

このカスタマイズはWordPressPopularPostsPHP Code Widgetという2つのプラグインが必要になり、SANGOの見た目と合わせるためにstyle.cssで見た目の調整も必要となります。

PORIPUではcssも設定されていますし、専用のウィジェットも用意されているため、見た目の調整もPHP Code Widgetも不要です。

トップページに人気記事を設置

SANGOでトップページに人気記事やおすすめ記事を設置するには2つの方法があります。

公式サイトの方法

ウィジェットかpost-grid.phpにコードを貼り付け、さらに記事の数だけタイトル、IMGタグ、リンク先URLを取得してコードの該当箇所に貼り付ける必要があり、記事を入れ替えたい場合はそのたびに同じ作業が必要となります。
IMGタグの取得がかなり手間なのでちょっとハードルが高めです。

はるしかさんの方法

はるしかさんの方法はpage-top-popular.phpを作成したり、作成したものをpost-grid.phpに読み込ませたりと最初にちょっと手間がかかりますが、一度設定してしまえばあとは自動で人気記事を読み込んでくれるので、公式サイトとはるしかさんの方法とセットで導入するのがオススメです。

PORIPUの場合

カスタマイザーのおすすめ記事をトップに表示にチェックを入れると、トップページに最大4記事までオススメを表示できます。

矢印の部分に表示したい記事のIDとタイトルを入力すればOKです。

タイトルデザインを線型に変更にチェックを入れると、上の画像のようにタイトルが線で挟まれるような表示になります。(通常はアクセントカラーの下線)

コレに関しては、記事下のおすすめ記事のように、IDを入力するだけでタイトルも取得できるようになればもっといいのになぁ、ちょっと惜しいなぁ、というのが正直な感想です。
この部分に関してははるしかさんの方法に戻すかもしれません。

エントリーの読了時間をキレイに表示する

これ、SANGOでやろうとすると、

  • プラグインを1つ増やすかfunctions.phpにコードを追加
  • entry-header.phpに読了時間を表示させるためのコードを追加

というちょっと大変な作業が必要になります。

プラグインは増やしたくないし、コードもあまりいじりたくない、という方も多いと思います。
でもPORIPUならチェックを入れるだけで読了時間が表示されます。

エントリーのデザインをバイラル風にする

SANGOでバイラル風にするには

  • single-viral.phpentry-header-viral.phpの作成
  • style.cssに追記

という作業が必要になります。

カスタマイズ初心者の方にはちょっとハードルが高くて不安になりますよね。

PORIPUの場合は最初からバイラル風のテンプレートが用意されているので、投稿画面で選ぶだけでOKです。

私のブログはタイトルが長めのため、デフォルトのままだとスマホで表示が崩れてしまいます。
PCでは問題ないためスマホだけ文字が小さくなるように調整しています。

style.css
/*-------------------------------------- バイラル風見出しの文字をスマホの時だけ小さくする --------------------------------------*/ @media only screen and (max-width: 480px) {/*スマホサイズ*/ .viral h1{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin:0; padding:0; color: white;/*文字は白に*/ font-weight: bold; /*太字に*/ z-index: 1; font-size:1.0em; } }

記事タイトルの文字数を自動で表示する

SANGOだとfunctions.phpにコードを追記する必要があります。

PORIPUには最初からカウンターが導入されています。

PORIPUならカスタマイズは最小限で済むよ

やりたいことはほとんどPORIPUに詰め込まれていますし、私はカラーもほぼデフォルトの状態で使用していますので、カスタマイズは最小限で済みました。

PORIPU導入後にしたこと

  • style.cssにSANGOの子テーマから必要なものをコピペ
  • functions.phpにSANGOの子テーマから必要なものをコピペ
  • AddQuicktagに追加デザインのコードを追加
  • PHP Code Widgetを削除しSNS Count Cacheをインストール

これだけです。

最後に

PORIPUはWordPress初心者の方にも、カスタマイズに疲れた方にもオススメの子テーマです。

珊瑚礁はひとつひとつの小さな”ポリプ”が集まってできています。 珊瑚礁をつくるポリプの1つとして、補い合いながら共にSANGOとして成長したい。

引用 PORIPUの名前の由来 | PORIPU-SANGO公認の子テーマ

というのがPORIPUの名前の由来だそうです(本来はpolypだそうですが、読みにくいためPORIPUにしたそうです)。

SANGOとともに成長していく子テーマPORIPU、あなたも使ってみませんか?

コメントを残す