シンプルなWPテーマ『Minimal』のカスタマイズ。トップページに重要記事への誘導を用意する方法

最近のWPテーマ・テンプレートはSEOや集客に注力したものが増えてきて『多機能というか多彩なもの』があふれているような気がします。逆に・・・迷ってしまいます。

テレビやビデオが進化する過程で 『多機能』になり過ぎて・・・と同じように、それこそ(自分にとっては)使わない機能まで付属しているような感じのテーマ・テンプレートもあります。

アフィリ王子アフィリ王子

多機能の製品よりも・・・シンプルな(皮膚感覚・直感で使い方がわかるような)製品が時に求められたりします。

ネット王女ネット王女

無印良品やアップルの製品などが『シンプル』の代表かも知れません。
シンプルなブログが気持ちよかったりもします。


秋田秀一秋田秀一

今回紹介するWPのテーマ・テンプレートは『Minimal』です。
実にシンプルです。『ミニマリスト御用達のテンプレート』的なイメージです。

私は賢威の愛用者ですが(当サイトは賢威です)・・・他に運営している複数のブログのテンプレートを Minimal にしました。

私が購入した『Minimal』はマナブログ(manablog)【マナブ氏=坂内学氏運営】で紹介されている有料のテーマ・テンプレートです。

ちなみにサイトはこちらです。⇒ マナブログ・minimal

【注意事項】
・『 Minimal WP 』で検索すると違うWPのテーマ・テンプレート『Minimal WP』が表示されます。
・こちらは12種類のテーマが用意されていますが・・・全部別料金です。(着せ替え不可です)
・私が購入したのは3種類が自由に使えるものです。(ただし、自力でのカスタマイズが求められますから自信のない方は遠慮された方がいいかと思います)

今回の記事はマナブログのトップページにあるように3カラム方式で特別に(読者に)見て欲しい記事へのリンクを用意するやり方です。

イメージは下記のような感じになります。
minimal カスタマイズ

・シンプルなWPテーマ『Minimal』のトップページをカスタマイズする
・トップ3といった(読んで欲しい)重要なページへのリンクをつける
※マナブログトップページのソースをコピペさせていただきましたので・・・
・正式カスタマイズではない自己流です(ご了承ください)

では具体的なやり方をご案内します。

カスタマイズ方法・ステップ【1】ヘッダー部分をコピペする

【注意】※まずは念のために『メインインデックスのテンプレート』をコピー(バックアップ)しておいてください。

WPの管理画面から『外観』⇒『テーマエディター』⇒『テーマヘッダー』を開いてすべてをコピーします。
適当な位置にカーソルを置いてCtrl + A で全選択 ⇒ Ctrl + C でコピーします。

minimal カスタマイズ

矢印イメージ画像

次に・・・(ヘッダー部分をコピーしたので)『外観』⇒『テーマエディター』⇒『メインインデックスのテンプレート(index.php)』を開きます。

すると、いちばん上の行に(下は3行分表示してありますが)

<?php get_header(); ?>
<?php
while ( have_posts() ) : the_post() ;



『ヘッダー部分を読み込んでください』という命令文が書いてあります。
この1行目の部分に先ほどコピーしてきたものを、ペーストしてください。(コピペ完了です)

※ここでいったん『ファイルを更新』してください。

カスタマイズ方法・ステップ【2】コンテンツエリアを加筆修正する

今コピペした index.php が開いたままになっていると思いますが、そのコードの途中に
<!– Blogのメインコンテンツエリア –> という欄があります。

ここをカスタマイズします。

minimal のカスタマイズ

上図のスキマ部分に次の内容をそのままコピペしてください。(私の別ブログのアドレスが入っていますが、気にせずに取りあえずはコピペです)

<div class=”col-xs-12 picks”>

