របៀបបន្ថែមធាតុក្រាហ្វិក WordPress?ការរួមបញ្ចូលប្រធានបទតំបន់ធាតុក្រាហ្វិក

មុខងារម៉ឺនុយផ្ទាល់ខ្លួន និងធាតុក្រាហ្វិករបារចំហៀង បាទWordPressមុខងារពិសេសនៅក្នុងប្រធានបទ។

• ការបង្កើតប្រធានបទ ប្រសិនបើវាមិនរួមបញ្ចូលមុខងារទាំងពីរនេះ គឺដូចជាឆ្អឹងជំនីរមាន់...

Chen Weiliangនៅក្នុងមុន។បង្កើតគេហទំព័រនៅក្នុងមេរៀននេះ ខ្ញុំចែករំលែកពីរបៀបផ្តល់ប្រធានបទ WordPressបន្ថែមម៉ឺនុយផ្ទាល់ខ្លួន។

អត្ថបទនេះពិពណ៌នាអំពីរបៀបបន្ថែមមុខងារធាតុក្រាហ្វិកផ្ទាល់ខ្លួននៅពេលបង្កើតរូបរាង។

ដូច​ជា​ការ​បន្ថែម​ម៉ឺនុយ​ផ្ទាល់​ខ្លួន​ទៅ​ស្បែក ការ​បន្ថែម​ធាតុ​ក្រាហ្វិក​ផ្ទាល់​ខ្លួន​ចំណាយ​ពេល​ត្រឹម 3 ជំហាន​ប៉ុណ្ណោះ។

ជំហានដំបូង ការចុះឈ្មោះឧបករណ៍

ដើម្បីប្រើធាតុក្រាហ្វិក អ្នកត្រូវតែចុះឈ្មោះជាមុនសិន បើកឯកសារ functions.php ក្រោមប្រធានបទ WordPress ។

នៅក្នុងឯកសារ functions.php បន្ថែមកូដខាងក្រោម៖

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

កែប្រែស្លាក li និង h2 ក្នុង functions.php ដើម្បីឆ្លើយតបនឹងស្លាកក្នុង sidebar.php៖

ចំណងជើង li និងម៉ូឌុល h2 នៃ 'before_widget' និង 'after_widget' កែប្រែកូដទៅតាមស្ថានភាពជាក់ស្តែង។

(ប្រហែលជាគ្មានការកែប្រែ)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

កូដខាងលើចុះឈ្មោះតំបន់ធាតុក្រាហ្វិកដែលមានឈ្មោះថា "របារចំហៀងកំពូល"៖

• ឈ្មោះដែលបានបង្ហាញគឺ "របារចំហៀងកំពូល" ។
• បន្ថែមស្លាក h2 ទៅចំណងជើង។
• ធាតុមាតិកាត្រូវបានដាក់ស្លាកជាមួយ li ។

ចូលកម្មវិធីខាងក្រោយ WordPressផ្ទាំងគ្រប់គ្រង សូមចូលទៅកាន់ Appearance → Widgets។

ប្រសិនបើអ្នកអាចមើលឃើញផ្ទៃធាតុក្រាហ្វិករបារចំហៀងកំពូលនៅជ្រុងខាងស្តាំនៃរូបភាពខាងក្រោម វាមានន័យថាការចុះឈ្មោះបានជោគជ័យ ▼

ជំហានទីពីរ ការហៅឧបករណ៍

បន្ទាប់ពីឧបករណ៍ត្រូវបានចុះឈ្មោះ វាអាចត្រូវបានហៅនៅក្នុងឯកសារគំរូប្រធានបទ ហើយកូដខាងក្រោមអាចត្រូវបានហៅនៅក្នុងឯកសារ sidebar.php ។

1) នៅក្នុងឯកសារ sidebar.php ខាងក្រោមស្លាក li ឬ div ធំបំផុត បញ្ចូល ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) នៅក្នុងឯកសារ sidebar.php ដែលធំជាងគេឬខាងលើ បន្ថែម ▼

<?php endif; ?>

ជំហានទី XNUMX៖ ដំឡើងធាតុក្រាហ្វិក

