បញ្ជីអត្ថបទ
ច្រើន网络营销។មនុស្សជ្រើសរើសWordPressមកបង្កើតគេហទំព័រប៉ុន្តែរបាររុករកនៃរូបរាងមួយចំនួនមិនគាំទ្រម៉ឺនុយបន្ទាប់បន្សំ/ពហុកម្រិតទេ។ ប្រសិនបើអ្នកមិនពេញចិត្ត អ្នកអាចព្យាយាមបន្ថែម ឬកែប្រែរចនាប័ទ្មម៉ឺនុយនៃរចនាប័ទ្មដោយដៃ។
ការកែប្រែចាប់ផ្តើមពី header.php មុខងារសំខាន់មួយនៅក្នុងឯកសារគំរូនេះគឺការបង្ហាញម៉ឺនុយ។
ប្រសិនបើអ្នកប្រើលេខកូដដើម្បីហៅប្រភេទជាម៉ឺនុយ វាក៏អាចធ្វើទៅបានដែរ ប៉ុន្តែវាមិនងាយស្រួលក្នុងការតម្រៀបធាតុម៉ឺនុយនោះទេ។
ថតដែលមានប្រភេទរងមិនងាយស្រួលក្នុងការដោះស្រាយទេ ដូច្នេះខ្ញុំក៏ចង់បន្ថែមមុខងារម៉ឺនុយផ្ទាល់ខ្លួនទៅស្បែករបស់ខ្ញុំដូចស្បែកផ្សេងទៀតដែរ។
វាមិនពិបាកក្នុងការបន្ថែមមុខងារប្ដូរតាមបំណងម៉ឺនុយទៅស្បែកដែលទើបបង្កើតថ្មីនោះទេ ភាគច្រើនមាន 2 ជំហាន។
ជំហានដំបូង ការចុះឈ្មោះម៉ឺនុយ WordPress
ដើម្បីប្រើម៉ឺនុយ អ្នកត្រូវតែចុះឈ្មោះជាមុនសិន បើកឯកសារមុខងារក្រោមប្រធានបទ ហើយបន្ថែមកូដខាងក្រោម ▼
<?php //自定义菜单 if (function_exists('register_nav_menus')) { register_nav_menus( array( 'top_navi' => __('顶部菜单') ) ); register_nav_menus( array( 'menu_navi' => __('站点导航') ) ); register_nav_menus( array( 'foot_navi' => __('底部菜单') ) ); } ?>
- ប្រសិនបើមិនមានឯកសារ functions.php នៅក្រោមស្បែកទេ បង្កើតថ្មីមួយ ហើយចម្លងកូដខាងលើដើម្បីរក្សាទុកវា។
ចូលកម្មវិធីខាងក្រោយ WordPressហើយបន្ទាប់មកចូលទៅកាន់ Appearance → Menu។
ប្រសិនបើអ្នកអាចមើលឃើញអេក្រង់ខាងក្រោម វាមានន័យថាអ្នកបានចុះឈ្មោះជា ▼
ខាងលើចុះឈ្មោះ 2 ម៉ឺនុយ:
- ម៉ឺនុយកំពូល Top Menubar ។
- ម៉ឺនុយមេ Main របារម៉ឺនុយ។
ជំហានទីពីរ ហៅម៉ឺនុយ WordPress
បន្ទាប់ពីម៉ឺនុយត្រូវបានចុះឈ្មោះវាអាចត្រូវបានហៅនៅក្នុងឯកសារគំរូប្រធានបទ។ដាក់កូដខាងក្រោមនៅក្នុងឯកសារ header.php ហើយអ្នកអាចហៅវាទៅកន្លែងដែលអ្នកចង់បង្ហាញម៉ឺនុយ។
នៅក្នុងឯកសារ header.php ហៅ "ម៉ឺនុយកំពូល"▼
//顶部菜单调用 <?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>
នៅក្នុងឯកសារ header.php ហៅ "ម៉ឺនុយមេ"▼
//主菜单调用 <div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'menu_navi','menu_id'=>'nav','container'=>'ul')); } ?> </div>
'menu_navi')); ?>
ហៅ "ម៉ឺនុយខាងក្រោម" នៅក្នុងឯកសារ footer.php ▼
//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>
ជំហានទី XNUMX: ម៉ឺនុយការកំណត់
បន្ទាប់ពីម៉ឺនុយត្រូវបានចុះឈ្មោះ ហើយទីតាំងបង្ហាញរបស់ម៉ឺនុយត្រូវបានកំណត់នៅក្នុងឯកសារប្រធានបទ អ្នកអាចបង្កើតធាតុម៉ឺនុយថ្មីនៅក្នុងផ្ទៃខាងក្រោយ WordPress ។
បន្ទាប់មក កំណត់ធាតុម៉ឺនុយដែលបានបង្កើតថ្មីទៅម៉ឺនុយដែលបានចុះឈ្មោះ ហើយណែនាំទំនាក់ទំនងដែលត្រូវគ្នា ▼
បង្កើតរបាររុករកម៉ឺនុយពហុកម្រិត wordpress
ឥឡូវនេះសូមនិយាយអំពីរបៀបបង្កើតម៉ឺនុយពហុកម្រិត WordPress៖
ដំបូងលុបកូដម៉ឺនុយដើមនៅក្នុងឯកសារមុខងារនៃស្បែក WordPress ផ្ទាល់ខ្លួនរបស់អ្នក។
ឬបន្ថែមលេខកូដនេះដោយផ្ទាល់ ▼
<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>
- ចំណាំ៖ ត្រូវតែចូលបានបន្ថែមនៅខាងក្រៅ។
បន្ទាប់មកស្វែងរកកូដ PHP សម្រាប់ប្រធានបទដើម្បីហៅម៉ឺនុយ ប្រសិនបើវាឆៅ វាជាធម្មតាដូចនេះ ▼
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
យកវាចេញ ហើយជំនួសវាដោយ ▼
<div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul')); } ?> </div>
- ចំណាំ៖ សូមប្រាកដថា លេខកូដនេះមិនមាន divs ផ្សេងទៀតទេ បើមិនដូច្នេះទេ វានឹងត្រូវកំណត់ដោយ div ខាងក្រៅ។
ជំហានបន្ទាប់គឺត្រូវបន្ថែមកូដមុខងារ JS ទម្លាក់ចុះ ហើយបន្ថែមកូដខាងក្រោមទៅឯកសារ JS របស់ប្រធានបទ ▼
jQuery(document).ready(function($) { $('#nav li').hover(function() { $('ul', this).slideDown(200)}, function() {$('ul', this).slideUp(300)});});
រចនាប័ទ្ម CSS ម៉ឺនុយ WordPress
ជាចុងក្រោយ CSS Style Beautification។
តើគួរមានឥទ្ធិពលបែបណា ផ្ដល់ការលេងពេញលេញដល់ការស្រមៃរបស់អ្នក CSS អាចធ្វើវាបាន ▼
#menu {position:relative;width:99%;margin:0 5px 0 5px;height:36px;background: #f6f6f6 url("images/jtyu.jpg");} #menu li{border-right:0px #ace solid;} #nav{margin-left:30px;width:900px;height:36px;} #nav li{font-size:14px;width:100px;line-height:30px;float:left;background: #f6f6f6 url("images/iol.jpg");border-bottom:0px #fff solid} #nav li a{line-height:36px;color:#fff;text-align:center;display:block;background:url("images/beg.png") no-repeat;margin:0;} #nav li a:hover{background:url("images/oilu.png") no-repeat center;color:#f03;} .sub-menu {height:36px;float:left;position:absolute;text-align:center;display:none;} .sub-menu a {border-top:0px #fff solid;height:36px;color:#fff; text-decoration:none; line-height:36px; text-align:center; padding:0 20px; display:block; _width:48px;}
- បន្ថែមកូដ CSS ខាងលើទៅឯកសារ style.css របស់ប្រធានបទ ហើយរក្សាទុកវា។
បន្ទាប់ពីរក្សាទុក ធ្វើឱ្យទំព័រមុខនៃគេហទំព័ររបស់អ្នកឡើងវិញ អ្នកអាចឃើញប្រសិទ្ធភាព តើវាសាមញ្ញណាស់មែនទេ?
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) បានចែករំលែក "តើ WordPress ហៅម៉ឺនុយផ្ទាល់ខ្លួនរបាររុករកកម្រិតទីពីរ/ពហុកម្រិតយ៉ាងដូចម្តេច? , ដើម្បីជួយអ្នក។
សូមស្វាគមន៍ចំពោះការចែករំលែកតំណភ្ជាប់នៃអត្ថបទនេះ៖https://www.chenweiliang.com/cwl-1521.html
សូមស្វាគមន៍មកកាន់ឆានែល Telegram នៃប្លុករបស់ Chen Weiliang ដើម្បីទទួលបានព័ត៌មានថ្មីៗចុងក្រោយបង្អស់!
📚 មគ្គុទ្ទេសក៍នេះមានតម្លៃមហាសាល 🌟នេះជាឱកាសដ៏កម្រ សូមកុំអូសរំលង! ⏰⌛💨
Share និង Like ប្រសិនបើអ្នកចូលចិត្ត!
ការចែករំលែក និងការចូលចិត្តរបស់អ្នកគឺជាការលើកទឹកចិត្តបន្តរបស់យើង!