2

私はワードプレスを使用してブログを作成しました。それは私のローカルホストで開発されました。テーマはここにあるLUGADAテーマです。

デザイナーが300×70と指定したテーマに指定サイズよりも大きいロゴを追加したい。彼らが提供する機能を使用して新しいロゴをアップロードしようとすると、必要なサイズに画像をトリミングする必要がありますが、これを回避するにはどうすればよいですか？

私はheader.phpを見て、これを見つけました：

<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

HEADER_IMAGE_WIDTHとHEADER_IMAGE_HEIGHTを削除しようとしましたが、アップロード機能により画像をトリミングする必要があります

ロゴをハードコーディングすることを検討しましたが、テーマを変更してもロゴを引き続き使用できるようにしたいと考えています。また、wp-includes / theme.phpで見つけたheader_image（）を追跡しようとしましたが、そこから何をすべきかを理解できませんでした。

要件に合わせたサイズのロゴをどのように配置するかを誰かに教えてもらえますか？

4

1 に答える 1

2

私がお勧めするこのテーマにはいくつかの調整があり、それらはあなたが探している結果を達成するはずです。

まず、テーマは現在add_custom_image_header、ロゴをアップロードできるようにするために非推奨のメソッド（）を使用しています。それを一時的に止めて、新しい関数を使用しましょう。結果に満足している場合は、私の指示に従ってコードをクリーンアップできます。

  1. functions.php行135、136、および176を開いて見つけ、コメントアウトします。

    //define('HEADER_IMAGE_WIDTH', 300); // use width and height appropriate for your theme
//define('HEADER_IMAGE_HEIGHT', 300);

//add_custom_image_header('lugada_header_style', 'lugada_admin_header_style');

  2. 行176の後に次のコードを追加します。

    $header_defaults = array(
    'width'=>300,
    'height'=>200,
    'flex-height'=>true,
    'flex-width'=>true
);
add_theme_support( 'custom-header', $header_defaults );

  3. ファイルで、先に進み、header.php68行目を次のコードに置き換えます（幅と高さの属性を削除します）。

    <img src="<?php header_image(); ?>" alt="" />

このコードに関するいくつかの注意...

  • 現在、カスタムヘッダーロゴに新しい方法を使用しています。これは、将来的にWordPressをアップグレードする際の問題が少なくなることを意味します
  • 柔軟な高さと幅を使用しているので、好きなようにトリミングできます
  • これらの高さと幅の値は、任意の値に変更できます（デフォルトの場合）
  • add_theme_support ここでの使用法に関する詳細情報を見つけることができ、さらに役立つオプションを見つけることができます。

結果に満足していて、コードをクリーンアップしたい場合は、行135、136、および176を削除し、およびという名前の2つの関数を削除できlugada_header_styleますlugada_admin_header_style。

楽しむ！

于 2013-01-04T21:16:56.467 に答える