آموزش طراحی قالب وردپرس ( جلسه چهارم )

آموزش طراحی سایت وردپرس

طراحی سایت وردپرس

با سلام به شما عزیزان در خدمت شما هستیم با جلسه چهارم آموزش طراحی وردپرس بی مقدمه به ادامه بحث میپردازیم.

چونکه فونت ها درون پوشه css قرار دارند، قبل از نام آن ها کلمه css/ را اضافه کرده ایم، (البته می تونید نام فولدر رو به fonts نیز تغییر دهید).

پس از این کار هر کجای قالب که از تصویر استفاده کرده ایم (../) را از آدرس پاک کنید مثلا برای body آدرس به شکل زیر تغییر خواهد کرد.

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

اگر به درستی اینکار را انجام داده اید فقط تصاویر بندانگشتی، تبلیغات، و اطلاعات پست، تصاویرشان لود نشده است ، آن هم به این دلیل است که آدرس آن ها در فایل index قرار دارد. پس دوباره به فایل index.php بر می گردیم

در وردپرس تابعی به نام :

که آدرس پوسته را چاپ می کند. ما باید این تابع را در هر جا که از تگ img استفاده کردیم در قبل از آدرس قرار دهیم تا آدرس تصویر کامل شود. از تصاویر بند انگشتی شروع می کنیم.

دقت کنید که حتما بعد از تابع یک / قرار دهید. بقیه تصاویر را نیز به همین صورت لود کنید.

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

باز به head صفحه بر می گردیم و کدهای زیر را پس از لینک style قرار می دهیم:

در کدهای بالا ما ابتدا ویژگی نظردهی توسط کاربران سایت را فعال کردیم و همچنین rss مطالب و نظرات و بازخوردها را ایجاد کردیم. پس از انجام اینکارها، تقریبا head صفحه به طور کامل و با استفاده از توابع وردپرس کدنویسی شده است.

کد کامل head :

منبع: سون لرن

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *