[WordPress] Twenty Sixteen の外の黒い縁を消す

WordPressの新しいテーマTwenty Sixteenは、シンプルなデザインでモバイルに対応したレスポンシブ・デザインが採用されています。さて、PCで見たときに、外の黒い縁が少し気になります。これを消すには、style.cssのbodyのbackgroundをコメントアウトします。

body {
/*	background: #1a1a1a;
*/
	/* Fallback for when there is no custom background color defined. */
}

以上です。

WordPressで移転先のサイトへ301リダイレクトする方法「Simple 301 Redirects」

サイトを移転させてURLが変わったら、SEOのことを考えて、古いサイトから新しいサイトへ301リダイレクトの設定をしましょう。
WordPressで新しいサイトへリダイレクトするにはプラグインSimple 301 Redirectsが便利です。
ここでは、その使い方について紹介します。

“WordPressで移転先のサイトへ301リダイレクトする方法「Simple 301 Redirects」”の続きを読む

WordPressで勝手に改行させない方法

WordPressの投稿画面で改行すると、pタグを自動でつけてくれるという機能がありますが、時には意図した表示にならない場合があり、厄介に感じることもあります。WordPressで勝手に改行させたくない場合は、function.phpに以下のコードを追記します。

remove_filter('the_content', 'wpautop');

それまでに書いた記事がある場合、それらの表示が崩れるので、修正しておきましょう。

[WordPress] Google Adsenseの広告が表示される前に黄色く表示される問題の解決方法

使っているテーマによってGoogle Adsenseの広告が表示される前に、その部分が黄色く表示される場合があります。これはGoogle Adsenseの中にinsというタグが含まれていて、使っているテーマのcssのinsのbackgroundにそのような記述があるためです。insは”Insert”の略で、<ins>—-</ins>で囲まれた部分が、後から追加された部分であることを示します。今回の問題は、style.cssのinsのbackgroundの項目を削除するか、transparent(透過)にすることで解決できます。

ins {
	background: transparent; /*元の値#fff9c0*/
	text-decoration: none;
}

[WordPress] Twenty Twelveで記事タイトルの色、文字サイズ、太さなどを変更する方法

リンクのついた記事タイトルは、デフォルトでは水色ですが、それを変更したい場合の設定方法を説明します。

まず、style.cssの中のentry-titleを記述してある部分を探します。

.entry-header .entry-title {
	font-size: 20px;
/*	font-size: 1.428571429rem;
*/
	line-height: 1.2;
	font-weight: bold; /*元の値はnormal*/
}
.entry-header .entry-title a {
	color: #333333; /*追加*/
	text-decoration: none;
}

.entry-header .entry-title a の中にcolor:#好みの色;を記述します。
これで、リンクのついた記事タイトルの色が変わります。

私は、さらに記事タイトルの文字を太くしたかったので
.entry-header .entry-title のfont-weightをnormalからboldに変更しました。

他にも、記事タイトルの文字の大きさ(font-size)などもここで設定できます。
font-sizeを変更するときは、remをコメントアウトするか再計算してください。
remはCSS3で新しく登場したhtmlのフォントサイズを1とした単位です。

WordPressで日記を書くススメ

testarticle

WordPressをオススメする理由

PCで日記を書く方法として、Evernote、Excel、日記用のフリーソフトを使うという選択肢もありますが、私はWordPressをオススメします。Wordpressはブログサービスですが、非公開にしておけば外からは見えません。ローカルにインストールして使用するという方法もありますが、少々知識が必要になるのでここでの説明は省きます。

“WordPressで日記を書くススメ”の続きを読む

[WordPress] SyntaxHighlighter Evolvedでbrタグが入ってしまう問題

ソースコードを綺麗に表示するプラグインSyntaxHighlighter Evolvedを導入するも、改行の部分にbrタグが入ってしまうという問題が発生。

原因究明

他のプラグインを全て無効にするとbrタグが消え、正常に表示されました。そこからプラグインを1つずつ有効化して、どれが悪さをしているのか探しました。今回は、Inline Javascript Pluginというプラグインが干渉しているようでした。とりあえず、SyntaxHighligher Envolvedの問題は解決。

おわりに

プラグインがうまく動作しない時は、他のプラグインの干渉を疑いましょう。