تبدیل قالب HTML به وردپرس با پنل تنظیمات | قسمت سوم

با یکی دیگر از آموزشهای تبدیل قالب HTML به وردپرس در خدمت شما هستیم با پنل تنظیمات در قسمت های قبلی این دوره آموختیم که چطور بتونیم فایل هدر قالب یعنی Header.php رو بسازیم و در قالب قرار دهیم، در این قسمت میخواهیم فایل فوتر قالب یعنی Footer.php رو بسازیم و در قالب فراخوانی کنیم پس با ما همراه باشید.

تبدیل قالب HTML به وردپرس با پنل تنظیمات

برای ساخت این فایل ابتدا یک فایل متنی به نام footer.php در ریشه اصلی قالب بسازید و کد های موبوط به فوتر سایت رو از فایل index.php کات کنید و درون این فایل قرار بدید.

مثلا در قالب ما قسمت فوتر این بخش هستش و کد های این بخش رو درون فایل footer.php قرار میدیم :

تبدیل قالب HTML به وردپرس با پنل تنظیمات

یعنی قایل footer.php به این صورت در میاد :

<footer id="footer">
<div class="your-place">
<div class="cont">
<a href="#" id="bookmark-this" title="Bookmark This Page">
<span>بوکمارک کنید</span>
</a>
<p>برای دسترسی بهتر , راحت تر و سریع تر به سایت ما می توانید وب سایت ما را بوکمارک کنید .</p>
</div>
</div>
<div class="cont">
<div class="comment-bottom">
<div class="title"><i class="fa fa-comments fa-16px"></i> آخرین نظرات</div>
<ul class="last-comments" style="height: 107px; overflow: hidden;">
<li style="margin-top: -90.1233px;"><a href="http://demo.fabtheme.ir/fabtheme/?p=1#comment-1">
<div class="comlink"><i class="fa fa-angle-left"></i>
</div></a><img alt="" src="https://1.gravatar.com/avatar/d7a973c7dab26985da5f961be7b74480?s=95&d=mm&r=g" srcset="https://1.gravatar.com/avatar/d7a973c7dab26985da5f961be7b74480?s=190&d=mm&r=g 2x" class="avatar avatar-95 photo" height="95" width="95">
<span class="name-send-comment">
<a href="https://wordpress.org/" rel="external nofollow" class="url">یک نویسنده‌ی دیدگاه در وردپرس</a>
</span>	می گوید :<br>سلام, این یک دیدگاه است. برای شروع [...]</li></ul><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%24('.last-comments').newsTicker(%7B%09row_height%3A%20107%2C%09max_rows%3A%201%2C%09speed%3A%20500%2C%09direction%3A%20'up'%2C%09duration%3A%204000%2C%09autostart%3A%201%2C%09pauseOnHover%3A%201%09%7D)%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
</div><div class="fast-links"><div class="fast-title"><i class="fa fa-link fa-16px"></i> دسترسی سریع</div>
<span><a href="http://demo.fabtheme.ir/fabtheme" title="solodesign">صفحه اصلی</a></span><span><a href="http://demo.fabtheme.ir/fabtheme/?page_id=18" title="solodesign">سبد خرید</a></span><span><a href="" title="solodesign">سوابق خرید</a></span>
<span><a href="http://instagram.com/fabtheme.ir" title="solodesign">تماس باما</a></span><span><a href="" title="solodesign">مشکلات دانلود</a></span><span><a href="http://instagram.com/fabtheme.ir" title="solodesign">درباره ما</a></span></div><div class="news-letter"><div class="title"><i class="fa fa-envelope fa-16px"></i> خبرنامه</div><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>جهت دریافت آخرین مطالب منتشر شده ایمیل خود را وارد نمایید تا در خبرنامه سایت عضو شوید :</p>
<input name="email" type="text" placeholder="ایمیل ...">
<input value="" name="uri" type="hidden">
<input name="loc" value="en_US" type="hidden"><input value="ثبت ایمیل" type="submit"></form>
</div>
</div>
<div class="copyright"><div class="cont">
<div class="right">تمامی حقوق وب سایت برای دانش فایل محفوظ می باشد . ©</div>
</div>
</div>
</footer>

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

 <?php wp_footer(); ?>

بعد از اینکه کد های قالب رو از index.php برداشتیم به جای اون کدها تابع زیر رو قرار میدیم تا فایل footer.php فراخوانی بشه :

<?php get_footer(); ?>

خوب تا اینجا ما فایل footer.php روساختیم و در قالب فراخوانی کردیم. و باید در مرحله بعدی توابع مربوطه وردپرس را به دلخواه خود در فوتر قرار دهیم.

آموزش وردپرس

درباره هاشم مهربان

آمده ام برای شما بنویسم و آنچه در توانم هست آموزش دهم امیدوارم خداوند مرا در این مسیر کمک کند تا رضایت شما دوستان را فراهم کنم هم اکنون شما هم با من باشید

یک نظر

  1. باسلام ممنون به خاطر مطلب فوق العادتون

دیدگاه خود را بیان کنید

5 × 2 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.