Prev 1 2 ... 28 29 30 31 32 33 Next

WordPressテーマTwenty Elevenの個別ページ、固定ページでサイドバーを表示したり、固定ページでコメント欄を非表示にする方法

Pocket
LINEで送る

本投稿記事の内容は、「WordPress3.3.1」のテーマ「Twenty Eleven1.3」での話であり、バージョンが大きく異なると動作しない場合があります。
2012/06/03追記 「WordPress3.3.2」での動作を確認しました。
2012/06/20追記 「WordPress3.4」テーマ「Twenty Eleven1.4」での動作を確認しました。

プラグインで「Contact Form 7」を導入して、固定ページでお問合せのページを作ったのだが、サイドバーが表示されなかったり、お問合せの入力フォームの下にさらにコメント欄が表示されるなど、満足出来るものでなかった。そんな固定ページの設定の変更を試みた。

  1. 個別ページ、固定ページにサイドバーを表示する方法
  2. プラグインの「Twenty Eleven Theme Extensions」を導入し、
    管理画面の「外観」-「Theme Extensions」-「Widget Sidebar」

    • Enable the widget sidebar on pages
    • Enable the widget sidebar on single-post pages
      • Center the navigation links at the top of single-post pages

    の3箇所にチェックを入れて、「Save Change」をクリックすれば、固定ページにサイドバーを表示することが出来ます。

  3. 固定ページのコメントを非表示にする方法
  4. 管理画面の「固定ページ」-「固定ページ一覧」
    非表示にしたいページの編集画面に入り、右上部にある「表示オプション」をクリックし、
    「画面に表示」にある「ディスカッション」をチェックすると、
    ページ下部に「ディスカッション」の設定欄が現れるので、「コメントの投稿を許可する。」のチェックを外します。
    これで、固定ページのコメントを非表示にすることが出来ます。

Pocket
LINEで送る

スポンサーリンク

WordPressテーマTwenty Elevenのサイドバーのウィジェットのタイトルバーをカスタマイズする方法

Pocket
LINEで送る

本投稿記事の内容は、「WordPress3.3.1」のテーマ「Twenty Eleven1.3」での話であり、バージョンが大きく異なると動作しない場合があります。
2012/06/03追記 「WordPress3.3.2」での動作を確認しました。
2012/06/20追記 「WordPress3.4」テーマ「Twenty Eleven1.4」での動作を確認しました。

サイドバーのウィジェットのタイトルバーが余りにも味気ないので変えてみました。

サイドバーのウィジェットのタイトルバーをカスタマイズする方法

/wp-content/themes/twentyeleven内にある
「style.css」の「Widgetsの.widget-title」の箇所
を変更するだけです。小テーマを作っている場合は、間違えず小テーマ側の「style.css」を変更して下さい。

新しいスタイルシートは、このサイトを利用して作りました。

例)「style.css」


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#5f7e3f;
	color:#ffffff;
	line-height:140%;
	font-weight:bold;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

これで見栄えの良いタイトルバーになりました。

Pocket
LINEで送る

WordPressテーマTwenty Elevenのヘッダー画像のサイズを変更する方法

Pocket
LINEで送る

本投稿記事の内容は、「WordPress3.3.1」のテーマ「Twenty Eleven1.3」での話であり、バージョンが大きく異なると動作しない場合があります。
2012/06/03追記 「WordPress3.3.2」での動作を確認しました。
2012/06/19追記 「WordPress3.4」にすることにより、ヘッダー画像を任意のサイズにする事が可能となったので、当記事を行う必要が無くなりました。

今回は、ヘッダー画像のサイズを変更する方法について説明します。

ヘッダー画像のサイズを変更する方法

/wp-content/themes/twentyeleven内にある「functions.php」
下記の部分でヘッダー画像のサイズに決めているので、ここで数値を変更すれば画像サイズを変更出来ます。
小テーマを作って設定したのですが、正常に動作せず、
/wp-content/themes/twentyeleven内の「functions.php」
を直接修正しました。

例)「functions.php」
ヘッダー画像サイズを1000px×100pxへ変更

120行あたり


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	// The height and width of your custom header.
	// Add a filter to twentyeleven_header_image_width and twentyeleven_header_image_height to change these values.
	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 288 ) );
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	// The height and width of your custom header.
	// Add a filter to twentyeleven_header_image_width and twentyeleven_header_image_height to change these values.
	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 100 ) );
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

これにより、
管理画面の「外観」-「(カスタム)ヘッダー」-「画像をアップロード」
を確認すると、1000px×100pxの画像をアップロード出来る様になっているはずです。

Pocket
LINEで送る

 Prev 1 2 ... 28 29 30 31 32 33 Next

スポンサーリンク