فوتر قالب وردپرس و مهیا سازی آن
نوشته شده توسط : mihan4shop

در دومی بخش از ارزیابی لیست پباده سازی قالب وردپرس , با یک نمایش حقیقی و واقعی پباده سازی قالب وردپرس , می‌خواهیم بخش فوتر تارنما را مهیا کرده و آن را در پوشه index . php فراخوانی نماییم . بعداز آن , بخش Top Menu بالای وب سایت را در قالب وردپرس تعریف نموده و همین طور با چند نکته قابل توجه دراین مورد آشنا خوا‌هیم شد . درین نصیب از فراگیری های قالب وردپرس , همینطور با Navigation Menu ها و روش کار با آنها و توابع مالامال استعمال در آنان آشنا خوا هیم گشت . فوتر قالب وردپرس بخش نخستین : تعریف فوتر قالب وردپرس اسکن کردن همه فولدر های بخش فوتر وب سایت در پوشه فوتر قالب وردپرس با اسم footer . php ( بخش ۰۰۷ در درون کدها ) , به دلیل صحیح نمایش داده نشدن اسکریپت ها , تمامی قسمت های دارنده تگ script به طور کامنت نشان داده شده‌است . ( footer ( > ( container ( > ( footer - details ( > ( newsletter ( > ( social - share - links ( > ( # ( >( fa fa - google - plus ( > ( # ( >( fa fa - instagram ( > ( # ( >( fa fa - twitter ( > ( # ( >( fa fa - facebook ( > ( footer - copyright ( > ( footer - menu ( > ( copyright ( >کلیه حقوق و دستمزد برای وبمستر وردپرس محفوظ می باشد ( < ? php /*echo get _ template _ directory _ uri ( ) . ' /js/vendor/jquery - 1 . 11 . 3 . min . js ' */ ? > ( > - - > ( < ? php /*echo get _ template _ directory _ uri ( ) . ' /js/responsiveslides . min . js ' */ ? > ( > - - > ( < ? php /*echo get _ template _ directory _ uri ( ) . ' /js/plugins . js ' */ ? > ( > - - > ( < ? php /*echo get _ template _ directory _ uri ( ) . ' /js/main . js ' */ ? > ( > - - > : change UA - XXXXX - X to be your site ' s ID . - - > // ( function ( b , o , i , l , e , r ) { // b . GoogleAnalyticsObject = l; // b[l] || ( b[l] = // function ( ) { // ( b[l] . q = b[l] . q || [] ) . push ( arguments ) // } ) ; // b[l] . l = +new Date; // e = o . createElement ( i ) ; // r = o . getElementsByTagName ( i ) [0]; // e . src = ' https : //www . google - analytics . com/analytics . js ' ; // r . parentNode . insertBefore ( e , r ) // } ( window , document , ' script ' , ' ga ' ) ) ; // ga ( ' create ' , ' UA - XXXXX - X ' , ' auto ' ) ; // ga ( ' send ' , ' pageview ' ) ; - - > < ? php wp _ footer ( ) ; ? > در لحاظ داشته باشید که همگی فولدر های استایل و اسکریپت را می‌توانید با enqueue کردن و تابع های مانند wp _ register _ script و wp _ enqueue _ script و wp _ register _ script و wp _ register _ style و wp _ enqueue _ style تعریف نماییم تا نیازی به قرار دادن آنها در هدر یا این که فوتر نباشد در صورت استعمال از توابع بالا برای تعریف script ها داخل قالب وردپرس , می بایستی تابع wp _ footer دقیقا پیش از تگ بسته body فراخوانی نمائید ( شماره ۰۰۹ در درون کدها ) مسیردهی فولدر های جاوا اسکریپت مو جود در فوتر قالب وردپرس با تابع get _ template _ directory _ uri , برای این کار از تابع echo در درون تگ php استعمال می‌کنیم . فراخوانی پوشه footer . php با تابع get _ footer در فولدر index . php < ? php /* - - ۰۰۱ - - */ get _ header ( ) ; /* - - ۰۰۸ - - */ get _ template _ part ( ' template - parts/header/top - menu ' ) ; /* - - ۰۰۷ - - */ get _ footer ( ) ; ? > بخش دوم : تعریف منوی بالای وبسایت یا این که Top Menu از آن‌جا که قالب فروشگاهی وردپرس خویش را بصورت ماژولار پباده سازی مینماییم , لذا کدهای بخش Top Menu را جدا کرده و در دایرکتوری با اسم template - parts یک دایرکتوری با اسم header تولید کرده و درون آن فایلی با اسم top - menu . php تولید می‌نماییم . همه کدهای بخش Top Menu را در فولدر top - menu . php نسخه برداری می‌نماییم برای فراخوانی آن در index . php از تابع get _ template _ part ( نصیب ۰۰۸ مو جود در ابتدا ) به کارگیری می‌کنیم بعداز رفرش کردن برگه , منوی بالای تارنما به نمایش درخواهد آمد , در شرایطی که که یک قسمت سپید بر بالای وبسایت مشاهده میکنید , به خاطر نمایش admin bar بر بالای وب سایت است ( هنگامی که در درون تارنما لاگین می‌باشید , به نمایش در خواهد آمد ) . برای نمایش ندادن این بخش , کافی است از غربال show _ admin _ bar در پوشه functions . php به صورت ذیل به کار گیری کنید . با اسکن کردن کدهای بخش منوی بالای تارنما , هنوز منو ها , بصورت داینامیک تعریف نشده است . در واقع ما میخواهیم یک سری منو در قسمت های گوناگون تارنما داشته باشیم و استفاده کننده بتواند از بخش فهرست ها , به راحتی منوهای خویش را تغییر و تحول داده و از آنها در وبسایت خویش به کار گیری نماید . فرض فرمائید میخواهیم سه منوی متعدد برای قالب وردپرس خویش داشته باشیم : یکی برای بخش بالای وبسایت و با اسم Top Menu و دیگری برای بخش هدر با اسم Header Menu و یک منو هم برای فوتر با اسم Footer Menu . برای داینامیک کردن منو های وبسایت می می بایست از روند ذیل به کارگیری نماییم : ابتدا در فولدر functions . php , می بایست از اکشن after _ setup _ theme , بصورت تحت به کار گیری نماییم و به بوسیله این هوک , تابع msntheme _ setup را فراخوانی نماییم . اکنون هیچ منو ای در قالب ما تعریف نشده است . برای تعریف سه منوی بیان شده در ابتدا , از تابع register _ nav _ menus به کار گیری می‌کنیم . این تابع یک آرایه را تحت عنوان پارامتر محل ورود اخذ می نماید که بصورت یک associative array تعریف میشود . عضو های اولیه این آرایه ( یا این که به عبارتی Key ها ) اسم منزلت های منوهای ما در قالب وردپرس یا این که به عبارتی menu location slugs است و موادتشکیل دهنده دوم این آرایه ( یا این که به عبارتی Value ها ) توضیحات مرتبط با آنها یا این که به عبارتی descriptions هستند . این تابع در Navigation Menu های وردپرس , فراوان مورد به کار گیری قرار میگیرد . اکنون پس از register کردن منوها در قالب وردپرس , می‌توانید آن‌ها‌را بخش فهرست ها تهیه کرده و منوهای دلخواه خویش را بسازید . برای داینامیک کردن منو قالب وردپرس , کافی است قسمت های استاتیک آن را برداشته و با به کارگیری از توابع has _ nav _ menu و wp _ nav _ menu , منوی خویش را در قالب تعریف نماییم ( بخش ۰۱۱ در کدها ) . تابع has _ nav _ menu که خروجی آن به طور boolean هست , بررسی می کند که آیا منو ای با این اسم پاس داده شده به آن , در وب سایت جانور است یا این که خیر , و در غایت با به کار گیری از تابع wp _ nav _ menu این منو به نمایش در میاید . از هر دو روش تحت برای بررسی شرط در کدهای خویش میتوانید به کارگیری نمائید





:: برچسب‌ها: قالب فروشگاهی وردپرس , قالب فروشگاهی , خرید قالب فروشگاهی ,
:: بازدید از این مطلب : 69
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : شنبه 12 اسفند 1396 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: