web-dev-qa-db-ja.com

20のテーマのヘッダーの高さを低くする

問題は、Twenty Tenテーマのヘッダーの高さを低くするにはどうすればよいですか?この質問は、検索から隠されているLinkedIn WordPressグループで聞かれましたエンジンなので、私は自分の答えをここにコピーすると思いました。

私はまたそれをコミュニティウィキにしたので、それは私に評判を渡さない。

2
MikeSchinkel

Twenty Tenテーマのヘッダーの高さを低く(つまり、ピクセル数の少ない高さに)するには、このコードをテーマの「functions.php」ファイルの下部に配置します(番号180を任意に変更してください)あなたが望む高さ):

<?php 
add_action('twentyten_header_image_height','yoursite_header_image_height'); 
function yoursite_header_image_height($height) { 
   return 180; // Modify this to whatever pixel height you want. 
} 

次に、管理コンソールで「外観>ヘッダー」に移動し、新しい小さな画像をアップロードする必要があります(ここにその管理ページのURLがあります) :

http://example.com/wp-admin/themes.php?page=custom-header

そして、管理ページは次のようになります。

Screenshot showing WordPress Twenty Ten theme header iamge

また、「子テーマ」の変更を検討することもできます(まだ行っていない場合)。ここに 記事 (それは非常に複雑です)が、Webサーバー上に「/wp-content/themes/」サブディレクトリ(「/wp-content/themes/yoursite/」と呼びます)の下にディレクトリを作成し、「style.css "次のようにそのディレクトリに:

/* 
Theme Name: Your Child Theme Name
Description: Theme for your-site.com 
Author: Your Name
Version: 1.0 
Template: twentyten 
*/ 
@import url("../twentyten/style.css"); 

次に、新しい "functions.php"ファイルを作成し、上記のPHPコードをその中に入れることができます。TwentyTenテーマのディレクトリ内のファイルを変更して、 Twenty Tenにはセキュリティアップデートがあります。

9
MikeSchinkel

Style.cssファイルでcssをだまして使用しましたMikeの方法は、ユーザーにヘッダーを編集させたい場合に適しています。私はその機能を完全にオフにしました。

0
Nohl