toggle
2017-12-25

WordPressテーマ【Minimal WP】をカスタマイズ。記事上部に「アイキャッチ画像」を設置したりしてみた。

PCのイメージ画像

 

どうも。門井建です。

 

WordPressって凄いっすよねー。初心者でも簡単にウェブサイトを作ることができるし、根気さえあればカスタマイズだってできてしまうし。当サイトもWordpressを使って運営してますので、絶賛Wordpressさんにお世話になりっぱなしっす。

 

で。先日報告したように、当サイトは無料テーマの「Sydney」から、有料テーマ「Minimal WP」の「Slauson」というテーマに変更しました。

 

シンプルで無駄を省いた、なおかつオシャレなこのテーマをありがたく使わせてもらってます。

 

今回はそのカスタマイズ方法を話そうと思う。

 

ちなみに「Minimal WP」は、日本人のクリエイターさんが制作したテーマで、簡単なカスタマイズの方法とかは、そのウェブサイトの方に説明してくれてる。(→「Minimal WP」の使い方・よくある質問)

 

もちろん、俺も色々と参考にさせてもらったけど、少し入り込んだカスタマイズをしたい場合は、それじゃ足りないなーっと思ったんで今回ブログを書くことに。

 

参考になれば嬉しいっす。ちなみに俺はプログラミングなんか全くできまへん。初心者に枝毛が生えたレベルです。よろしくどうぞ。笑

 

記事上部に「アイキャッチ」を入れたい

 

いきなりですが、
これが一番苦戦した所です。

 

この「Slauson」と言うテーマ、ブログの記事の上部に「アイキャッチ画像」が入らない仕組みになっとります。というか、おそらく「Minimal WP」が配布してるテーマ全体がそうなってると思う。。。多分。。笑

 

普通に「投稿」から「アイキャッチ画像」の設定はできるんだけど、サムネイル表示した時に表示させるだけで、記事には画像が入らなくなってるんですよ。これは好みの問題なのでアレですが、個人的には記事の上部に記事のタイトルに関連した画像がある方が、来訪者も読みやすいと思うんで、その設定はしたかった。

 

さてさて、どうしたものかと。

色々と調べやした。

 

すると「Minimal WP」でアイキャッチなどの設定が入ってる部分が、「single.php」だと分かったので、そこの設定を変更することに。

 

ダッシュボード→外観→テーマの編集から、「Slauson」の「Single.php」まで移動し「Command+f」で <?php the_content(); ?> を検索。(Macユーザーは「Command+f」、Windowsユーザーは「ctrl+f」で検索)

 

で、その上部に <?php the_post_thumbnail(‘full’); ?>を挿入すればOKっす。

おそらく、こんな感じになるはず。

 

これでブログの記事上部に、投稿で設定した「アイキャッチ画像」を設置させることができるはずっす。いやー中々苦戦したぜー。。。笑

コピーライト名を変更する

 

次はコレ。コピーライト名の変更っす。

 

初期の段階では、自サイト名の横に「Minimal WP」のクレジットも表記されてるんすよ。別にいいんだけど「よりオリジナル感を出したいなー」と思い、自分のサイト名のみに変更したかった。

 

これは「Minimal WP」のウェブサイトの方にも軽く書いてるんですが「footer.phpの該当部分を消去してください」と、ものすごくバッサリと切り捨てられてたので、自分でなんとかしました。笑

 

まずは、仰せの通りに「footer.php」まで移動し、アイキャッチ画像の設定時と同じように「Command+f 」(windowsユーザーは「ctrl+f」)で「コピーライト表示」と検索。

すると上記のコードが出てくると思うんで、その中にある一部分を削除しよう。

こんな感じにすれば、ウェブサイトのコピーライトの表示を自分のサイト名のみにすることができまする。細かく設定していくと、次々とこだわりが出てきますな。。笑

スライドショーを一枚のみに変更

最後は一番簡単そうなコイツ。笑

 

スライドショーって個人的にあんまり好きじゃないんすよね。

 

簡単そうやから「Minimal WPの使い方・よくある質問」に載ってるかなーと、勝手に期待したんですが見た感じ触れられてなかったので、これまた自分で設定しました。

 

ここの設定は「index.php」から設定できる。

 

「index.php」を開けば、速攻で「スライドショー」って文字が出てくるから、サクッと変更しました。

 

初期の「スライドショー」の欄はこうなってるはず。

ここをこんな感じで変更してやりましょう。

これで、スライドショーは一枚のみに変更することが出来るはず。逆に増やしたかったら、この欄に変更を加えればいいって感じっすね。

さいごに

俺は、こんな感じで設定をイジくりました。

 

他にもウィジェットの細かい部分を変更したり、いくつか手を加えたけど、あんまり需要がないと思って、今回は控える事に。笑

 

素人に枝毛が生えたレベルだけど、Wordpressのテーマをカスタマイズしてると、だんだん楽しくなってくるんすよね。特に「やりたい事」が出来た時は、1人部屋でガッツポーズしてる。笑

 

映像も写真もそうだけど、
俺はつくづくモノづくりが好きなんやなーと。笑

 

以上!カドイハジメでしたー!

ご参考になれば!

 





関連記事