web-dev-qa-db-ja.com

Twenty Elevenの子供のテーマで注目画像の高さを変更する方法

私はTwenty Elevenのための私の子供のテーマで私の注目の画像の高さを350pxに変えようとしています。

誰でも手伝ってくれる?

注:Twenty Elevenを使用していますが、親テーマのfunctions.phpファイルが子テーマのfunctions.phpファイルの後に含まれているため、子テーマにはfunctions.phpファイルがありません。

子テーマを作成するときは、親テーマからfunctions.phpファイルをコピーしないでください。

私が子テーマに持っている唯一のファイルはstyle.css、header.css、footer.cssです。

私は何を置くべきかわからないので私はまだ注目の画像の高さの変更のためのコードを追加していません - 手助けが大好きです。

2
wolf

Childテーマに、親テーマとは別のサイズのフィーチャー画像が必要な場合は、functions.phpファイルをchildテーマに追加し、そのテーマの特定の機能を追加する必要があります。

WordPressから Codex 子テーマの機能について。php

Style.cssとは異なり、子テーマのfunctions.phpは、親からの対応物をオーバーライドしません。代わりに、それは親のfunctions.phpに加えてロードされます。 (具体的には、親のファイルの直前に読み込まれます。)

それでは、childテーマの画像サイズを150x150ピクセルにしたいとしましょう。単に add_image_size をchildsのfunctions.phpファイルに追加します。

親がすでにpost-thumbnailsをサポートしている場合の例として、サムネイルサイズを追加するだけです。

if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 150, 150 ); // default Post Thumbnail dimensions
}

あなたが子供のテーマだけでもっと多くのサイズが欲しいならば、あなたはただ加えます:

if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
    add_image_size( 'homepage-thumb', 220, 180, true ); //(cropped)
}

そしてそれを次のように呼び出します。

<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'category-thumb' ); } ?>
2

あなたはfunctions.phpファイルで子テーマを作成しなければなりません、そしてファイルには以下を含めてください

function mytheme_setup() {
    set_post_thumbnail_size(624, 260, true);
}
add_action('after_setup_theme', 'mytheme_setup', 20);

add_action呼び出しの最後の引数が優先順位です。この呼び出しは親テーマからの呼び出しの前に行われるため、子の設定機能が親の設定機能の後に実行されるように、親テーマの設定よりも優先順位が高いことを確認する必要があります。登録順に実行されます。 12はデフォルトの優先順位である10を使用します。

1
Claude Vedovini

私があなたの状況を正しく理解したならば、これはあなたがする必要があることです。

あなたの親テーマは Twenty Eleven で、この関数を使ってカスタム画像サイズを作成します。

add_image_size( 'small-feature', 500, 300 );

画像サイズを変更するためにtwentyeleven_setup()関数をフィルタリングすることができます - しかしそれは私のコーディング知識の範囲外です。そのため、代わりに、独自の画像サイズを作成して使用することができます。

  1. 次のコードを使用して空のfunctions.phpファイルを作成し、それを子のテーマディレクトリにドロップします(以下の新しい関数には350ではなく300があることに注意してください)。

    <?php
        add_image_size( 'custom-small-feature', 500, 350 );
    
  2. それでは、親テーマのshowcase.phpファイルを子テーマのディレクトリにコピーしてください。その中で、これを置き換えます。

    $thumbnail_size = 'small-feature';
    

    これとともに:

    $thumbnail_size = 'custom-small-feature';
    

それはそれをするべきです。

0
its_me