آموزش طراحی قالب وردپرس – ساخت بخش فوتر

سلام دوستان عزیز. موضوع امروز مقاله مدرسه وردپرس آموزش طراحی قالب وردپرس – ساخت بخش فوتر هستش. این مقاله بسیار ساده ست و این بار می خواییم قسمت فوتر سایت رو بسازیم و داخلش ابزارک بزاریم. بسیار خب شروع می کنیم

آموزش طراحی قالب وردپرس

برای ساخت بخش فوتر ابتدا فایلی به نام footer.php می سازیم. اگر داریم که هیچ فایلو باز می کنیم. در ابتدا باید کدهای html اون رو قرار بدیم. پس این کد رو قرار بدید:

<footer class="footer">
 <div class="container">

 </div>
</footer>
</body>
</html>

همونطور که می بینید فقط کد html هستش. حالا نوبت به این میرسه که ابزارک ها رو بزاریم.

ساخت جای ابزارک در وردپرس

برای این کار باید یک جای ابزارک بسازیم برای فوتر که قبلا اضافه کرده بودیم اما اگر در قسمت نمایش > ابزارک ها محل ابزارکی به نام ” ابزارک های فوتر ” نمی بینید فایل functions.php رو باز کنید و این کد رو داخلش قرار بدید:

if ( function_exists('register_sidebar') )
register_sidebar(array(
      'name' => 'ابزارک های فوتر', // نام سایدبار اینجا قرار میگیرد
      'id'   => 'footer-widgets', // آی دی مربوط به سایدبار برای فراخوانی در پوسته
      'description'   => 'ابزارک های این ناحیه در فوتر نمایش داده خواهند شد', // توضیحات مربوط به سایدبار
      'before_widget' => '<div class="footer-widgets col-md-4 col-sm-12 col-xs-12">',  // مقداری که قبل از هر بلوک قرار می گیرد
      'after_widget'  => '</div>',  // مقداری که بعد از هر بلوک قرار می گیرد
      'before_title'  => '<h3 class="widget-title">', // مقداری که قبل از عنوان ابزارک قرار می گیرد
      'after_title'   => '</h3>', // مقداری که بعد از عنوان ابزارک قرار می گیرد
     ));

حالا فایل رو ذخیره کنید و مجدد به صفحه نمایش > ابزارک ها برید. باید جای ابزارک به نام ” ابزارک های فوتر ” اضافه شده باشه در غیر این صورت شما جایی اشتباه کد گذاشته اید. حالا چندتا ابزارک داخلش قرار بدید. قدم بعدی فراخوانی ابزارک در فوتر هستش ( چون فعلا فقط کد html گذاشتیم )

فراخوانی ابزارک در وردپرس

دوباره فایل footer.php رو باز کنید و کد رو شبیه کد زیر بروزرسانی کنید

<footer class="footer">
 <div class="container">
<?php if ( is_active_sidebar( 'footer-widgets' ) )  dynamic_sidebar( 'footer-widgets' );  ?>
 </div>
</footer>
<?php wp_footer(); ?>
</body>
</html>

نکته: تابع wp_footer() مثل تابع wp_head() هستش و وجودش لازمه چرا که اسکریپت هامونو لود می کنه

حالا فایل رو ذخیره کنید و سایت رو ببینید. اگر فوتر توی سایتتون نمایش داده نمیشه فایل index.php رو باز کنید و بعد از آخرین خط این کد رو قرار بدید:

<?php get_footer();?>

این کارو برای صفحه single.php هم انجام بدید.

حالا دوباره سایت رو باز کنید. این دفعه باید فوتر نشون داده بشه.

اینم از آموزش امروز مدرسه وردپرس امیدوارم آموزش طراحی قالب وردپرس – ساخت بخش فوتر مورد پسندتون بوده باشه

موفق باشید