ساخت ويجت براي وردپرس
آموزش ساخت ويجت براي وردپرس در سايت آموزش برنامه نويسي :
براي انجام اين كار سه مرحله را بايد طي كنيم(سه مرحله خيلي آسان).
۱- ثبت ويجت در قالب وردپرس
۲- وارد كردن ويجت در قالب وردپرس
۳- افزودن استايل دلخواه به ويجت
نكته: قبل از اعمال تغييرات از فايل functions.php و footer.php بك آپ بگيريد كه در صورت اشتباه نسخه اصلي را داشته باشيد.
مرحله اول: ثبت ويجت در قالب وردپرس
فايل functions.php كه در قالب خود داريد را باز كنيد و عبارت زير را در آن جستجو كنيد:
register_sidebar
جستجوي اين عبارت شما را به بخشي از كد كه در آنجا سايدبارها ثبت شده اند هدايت مي شويد.
حالا كد زير را در آنجا كپي كنيد. اين تكه كد سه ناحيه ابزارك(widget area) در بخش فوتر ايجاد مي كند.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
register_sidebar( array('name' => 'Developzoom Sidebar 1','id' => 'footer-sidebar-1','description' => 'Appears in the footer area','before_widget' => '','after_widget' => '','before_title' => ','after_title' => '',) );register_sidebar( array('name' => 'Developzoom Sidebar 2','id' => 'footer-sidebar-2','description' => 'Appears in the footer area','before_widget' => '','after_widget' => '','before_title' => ','after_title' => '',) );register_sidebar( array('name' => 'Developzoom Sidebar 3','id' => 'footer-sidebar-3','description' => 'Appears in the footer area','before_widget' => '','after_widget' => '','before_title' => ','after_title' => '',) ); |
مرحله دوم: وارد كردن ويجت در قالب وردپرس
فايل footer.php خود را باز كنيدو كد زير را در هر بخشي از فوتر كه مي خواهيد ابزارك ها را نمايش دهيد وارد كنيد.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<div id="footer-sidebar" class="secondary"><div id="footer-sidebar1">if(is_active_sidebar('footer-sidebar-1')){dynamic_sidebar('footer-sidebar-1');}?><div id="footer-sidebar2">if(is_active_sidebar('footer-sidebar-2')){dynamic_sidebar('footer-sidebar-2');}?><div id="footer-sidebar3">if(is_active_sidebar('footer-sidebar-3')){dynamic_sidebar('footer-sidebar-3');}?> |
مرحله سوم: افزودن استايل دلخواه به ويجت
حالا استايل زير رو به فايل style.css خود اضافه كنيد.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
#footer-sidebar {display:block;height: 250px;}#footer-sidebar1 {float: left;width: 340px;margin-left:5px;margin-right:5px;}#footer-sidebar2 {float: left;width: 340px;margin-right:5px;}#footer-sidebar3 {float: left;width: 340px;} |
حالا شما در بخش ابزارك پنل وردپرس سه ناحيه جديد داريد كه هر ابزاركي در آن قرار دهيد در فوتر شما نمايش داده مي شود.
موفق باشيد.
منبع : آموزش طراحي سايت
برچسب: آموزش برنامه نويسي، آموزش وردپرس، آموزش طراحي سايت،
خبرنامه پیامکی