<div class=”col-xs-12 col-sm-4 wrap”>
<div itemscope=”” itemtype=”http://schema.org/ImageObject” class=”thumbnail”>
<a style=”background-image:url(https://www.90day.net/wp-content/uploads/2019/04/19041401.jpg” title=”シンママの副業は2タイプ【汗】と【投資】どっちがいい?” itemprop=”url” class=”thumbnail-img”></a>
</div>
<h2 class=”title” itemprop=”name headline”>
<a href=”https://www.90day.net/2type-sideline/” title=”シンママの副業は2タイプ【汗】と【投資】どっちがいい?” itemprop=”url”>シンママの副業は2タイプ<br>【汗】と【投資】と、どっちがいい?</a>
</h2>
<div class=”readmore”><a href=”https://www.90day.net/2type-sideline/”>READ MORE</a></div>
</div>

<div class=”col-xs-12 col-sm-4 wrap center”>
<div itemscope=”” itemtype=”http://schema.org/ImageObject” class=”thumbnail”>
<a style=”background-image:url(https://www.90day.net/wp-content/uploads/2019/04/19041501.jpg” title=”お子さま一人の教育資金は【1,000万円~】自分の老後資金は?” itemprop=”url” class=”thumbnail-img”></a>
</div>
<h2 class=”title” itemprop=”name headline”>
<a href=”https://www.90day.net/reserve-for-education/” title=”お子さま一人の教育資金は【1,000万円~】自分の老後資金は?” itemprop=”url”>お子さま一人の教育資金は<br>【1,000万円~】自分の老後資金は?</a>
</h2>
<div class=”readmore”><a href=”https://www.90day.net/reserve-for-education/
“>READ MORE</a></div>
</div>

<div class=”col-xs-12 col-sm-4 wrap”>
<div itemscope=”” itemtype=”http://schema.org/ImageObject” class=”thumbnail”>
<a style=”background-image:url(https://www.90day.net/wp-content/uploads/2019/04/19041706.jpg
” title=”毎月8.5万円ずつ『ほったらかし』なら10年で1,000万円!” itemprop=”url” class=”thumbnail-img”></a>
</div>
<h2 class=”title” itemprop=”name headline”>
<a href=”https://www.90day.net/85-1000myen/” title=”毎月8.5万円ずつ『ほったらかし』なら10年で1,000万円!” itemprop=”url”>『ほったらかし』で毎月毎月8.5万円なら10年で1,000万円!</a>
</h2>
<div class=”readmore”><a href=”https://www.90day.net/85-1000myen/”>READ MORE</a></div>
</div>

</div>

※もちろん、この時点でいったん『ファイルを更新』します。

カスタマイズ方法・ステップ【3】自分のブログ記事・画像のアドレスに変更

『ファイルを更新』してトップページを確認すれば、3つの記事へのリンクが表示されていると思います。
次は、自分用のブログアドレスや、画像ファイルの呼び出しができるように加筆修正してください。

【出来あがりの再掲】
minimal カスタマイズ
実際のマナブログは、Minimal のテーマ製作者がプログラマーですから、ちゃんとバランス良く表示されています。当然、css もカスタマイズされているのだと思います。

※私はそこまでのスキルはありませんので上図のような『出来あがり』が精いっぱいでした。3カラム形式ですが・・・それぞれが『くっついて』表示される形となりました。どうぞご了承ください。

詳しい人はもっと見映えよく( CSS も含めて)カスタマイズしてみてください。

まとめ

今回のカスタマイズは自己流です。マナブログのトップページにて、右クリックして『ページのソースを表示(V)』からコピペさせていただいた3カラム部分を自分のブログに持ってきたものです。

Minimal は・・・シンプルなWPテーマであるがゆえに、しかも安いことから自分でカスタマイズする必要があります。ただし、そんなに・・・カスタマイズは決して難しいものではない、と思っています。

ほんの少しだけ css や html などを(自力で)勉強する必要がありますが、1日2日頑張ればクリアできるレベルではないでしょうか。
ブログアフィリエイトで稼ぐ、集客するための最大のポイントは、記事作成です。見映えにこだわり過ぎるくらいなら・・・記事作成に注力した方がずっといいということを強くお伝えしたいですね。

【結論】
・WPのシンプルなテーマ『 Minimal 』の(トップページ)カスタマイズは、コピペで加筆修正が簡単
・3カラム形式の記事への誘導は(良かったら)私の分をコピペして構いません。
・ブログアフィリエイトの本質というか忘れて欲しくないのは・・・記事作成が重要ということ



デザインや『見てくれ』にこだわりだすと・・・キリがありません。そのうちに別のテーマ・テンプレートに目移りするかも知れません。

どうぞ1日は、人生は・・・限られた時間内での創造です。記事作成のスキルアップの方に時間とエネルギーを費やしてください。


ここまでありがとうございました。


スポンサードリンク