இரண்டாம் நிலை/பல நிலை வழிசெலுத்தல் பட்டி தனிப்பயன் மெனுவை வேர்ட்பிரஸ் எவ்வாறு அழைக்கிறது?

நிறைய网络 营销மக்கள் தேர்வு செய்கிறார்கள்வேர்ட்பிரஸ்வாருங்கள்ஆ, ஆனால் சில தீம்களின் வழிசெலுத்தல் பட்டி இரண்டாம் நிலை/பல-நிலை மெனுக்களை ஆதரிக்காது. நீங்கள் திருப்தி அடையவில்லை என்றால், தீமின் மெனு பாணியை கைமுறையாக சேர்க்க மற்றும் மாற்ற முயற்சி செய்யலாம்.

மாற்றம் header.php இலிருந்து தொடங்குகிறது.இந்த டெம்ப்ளேட் கோப்பில் ஒரு முக்கியமான செயல்பாடு மெனுவின் காட்சி ஆகும்.

வகையை மெனுவாக அழைக்க குறியீட்டைப் பயன்படுத்தினால், அதுவும் சாத்தியமாகும், ஆனால் மெனு உருப்படிகளை வரிசைப்படுத்துவது வசதியாக இல்லை.

துணை வகைகளைக் கொண்ட கோப்பகங்களைக் கையாள்வது எளிதல்ல, எனவே மற்ற தீம்களைப் போலவே தனிப்பயன் மெனு செயல்பாடுகளையும் எனது கருப்பொருளில் சேர்க்க விரும்புகிறேன்.

புதிதாக உருவாக்கப்பட்ட கருப்பொருளில் மெனு தனிப்பயனாக்குதல் செயல்பாட்டைச் சேர்ப்பது கடினம் அல்ல, முக்கியமாக 2 படிகள் உள்ளன.

முதல் படி, வேர்ட்பிரஸ் மெனு பதிவு

மெனுவைப் பயன்படுத்த, நீங்கள் முதலில் பதிவுசெய்து, கருப்பொருளின் கீழ் செயல்பாடுகள் கோப்பைத் திறந்து, பின்வரும் குறியீட்டைச் சேர்க்க வேண்டும் ▼

<?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 கோப்பு இல்லை என்றால், புதிய ஒன்றை உருவாக்கி, அதைச் சேமிக்க மேலே உள்ள குறியீட்டை நகலெடுக்கவும்.

உள்நுழையவேர்ட்பிரஸ் பின்தளம், பின்னர் தோற்றம்→மெனுவிற்குச் செல்லவும்.

கீழே உள்ள திரையை உங்களால் பார்க்க முடிந்தால், நீங்கள் ▼ ஆக பதிவு செய்துள்ளீர்கள் என்று அர்த்தம்

மேலே உள்ள பதிவுகள் 2 மெனுக்கள்:

1. ஒரு மேல் மெனு மேல் மெனுபார்.
2. ஒரு முக்கிய மெனு எம்ain மெனுபார்.

இரண்டாவது படி, வேர்ட்பிரஸ் மெனு அழைப்பு

மெனு பதிவு செய்யப்பட்ட பிறகு, அதை தீம் டெம்ப்ளேட் கோப்பில் அழைக்கலாம். பின்வரும் குறியீட்டை 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: அமைப்புகள் மெனு

மெனு பதிவு செய்யப்பட்டு, மெனுவின் காட்சி நிலை தீம் கோப்பில் வரையறுக்கப்பட்ட பிறகு, நீங்கள் வேர்ட்பிரஸ் பின்னணியில் புதிய மெனு உருப்படியை உருவாக்கலாம்.

பின்னர், புதிதாக உருவாக்கப்பட்ட மெனு உருப்படியை பதிவு செய்யப்பட்ட மெனுவில் ஒதுக்கி, தொடர்புடைய உறவைப் பரிந்துரைக்கவும் ▼

வேர்ட்பிரஸ் பல நிலை மெனு வழிசெலுத்தல் பட்டியை உருவாக்கவும்

வேர்ட்பிரஸ் பல நிலை மெனுவை எவ்வாறு உருவாக்குவது என்பது பற்றி இப்போது பேசலாம்:

முதலில் உங்கள் சொந்த வேர்ட்பிரஸ் தீமின் செயல்பாடுகள் கோப்பில் அசல் மெனு குறியீட்டை நீக்கவும்.

அல்லது இந்தக் குறியீட்டை நேரடியாகச் சேர்க்கவும் ▼

<?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>

• குறிப்பு: இந்தக் குறியீட்டில் மற்ற எண்கள் இல்லை என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள், இல்லையெனில் அது வெளிப்புறத் தொகுதியால் கட்டுப்படுத்தப்படும்.

அடுத்த படி கீழ்தோன்றும் JS செயல்பாட்டுக் குறியீட்டைச் சேர்ப்பது மற்றும் தீமின் JS கோப்பில் பின்வரும் குறியீட்டைச் சேர்ப்பது ▼

jQuery(document).ready(function($) {
$('#nav li').hover(function() {
$('ul', this).slideDown(200)},
function() {$('ul', this).slideUp(300)});});

வேர்ட்பிரஸ் மெனு CSS பாணிகள்

இறுதியாக, CSS பாணி அழகுபடுத்தல்.

என்ன வகையான விளைவு இருக்க வேண்டும், உங்கள் கற்பனைக்கு முழு நாடகம் கொடுங்கள், 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;}

• தீமின் style.css கோப்பில் மேலே உள்ள CSS குறியீட்டைச் சேர்த்து அதைச் சேமிக்கவும்.

சேமித்த பிறகு, உங்கள் வலைத்தளத்தின் முன் பக்கத்தைப் புதுப்பிக்கவும், அதன் விளைவை நீங்கள் பார்க்கலாம், இது மிகவும் எளிமையானதா?