نویسنده moeini در ۰۷ ۲۸م, ۱۳۸۸ | ۲ دیدگاه

ساخت پوسته وردپرس – بخش اول

در این سری مقالات , به آموزش ساخت پوسته برای سیستم وردپرس میپردازیم و شما در پایان میتوانید پوسته HTML را برای وردپرس بهینه کنید

  • مقدمه

پوسته یا قالب نمای کلی وبلاگ را میسازد و هسته و اسکلت بندی آن استایل (شیوه‌نامه) میباشدکه مجموعه از دستورات css است و در فایل style.css قرار میگیرد ; در واقع این فایل لازمه پوسته میباشد و باید در پوسته وجود داشه باشد حتی اگر فایل استایل با نام دیگری دخیره شده باشد زیرا این فایل علاوه بر دستورات سی اس اس شامل اطلاعات پوسته نیز میباشد

  • شروع کار

ابتدا پوشه جدیدی با نام دلخواه در شاخه wp-content/themes ایجاد کنید وفایلهای index.php و style.css را در آن ایجاد کنید و دستورات زیر را در فایل style.css قرار دهید

/*
Theme Name: WordPress Theme name
Theme URI: theme url
Description:Theme Description.
Version: Theme Version
Author: Theme Author
Author URI: Author url
Tags: Theme tags
*/

Theme Name ==> نام پوسته
Theme URI ==> نشانی اینترنتی پوسته
Description ==> توضیحاتی در مورد پوسته
Version ==> نگارش پوسته
Author ==> طراح پوسته
Author URI ==> نشانی اینترنتی طراح پوسته
Tags ==> تگهای مرتبط با پوسته (مثلاً : دوستونه, پشتیبانی از ابزارک و..)
* در ضمن میتوانید از html نیز استفاده کنی

نمونه ابتدای فایل استایل (پوستهdefault)
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href=”http://binarybonsai.com/kubrick/”>Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/
به صفحه مدیریت پوسته‌ها بروید , میبینید که وردپرس پوسته را شناسایی کرده و در لیست پوسته‌ها قرار داده و اطلاعاتی که در فایل استایل قرار دادیم در زیر اسکرین شات به نمایش در می آید (البته فعلا برای پوسته اسکرین شات تعریف نکردیم!)

learning-screenshot

مطالب مرتبط
خبرنامه
مشترک فید این وبلاگ شوید تا همیشه از آخرین اخبار دنیای آی‌تی , وردپرس باخبر باشید. همچنین می‌توانید با ثبت ایمیل خود در قسمت پایین، اخبار و برنامه‌ها را در ایمیل خود دریافت نمایید.

  1. avatar comment-top

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

    comment-bottom
  2. avatar comment-top

    مرسی

    comment-bottom
RSS برای دیدگاه‌های‌ این نوشته. | نشانی بازتاب

نوشتن دیدگاه