it-swarm.asia

كيفية إضافة فئة CSS إلى شعار مخصص؟

قمت بتمكين custom-logo لموضوعي وطباعته مع <?php the_custom_logo(); ?> في الرأس. هل هناك أي فرصة لإضافة بعض الطبقات إلى هذه الصورة مباشرة؟ بشكل افتراضي ، يأتي فقط مع custom-logo.

17
leymannx

يوفر WordPress ربط مرشح لتخصيص الشعار المخصص. الخطاف get_custom_logo هو المرشح. لتغيير فئة الشعار ، قد يساعدك هذا الرمز.

add_filter( 'get_custom_logo', 'change_logo_class' );


function change_logo_class( $html ) {

    $html = str_replace( 'custom-logo', 'your-custom-class', $html );
    $html = str_replace( 'custom-logo-link', 'your-custom-class', $html );

    return $html;
}

المرجع: كيفية تغيير وورد شعار مخصص ورابط الشعار

14
Dhinju Divakaran

إليك اقتراح واحد حول كيفية محاولة إضافة فئات من خلال مرشح wp_get_attachment_image_attributes (لم يتم اختباره):

add_filter( 'wp_get_attachment_image_attributes', function( $attr )
{
    if( isset( $attr['class'] )  && 'custom-logo' === $attr['class'] )
        $attr['class'] = 'custom-logo foo-bar foo bar';

    return $attr;
} );

حيث يمكنك ضبط الطبقات لاحتياجاتك.

12
birgire

كما وجدت نفسك ، يعتمد the_custom_logo على get_custom_logo ، والذي يستدعي نفسه wp_get_attachment_image لإضافة فئة custom-logo. تحتوي الوظيفة الأخيرة على عامل تصفية ، wp_get_attachment_image_attributes والتي يمكنك استخدامها لمعالجة سمات الصورة.

إذاً ما يمكنك فعله هو إنشاء عامل تصفية يتحقق من وجود فئة custom-logo وإذا كانت الإجابة بنعم ، فأضف المزيد من الفئات.

7
cjbj

أعتقد أنني وجدت إجابة واحدة. لكنني أتساءل حقًا ما إذا كانت هذه هي الطريقة الصحيحة؟ يبدو الأمر قذرًا إلى حد ما: لقد قمت ببساطة بنسخ الأجزاء ذات الصلة بالشعار من wp-include/general-template.php إلى وظائف theme.php وإعادة تسميتها مع بعض الفئات المخصصة المضافة:

function FOOBAR_get_custom_logo( $blog_id = 0 ) {
    $html = '';

    if ( is_multisite() && (int) $blog_id !== get_current_blog_id() ) {
        switch_to_blog( $blog_id );
    }

    $custom_logo_id = get_theme_mod( 'custom_logo' );

    if ( $custom_logo_id ) {
        $html = sprintf( '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>',
            esc_url( home_url( '/' ) ),
            wp_get_attachment_image( $custom_logo_id, 'full', false, array(
                'class'    => 'custom-logo FOO-BAR FOO BAR', // added classes here
                'itemprop' => 'logo',
            ) )
        );
    }

    elseif ( is_customize_preview() ) {
        $html = sprintf( '<a href="%1$s" class="custom-logo-link" style="display:none;"><img class="custom-logo"/></a>',
            esc_url( home_url( '/' ) )
        );
    }

    if ( is_multisite() && ms_is_switched() ) {
        restore_current_blog();
    }

    return apply_filters( 'FOOBAR_get_custom_logo', $html );
}

function FOOBAR_the_custom_logo( $blog_id = 0 ) {
    echo FOOBAR_get_custom_logo( $blog_id );
}
2
leymannx