モバイルからのアクセスが多いブログでは、googleもWordpressもAMPを推奨しています。
AMPは表示が速いだけでなく、CDN（例えばGoogle）によってページをキャッシュされる仕組みがあるので、さらに早くコンテンツを返せるのです。
便利ではありますが・・・
AMPの仕様ではjavascriptが使用できないのでGoogleアドセンスが普通には表示できないというブロガーにとっては致命的な点があります。
※ 上記のAMPページがGoogleといったCDNにキャッシュされて表示されます。
今回は、Wordpressを使用している前提で手順を紹介したいと思います。
参考にするページは
です。
wordpressでテーマ「Twenty Twelve」を使っているのですが、
デフォルトではアイキャッチ画像サイズが縦に固定化は出来ませんでした。
アイキャッチ画像サイズを縦（高さ）に固定化する方法を紹介しましす。
結果的に「テーマの編集」することになります。
まずはアイキャッチのサイズを決めている箇所がどこなのかを探します。
を開き、「set_post_tumbnail_size」関数を探します。一か所しかないです。
WordPressの「Twenty Twelve」テーマを使用していますと
で表示の仕方が違うことがわかります。
メインページを検索結果ページと同じく、一定文字数で画像も表示させずに「続きを読む」にするにはどうしたら良いでしょうか？
「<!–more–>」を使用するまで、「続きを読む」にはならず
また、文字の装飾だけでなく画像も表示されます。
文字の装飾もなく、画像も表示されず、一定文字数で表示が切れています。
メインページの表示の仕方とは違いますね。
この検索結果ページと同じようにメインページも表示させたいと言うわけです
「Auto Post Thumbnail」でキャッチアイの画像を自動で作成すると便利なのですが
個別記事ページを見ると、サイズの違う同じ画像が二個並ぶのがイマイチ・・・
キャッチアイ画像は個別ページには表示させないように「Twenty Twelve」テーマをカスタマイズしてみましょう
でカスタマイズしてみましたが、他のテーマでも流用出来るように紹介します
wordpressの管理画面から「外観」-「テーマの編集」をクリック。
右テンプレートの「content.php」をクリックします。
※ テーマによっては違うテンプレートになる可能性があります
WordPressのテーマ「Twenty Twelve」を使用しています。
普通に、「外観」-「ヘッダー」からヘッダー画像を入れると、高さ等の配置が上手く微調整出来ません、、、
高さを微調整しながらヘッダー画像を入れるにはどうしたら良いでしょうか？
やはり、スタイルシートをいじるしかないですね。
ただし、「テーマの編集」からスタイルシートを修正するのではなく、「Jetpack」プラグインを導入し
「外観」-「CSS編集」からスタイルシートを修正しましょう
WordPressの「Twenty Twelve」を使用していると、引用文字がどうしてもイタリックの斜体文字になってしまうんですよね。
スタイルシートの”font-style: normal;”としたはずなのに、変更できない・・・。
どうしたら通常文字に変更できるのでしょうか？
WordPressは基本的に見ているブラウザの横幅サイズを縮小すると、サイトの表示・見栄えも縮小化されます。
このサイトの縮小化を固定サイズにするにはどうしたら良いのでしょうか？
今回は、WordPressの「Twenty Twelve」テーマの場合で説明します。
スタイルシートをいじる必要があります。
意外とわかってしまうと簡単かもしれません。
以下のように、ブラウザの横幅サイズを縮小した場合でもサイトのサイズを固定で表示する方法です。
WordPressで「Twenty Twelve」テーマのカスタマイズです。
通常、「Twenty Twelve」テーマの右ナビメニューは250pxの広告エリアが貼り付けられるサイズです。
Twenty Twelveテーマの右ナビメニューに300pxのGoogle Ads広告を表示させたいがどのようにスタイルシートをカスタマイズすれば良いのでしょうか？
両方をスタイルシートで変更させるのですが、方法としては二種類あります。
があります。
WordPressのテンプレート「Twenty Twelve」を使用した時に、
Googleアドセンスが表示される前の一瞬黄色の背景が表示されます。
あれを回避する方法を紹介します。
一瞬ではあるのですが、Googleアドセンスが表示れるまえに、黄色く編みかけ表示されてしまうんですよね、、、
これを修正したいです。
WordPressで「Twenty Twelve」のデザインはシンプルでカッコイイです。
ただ、キャッチアイの画像が記事タイトルより上にあるのは気になります。
キャッチアイの画像を記事タイトル下に持って行きましょう。
ちなみに、
キャッチアイとは、記事を象徴するイメージ画像です(記事内の最初の画像をリサイズしたもの)。
キャチアイの画像が定義されているのは上記箇所になります。
「外観」-「テーマ編集」の右メニュー内の「content.php」を選択します。
content.php内にあるthe_post_thumbnail()がキャッチアイ画像の表示コードとなります
上記赤枠は、「キャッチアイ画像があれば表示する」というコードになります。
<?php if ( ! post_password_required() && ! is_attachment() ) :
the_post_thumbnail();
endif; ?>