1

私は Wordpress を使用してコンテンツ管理の Web サイトをセットアップしていますが、HTML と CSS についてはかなりの知識があります。CSSでサイトの背景画像を変更したり、ヘッダー画像(背景)を変更したりできます。

私がやりたいことは、絶対に配置できるヘッダー内に画像を追加することです。ただし、タグ付きの画像を header.php に追加しようとすると、コードを正しく入力しているにもかかわらず、「壊れた画像」アイコンが表示されます。

div を追加すると、背景画像を設定できますが、すべてが奇妙にサイズ変更され、正しく表示されません。

Wordpress TwentyEleven または TwentyTen テーマを使用していますが、これがわかりません。それはWordpressの何らかの制限だと思います。どんな助けでも大歓迎です。

4

3 に答える 3

4

header.php で直接機能せず、div の背景として機能するという事実は (コードを表示していませんが、表示する必要があります)、おそらく相対リンクを使用していることを意味します。問題は、WordPress にテンプレート パーツを含めると、相対リンクの使用がより困難になることです。ただし、div を使用する場合、問題はなく、背景画像のサイズも変更されません (CSS ルールが正しく定義されている場合)。しかし、div を挿入してパスの問題を解決するのは悪い習慣です。画像への絶対パスを使用するだけです(または、少なくともウェブサイトのルートからの相対パスなど/wp-content/themes/yourtheme/yourimage.png)。
ただし、コード (img タグおよび/または div の CSS ルール) を投稿してください。

于 2012-11-14T16:57:34.760 に答える
3

画像の URL が間違っている可能性があります。そこにあるすべての URL は style.css の場所 (通常は wp-content/themes/yourtheme ディレクトリ) に対して相対的であるため、スタイルシートでは安全に相対パスを使用できます。ただし、これは、header.php で画像を呼び出す場合には当てはまりません。相対パスは、ロードされたページの URL に基づいて変更されます (img 要素の SRC 属性にあるものは何でも、 URLは)です。

これを回避するには、絶対パス (例: http://yoursite.com/wp-content/themes/yourtheme/images/yourimage.jpg ) を指定するか、スタイルシート ディレクトリを取得して追加する WP テンプレート タグを使用します。次のように img SRC 属性に追加します。

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/yourimage.png" />
于 2012-11-14T22:02:51.887 に答える
2
<img src="<?php echo get_bloginfo('template_url') ?>/img/logo2.png"/>

****これは私のために働いた****

于 2016-07-09T04:16:09.770 に答える