آگاه‌سازی‌ها
پاک‌کردن همه

طراحی قالب وردپرس


ارسال‌: 360
شروع کننده موضوع
(@yazdanian)
Reputable Member
عضو شده: 9 سال قبل

سلام یک بنده خدای اموزش گذاشته بود کامل نبود گفتم یکمی کاملتر بزارم :

کاربر گرامی ورورد شما را خوش آمد می گویم/
لینک گذاری از وب سایت دیگر خلاف قوانین انجمن می باشد.
اما اشکالی ندارد.
ولی حداقل زحمت رو میکشید کامل توضیح بدید.اصلا این اموزش اولش تو انجمن کو؟ کلا تبلیغاته.
اینجوری قالب وردپرس میسازن:
قالب وردپرس کلا چند تا فایل داره:
index.php صفحه اصلی
header.php سربرگ و هدر
footer.php پانوشت و فوتر
single.php تک نوشته ها
page.php برگه ها
comments.php نظرات
توابع پوسته (functions.php) کاربردها
style.css استایل قالب

.......................

خب با نوت پد ساده همه اینا رو درست کنید و بزارید تو یک پوشه و تو وردپرس اپلود و نصب کنید.

قبلش استایل style.css رو باز کنید و کد زیر رو توش بنویسید :


/*
Theme Name: نام قالب شما
Theme URI: لینک طراح قالب
Description:  توضیحاتی در باره قالب
Author: نام طراح
Version: نسخه قالب
Author URI: لینک طراح قالب/

*/

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

این ی نمونه هدر قالب نابغه کورد هست ک براتون توضیح میدم




  
    <meta http-equiv="Content-Type" content="; charset=" />
      » Blog Archive  
   

    <link rel="stylesheet" href="" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title=" RSS Feed" href="" />


 <link rel="pingback" href="" />
    
    















    html { margin-top: 0px !important; }

    * html body { margin-top: 0px !important; }


.logo{floaturl(wp-content/themes/kurdgenius-ir/images/1.png);alt=""}













سخن روز :
moisrex= new Array(); moisrex[0] = " چارلی چاپلین میگه : آخر هر چیز خوبه ،اگه خوب نشد معلوم هنوز آخرش نرسیده."; moisrex[1] = "دنیا عوض نمی شود طرز نگاهت را عوض کن...."; moisrex[2] = "خوشبختی در سلامتی جسم و جان است.."; moisrex[3] = "عاقل کسی است که در پنهان کاری نکند که در آشکار از آن خجالت بکشد..."; moisrex[4] = "همیشه فکر میکنیم چون گرفتاریم ب خدا نمی رسیم ولی چون ب خدا نمی رسیم گرفتاریم..."; r = Math.floor(Math.random() * moisrex.length); document.write("

"+moisrex[r]+"

");

    <img style="display: block; margin-left: auto; margin-right: auto;" title="" src="https://www.parsarayan.com/wp-content/themes/design/images/logo.png" alt="" width="286" height="103">

    <a title="" href="">نورزتان پیروز

<a href="" class="logo">

خب :
عنوان سایت هست ک با کد زیر نشون میده .
میگه اگر

  » Blog Archive  

تو صفحه اصلی بود (index.php ) عنوان : تابع یعنی اسم سایت رو ک تو تنظیمات وارد کردید نشون میده.
اگه تو صفحه نوشته ها بود ( single.php ) عنوان رو : تابع : » Blog Archive
ک عنوان مطلب هست نشون بده.

................

استایل دهی ب قالب ها :

<link rel="stylesheet" href="" type="text/css" media="screen" />

تابع : لینک استایل قالب رو تعریف میکنه ک همون : style.css هست.
اگر style.css دارای کدهای تعریف استایل باشه اینجابا گذاشت کد بالا کار میافته.

.//...........
تابع : ادرس سایتتون رو فراخوانی میکنه
هرجا خواستید لینک بدید مثلا :

  • <a href="">صفحه نخست
  • یا :

  • <a href="/Forum">انجمن
  • .............................

    تابع : مثل :
    ولی برای title بیشتر استفاده میشه.

    ........
    خب این هدر البته خیلی چیزا هست ولی استانداردش همین چند تا تابع هست
    نکته مهم اینجاس هر وقت خواستید تو
    index.php
    یا هر جای دیگری مثل :
    page.php
    single.php
    هدر رو تعریف کنید نمیاید تموم کدهای بالا رو بازم بیارید کافیه بالای همش بنویسید:

    
    

    هدر رو براتون میاره.
    جلسه بعد کامل تر توضیح میدم.

    1 پاسخ
    ارسال‌: 3598
    Admin
    (@admin)
    عضو
    عضو شده: 10 سال قبل

    آفرين
    كس نخارد پشت من جز ناخن انگشت من

    پاسخ
    اشتراک: