Twenty Fifteenでポストナビゲーションをカスタマイズしたい

wordpressの標準テーマ「Twenty Fifteen」のカスタマイズです

今回はポストナビゲーションです
前の記事後ろの記事へのリンクですね

20151130

“Twenty Fifteenでポストナビゲーションをカスタマイズしたい” の続きを読む

Twenty Fifteenでリンクの色を変えたい

WordPressのテーマ「Twenty Fifteen」では、本文中にリンクを貼っても色が本文と同じな為、ちょっとわかりづらいですよね。

そこで今回は本文中のリンクの色をカスタマイズしようと思います。

カスタマイズは必ず子テーマで行うようにしてください。
子テーマの作り方はこちらを参考に!
http://wpcustom.net/archives/6

“Twenty Fifteenでリンクの色を変えたい” の続きを読む

WordPressでセキュリティを設定したい(不正ログイン篇)

このサイトを立ち上げてまだ1ヶ月もたっていませんが
少しずつアクセスが増えているようです。

ですが、ふとGoogleアナリティクスを見てみるとなにやら怪しいアクセスが・・・

私はWordPressでつくったサイトをいくつか持っていますが、
アクセスが増えてくるとそれに比例して不正ログインや海外からの大量の迷惑コメントも増えてきます。

“WordPressでセキュリティを設定したい(不正ログイン篇)” の続きを読む

WordPressで関連記事を表示したい【Yet Another Related Posts Plugin】

このブログにもだんだん記事が増えてきましたので記事下に関連記事が表示されるようにしたいと思います。

テーマによっては初めから表示されるようになっているのもありますが
Twenty Fifteenにはありませんので自分でカスタマイズしなければなりませんが
今回は手軽にプラグインを入れたいと思います。

Yet Another Related Posts Plugin(以下、YARPP)

上記のプラグインはインストールして有効化すればすぐに表示されるようになります。
簡単でいいですね^^

“WordPressで関連記事を表示したい【Yet Another Related Posts Plugin】” の続きを読む

WordPressでTOPに戻るボタンを設置したい

WordPressの標準テーマ「Twenty Fifteen」にはTOPにスクロールして戻るボタンがありません。
やはりないと不便なので設置するため、プラグインで対応したいと思います。

いくつかプラグインはありますが
以前つかっていた「Dynamic To Top」はこのサイトでは使わず
「Scroll Back to Top」を使ってみます。

というのも、Dynamic To Topにはバグなのかわかりませんがプラグインを削除できないというエラーがあります。
直し方は簡単ですが、あまり信用できないかな、と思い今回はつかっていません。
※削除の方法は記事の最後に書いておきます

プラグイン「Scroll Back to Top」の設定はとても簡単です。
インストールして有効化するだけでオッケー!
右下にTOPに戻るためのボタンが設置されてます。

“WordPressでTOPに戻るボタンを設置したい” の続きを読む

WordPressにアドセンス広告を表示させたい

WordPressにGoogle Adsenseで広告を貼る方法を簡単に説明します。

直接広告コードをPHPファイルに貼り付ける方法もありますが
ここではアドセンス広告を貼るためのプラグインの説明をしていきます。

プラグインは数多くありますが、実際に私が使っているものに関しての説明なので
もしかしたらもっといいプラグインがあるかもしれませんがご了承ください。

“WordPressにアドセンス広告を表示させたい” の続きを読む

Twenty Fifteenでコンテンツエリアの幅を広げたい

WordPressの標準テーマ「Twenty Fifteen」のカスタマイズです

前回はサイト上部の余白とウィジェットの上下の余白を小さくしました。
サイトのバランスをとるため
今回はコンテンツエリアの幅を広げ、左右の余白を小さくします。

“Twenty Fifteenでコンテンツエリアの幅を広げたい” の続きを読む

Twenty Fifteenでサイト上部&ウィジェットの上下の余白を調整する

このwordpressのテーマ「Twenty Fifteen」はとてもシンプルなつくりになっていますが
やはり余白が大きいのが気になります

今回はサイト上部の余白およびウィジェットの上下の余白を小さくしていきます

上部の余白を設定しているのは
サイドバーではsite-headermargin
サイトメインではsite-mainpaddingです

サイドバーとサイトメインのバランスを見ながら調整していきます
レスポンシブとなってますので @media screen and (min-width: 59.6875em)の中に記述していきます。

ウィジェットは下の余白のみ設定しています

“Twenty Fifteenでサイト上部&ウィジェットの上下の余白を調整する” の続きを読む

Twenty Fifteenでサイドバーの余白を少なくしたい

wordpressの標準テーマ「Twenty Fifteen」のカスタマイズです
サイドバーの余白を調整します

これはサイドバーにアドセンス広告を掲載するために行います。
したがって最低でも300pxは欲しいですね。

デフォルトの設定ではサイト幅1404pxのときサイドバーの幅は413px
余白が左右20%ですのでウィジェットの幅は248pxとなります

そこで左右の余白を8%にしてみました
するとウィジェットの幅は346pxとなります

“Twenty Fifteenでサイドバーの余白を少なくしたい” の続きを読む

Twenty Fifteenで記事の見出しのサイズを変えたい

wordpressのテーマ「Twenty Fifteen」では見出しのフォントサイズが大きく
主張しすぎのように感じたので少し小さく変更することにしました

見出しの装飾についてはコチラを参考にしてください

見出しのフォントサイズは各分岐点ごとに設定してありますので
手間がかかりますが確認しながらそれぞれに設定していきます。

“Twenty Fifteenで記事の見出しのサイズを変えたい” の続きを読む