តើធ្វើដូចម្តេចដើម្បីបង្ហាញតំណភ្ជាប់មិត្តភាពផ្ដេក? គេហទំព័រ WordPress ខាងក្រោម ខ្សែសង្វាក់មិត្តភាពផ្តេក CSS

មាន​អ្នក​ធ្វើ​ជំនួញ​បរទេស网络营销។មិត្តភ័ក្តិ និងចង់ដាក់តំណភ្ជាប់ដែលងាយស្រួលប្រើនៃរបារឧបករណ៍ចំហៀងនៅផ្នែកខាងក្រោមនៃគេហទំព័រ។

វិធីនេះ មិត្តភ័ក្តិនៅក្នុងតំណភ្ជាប់មិត្តភាពក៏អាចមើលការតភ្ជាប់របស់ពួកគេនៅលើទូរស័ព្ទរបស់ពួកគេផងដែរ។

Chen Weiliangបានរកឃើញវិធីសាស្រ្តមួយចំនួននៅលើអ៊ីនធឺណិត ហើយទីបំផុតបានរកឃើញដំណោះស្រាយដ៏ល្អឥតខ្ចោះ។

សម្រាប់WordPressតើត្រូវបន្ថែមតំណទៅគេហទំព័រដោយរបៀបណា?

នៅទីនេះយើងនឹងពិភាក្សាអំពីរបៀបផ្លាស់ទីតំណទៅផ្នែកខាងក្រោមនៃគេហទំព័រដើមដំបូងស្វែងរកឯកសារ footer.php នៅក្នុងថតប្រធានបទ (រូបរាង → កែសម្រួល → footer.php)

ចំណាំ៖ មុនពេលកែសម្រួលឯកសារស្បែក ត្រូវប្រាកដថាបានបម្រុងទុកឯកសាររបស់អ្នក។

បន្ថែម​កូដ​តំណ​មិត្តភាព

បន្ថែមកូដខាងក្រោមខាងលើ footer.php៖

<!--links-bottom-index-->

<div class="span12 home-links">
<div class="widget-box">
<div class="widget-title"><span class="icon"><i class="fa fa-link fa-fw"></i></span><h3>友情链接</h3></div>
<div class="widget-content">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=66,192&title_li='); ?>
</ul>
<div class="clear"></div>
</div>
</div>
</div>

<!--end links-bottom-index-->

ជាធម្មតានៅពេលដែលបានបន្ថែមវានឹងបង្ហាញជាធម្មតា ប៉ុន្តែប្រសិនបើអ្នកត្រូវការកែសម្រួលរចនាប័ទ្ម អ្នកនឹងត្រូវកែសម្រួលឯកសារ CSS ។

CSS ដើម្បី​បង្ហាញ​តំណ​រួសរាយរាក់ទាក់​ផ្ដេក​នៅ​ផ្នែក​ខាងក្រោម​នៃ​គេហទំព័រ

រូបរាង >> កែសម្រួល >> style.css សម្រាប់កែសម្រួល css កូដជាក់លាក់មានដូចខាងក្រោម៖

/*首页底部横排显示友情链接CSS*/
.widget-box {position:relative;clear:both;margin-bottom:20px;border-top:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;background:none repeat scroll 0 0 #fff;}
.widget-title {height:40px;border-bottom:1px solid #E1E1E1;background:#F8F8F8;}
.widget-content {position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1;}

បន្ទាប់ពីធ្វើការផ្លាស់ប្តូរខាងលើ កូដនឹងបង្ហាញជាធម្មតា ហើយតំណភ្ជាប់ដែលងាយស្រួលគ្រប់គ្រងនឹងបង្ហាញផ្ដេក។