it-swarm.asia

هل هناك إمكانية لتخصيص السمة الحالية بإضافة أشرطة جانبية

أنا أستخدم سمة WordPress التي تحتوي فقط على رأس وتذييل. أرغب في الاستمرار في استخدامه عن طريق تغيير العرض وإضافة أشرطة جانبية.

هل يمكن لأي أحد أن يساعدني في تغيير عرض السمة (لتناسب الشاشة). هل لدى أي شخص فكرة عن كيفية إضافة أشرطة جانبية لهذا المظهر؟

==========

آسف لعدم توضيح في سؤالي السابق. السمة التي أستخدمها هي Minicard

خطوط مماثلة ل ...

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>'
    ));

هل هناك بالفعل.

هذا هو الرمز الذي وجدته هناك:

if ( function_exists('register_sidebar') ) {

    register_sidebar(array(
        'name' => __('Beneath the Card (Top)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
    register_sidebar(array(
        'name' => __('Beneath the Card (Bottom)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
}

لذلك قمت بإنشاء ملف sidebar.php وأضفت الكود الذي أعطيته للشريط الجانبي.

فيما بعد حاولت إضافة الكود التالي:

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

إلى CSS.

بعد إجراء هذه التغييرات ، بحثت عن الشريط الجانبي ولم أجد أي تغيير إضافي.

1
user391

عمومًا ، يمكنك تغيير العرض من ملف style.css ، الموجود في دليل السمات (استخدم firebug لتحديد العنصر).

لإضافة أشرطة جانبية ... استخدم هذا البرنامج التعليمي .

1
negatif

@ user391،

إذا كنت تريد استخدام عناصر واجهة الشريط الجانبي ، أضف الكود التالي إلى ملف functions.php الخاص بك

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
    ));

بعد ذلك ، ستحتاج إلى تحديد معرف CSS أو الفصل الذي يلتف المحتوى الرئيسي أو المنشورات. عادة ما يمكن العثور على هذا من خلال النظر في ملف index.php الخاص بك أسفل <?php get_header(); ?> مباشرة

يجب أن ترى شيئًا مثل <div id="content"> لكن قد يتم تسميته بشيء آخر. في الجزء السفلي من الصفحة ، ابحث عن علامة div ، أي: </div> والتي عادة ما تكون مباشرة قبل <?php get_footer(); ?> - ستغلق بعض المظاهر divs الموجودة في footer.php إذا كانت هذه هي الحالة ستحتاج إلى إزالتها من footer.php قبل <?php get_footer(); ?>

بعد ذلك ، تحتاج إلى إضافة <?php get_sidebar(); ?> بعد div div وقبل <?php get_footer(); ?> وإنشاء ملف قالب جديد باسم sidebar.php

أضف الكود التالي إلى sidebar.php

<div id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>

</div><!--/sidebar-->

بعد ذلك ، سيتعين عليك تعديل CSS لاستيعاب الشريط الجانبي. ابحث عن #content أو المعرف أو اسم الفئة الذي وجدته أعلاه وقم بتغيير العرض وتعويمه إلى اليسار وإضافة الشريط الجانبي الذي أنشأناه للتو. فمثلا:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

قد تضطر إلى ضبط العروض حسب عرض div المجمع الرئيسي.

يمكنك الآن إضافة محتوى إلى الشريط الجانبي باستخدام التطبيقات المصغرة في لوحة معلومات WordPress.

1
Chris_O