1) ឧបករណ៍ត្រូវបានចុះឈ្មោះ ហើយទីតាំងបង្ហាញក៏ត្រូវបានកំណត់នៅក្នុងឯកសារប្រធានបទផងដែរ។

• អ្នកអាចកំណត់តំបន់ក្រុមធាតុក្រាហ្វិកក្នុងផ្ទៃខាងក្រោយ WordPress ▼

2) បន្ទាប់ពីរក្សាទុក ធ្វើឱ្យទំព័រមុខឡើងវិញ។

• របារចំហៀងនៃគេហទំព័ររបស់យើងនឹងមើលទៅដូចរូបភាពខាងក្រោម ▼

អ្នក​អាច​មើល​រូបភាព​ខាង​លើ​ដែល​បង្ហាញ​ថា​ឧបករណ៍​របស់​យើង​ត្រូវ​បាន​បង្កើត​ឡើង​ហើយ​កំពុង​ដំណើរការ​ដូច​ធម្មតា។

តើធ្វើដូចម្តេចដើម្បីបន្ថែមធាតុក្រាហ្វិក WordPress ជាច្រើននៅក្នុងតំបន់ផ្សេងគ្នា?

ធ្វើជំហានទី XNUMX និងទី XNUMX ម្តងទៀតដើម្បីធ្វើឱ្យស្បែក WordPress របស់អ្នកគាំទ្រធាតុក្រាហ្វិកនៅក្នុងទីតាំងផ្សេងៗគ្នា។

ឧបមាថាអ្នកត្រូវបន្ថែមធាតុក្រាហ្វិកទៅបឋមកថា របារចំហៀង និងផ្នែកខាងក្រោមនៃស្បែក។

1) ដំបូងអ្នកត្រូវចម្លងកូដខាងក្រោមទៅក្នុងឯកសារ functions.php ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) បន្ទាប់មកបន្ថែមកូដខាងក្រោមទៅឯកសារ header.php, sidebar.php និង footer.php រៀងៗខ្លួន។

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

footer.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

នេះជាជោគជ័យ!

• ជា​ការ​ពិត​ណាស់ អ្នក​ក៏​អាច​កែប្រែ​ព័ត៌មាន​លម្អិត​ផ្សេងៗ​ក្នុង​កូដ​តាម​តម្រូវ​ការ​របស់​អ្នក ^_^
• ជំហាន 2 ខាងលើ អនុញ្ញាតឱ្យប្រធានបទដែលនៅសល់ បញ្ចូលមុខងាររបស់ធាតុក្រាហ្វិក។

បន្ទាប់មកបន្តចែករំលែកគន្លឹះសម្រាប់ការប្រើប្រាស់ធាតុក្រាហ្វិកក្នុង WordPress ។

គន្លឹះ ធាតុក្រាហ្វិក សមាហរណកម្ម ប្រធានបទ WordPress

គ្រប់គ្រងធាតុក្រាហ្វិកផ្ទាល់ខ្លួនប្រកបដោយប្រសិទ្ធភាព៖

1) បន្ទាប់ពីបន្ថែមធាតុក្រាហ្វិកទៅស្បែក អ្នកអាចបង្កើតឯកសារដាច់ដោយឡែក ហើយដាក់ឈ្មោះវា។widgets.php។

• ដើម្បីរក្សាទុកកូដធាតុក្រាហ្វិកផ្ទាល់ខ្លួនទាំងអស់ដែលបានបន្ថែមក្នុងជំហានទី 1 ទៅក្នុងថតនេះ។

2) បន្ថែមកូដទៅឯកសារ functions.php៖

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) រក្សាទុកកូដធាតុក្រាហ្វិកផ្ទាល់ខ្លួនទាំងអស់ដែលបានបន្ថែមក្នុងជំហានទី 1 ទៅកាន់ឯកសារ widgets.php ។

វិធីសាស្រ្តនេះធានាថាធាតុក្រាហ្វិកទាំងអស់ដំណើរការយ៉ាងរលូន និងដំណើរការលើកំណែ WordPress ទាំងអស់ដែលគាំទ្រធាតុក្រាហ្វិក។

វិធីនេះ អ្នកអាចគ្រប់គ្រងឯកសារប្រធានបទ WordPress របស់អ្នកកាន់តែមានប្រសិទ្ធភាព។