0

私は友人のためにサイトを作成していて、HTML のヘルプが必要です。タイトルをヘッダー画像全体に平らに配置する必要がありますが、自分で 1 行に収まらないようです。何か助けはありますか？私はいくつかの異なることを試みましたが、何もうまくいきませんでした。ウェブアドレスはleschwaller.com です

4

3 に答える 3

1

margin-right: 270px;スタイルから を削除しsite-title:ます。おおよそのライン 509 インチhttp://leschwaller.com/wp-content/themes/twentyeleven/style.css

于 2012-05-29T19:37:34.727 に答える
1

style.css で変更する必要があります

#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}

に

#site-title {
margin-right: 10px;
padding: 3.65625em 0 0;
}
于 2012-05-29T19:38:16.737 に答える
0

CSS ルールで margin-right を減らす必要があるという点で、他の 2 つの回答は正しいです。

ただし、画像をサイト タイトルのすぐ下に表示させようとしている場合は、サイトの説明用の行がまだそこにあります。ページのソースを見ると、空白が表示されていることがわかります<h2>。

それを取り除くアプローチには2つの方法があります - 迅速かつ汚い方法と適切な方法です。簡単で汚い方法は、CSS で単純に非表示にすることです。

#site-description { display: none; }

適切な方法は、 Wordpress で子テーマを作成し、それを変更してマークアップから を削除すること<h2>です。

大まかに、これはあなたがすることです：

  • wp-content/themes フォルダーに新しいディレクトリを作成し、好きな名前 (例: "author") を付けます。
  • そのディレクトリに style.css ファイルを作成します

そして、これを一番上に置きます：

/*
Theme Name:     Author
Theme URI:      http://leschwaller.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Your name here
Author URI:     http://example.com/about/
Template:       twentyeleven
Version:        0.1.0
*/

これにより、このテーマが TwentyElevenの子として設定されます。これはとにかく使用しています。このテーマに必要な変更を加えます。そうすれば、Wordpress が更新されると、変更を上書きすることなく TwentyEleven が更新されます。ただし、TwentyEleven に組み込まれているすべての機能を利用できます。

この特定の目的のために、TwentyEleven テーマ ディレクトリから新しいテーマ ディレクトリにheader.php<h2>をコピーし、 . そのファイルの 75 行目にあります。これは子テーマであるため、TwentyEleven の残りの部分を「継承」するため、他のすべては以前と同じように機能します。

于 2012-05-30T12:55:52.483 に答える