HamyarWP - همیاروردپرس
HamyarWP - همیاروردپرس
خواندن ۴ دقیقه·۲ سال پیش

۸ مرحله تا ساخت قالب وردپرسی

قالب وردپرس همان چیزی است که شما را از ظاهر کسل کننده سایت نجات می‌دهد و ظاهری جذاب و کاربرپسند را ارائه می‌دهد. قالب‌های وردپرسی رایگان و غیر رایگان زیادی در زیادی در مارکت‌ها و مخزن وردپرس موجود است اما اگر می‌خواهید مراحل ساخت قالب وردپرسی را بدانید حتما این مقاله را دنبال کنید...

قدم صفر: یک ویرایشگر کد نصب کنید.

برای اینکه بتوانیم کدهای خود را به آسانی مدیریت و ویرایش کنیم، به یک ویرایشگر کد نیاز داریم. ویرایشگرهای متعددی وجود دارد اما ما در این آموزش از نرم افزار Atom استفاده کرده‌ایم.

قدم اول: یک پوشه برای محتویات وردپرس بسازید.

وقتی فایل محتویات وردپرس را روی هاست خود بارگذاری می‌کنید، چندین پوشه و فایل در هاست شما قرار می‌گیرد که این‌ها محتویات وردپرس هستند. پس ابتدا آخرین نسخه وردپرس را دانلود کنید و آن را در پوشه public_html یا هر پوشه دلخواه خود آپلود کنید. اگر قبلا وردپرس را نصب کرده‌اید که دیگر لازم نیست این مراحل را انجام دهید.

پوشه‌ای که ما بیشتر با آن سر و کار داریم، پوشه wp-content است. داخل این پوشه، پوشه دیگری به نام themes وجود دارد که تمامی قالب‌هایی که بخواهید روی سایت خود نصب کنید، در این پوشه قرار گرفته‌اند. وردپرس به صورت پیش فرض ۳ قالب در این پوشه قرار داده است که ما نیازی به آن‌ها نداریم. حال در پوشه themes، یک پوشه جدید بسازید و نام دلخواهی روی آن بگذارید؛ این نام، اسم قالب شما خواهد بود. ما از نام customtheme برای قالب وردپرس خود استفاده کردیم.

قدم دوم: فایل های style.css و index.php را بسازید.

بعد از اینکه پوشه قالب خود را ساختید، در داخل این پوشه دو فایل مجزا به نام‌های style.css و index.php بسازید.

قدم سوم: قالب خود را از پیشخوان وردپرس فعال کنید.

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

قدم چهارم: کدهای نمایش عنوان و نوشته پست‌ها را اضافه کنید.

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

قدم پنجم: به هر نوشته، لینک اضافه کنید.

اگر بخواهیم به جای اینکه نوشته‌ها را فقط در صفحه اصلی ببینیم، برای هر یک لینک مجزایی بگذاریم و یک صفحه برای هر یک اختصاص دهیم، باید از یک فانکشن دیگر وردپرس استفاده کنیم. برای اینکار می توانیم از فانکشن ‌()the_permalink استفاده کنیم.

قدم ششم: به قالب خود سربرگ و پابرگ اضافه  کنید.

همانطور که نمایش مقاله‌ها در ساخت قالب وردپرس مهم است، نمایش سربرگ (Header) و پابرگ(Footer) نیز از اهمیت بالایی برخوردار است. این قسمت‌ها در تمامی صفحات سایت شما نمایش داده خواهند شد و جزء ضروری تمامی سایت‌ها هستند. درست حدس زده اید؛ برای نمایش سربرگ و پابرگ در وردپرس، از فانکشن‌ها استفاده می‌کنیم. دو فانکشن ()get_header و ()get_footer برای این کار هستند.

ساخت ۲ پوشه جدید برای قالب اختصاصی وردپرس

تا کنون در پوشه قالب، دو فایل style.css و index.php ساختیم. حال برای اینکه بتوانیم محتوای هدر و فوتر را در ساخت قالب وردپرس سفارشی کنیم و امکانات بیشتری داشته باشیم، باید دو فایل دیگر به نام‌های header.php و footer.php در پوشه قالب وردپرس بسازیم.

قدم هفتم: فایل functions.php را بسازید.

تا کنون 4 فایل در پوشه قالب اختصاصی خود در جهت ساخت قالب وردپرس، ساختیم. اکنون نوبت فایل functions.php است. این فایل کارهای زیادی برای سایت شما انجام می‌دهد. در واقع فایلی است که با استفاده از آن می‌توان رفتار پیش فرض وردپرس را تغییر داد. می‌توان این فایل را همانند افزونه‌ای دانست که باید به یاد داشته باشد:

  • به یک متن سربرگ مشخصی نیاز ندارد.
  • در بین فایل‌های قالب وجود داشته باشد.
  • صرفا روی قالبی که نصب است تاثیر خود را اعمال کند.
  • تنها زمانی اجرا می‌شود که قالب فعال باشد.
  • می‌تواند فانکشن‌های PHP، وردپرس و فانکشن‌های سفارشی را اجرا کند.

قدم هشتم: ظاهر سایت را زیبا کنید.

برای ابتدای کار، باید یک تگ باز و بسته div با کلاس container را به فایل‌های header.php و footer.php اضافه کنید.

در این مقاله سعی کردیم به اختصار درباره مراحل ساخت قالب وردپرس صحبت کنیم. توضیحات کامل‌تر بصورت یک آموزش کامل در وبسایت موجود است و می‌توانید در صورت علاقه به آن مراجعه کنید.


قالب وردپرسپوسته وردپرسوردپرسساخت سایت
در ویرگول همیاروردپرس میتوانید مقاله های جذابی بخوانید که از دل تجربیات تیم همیاروردپرس استخراج شده است
شاید از این پست‌ها خوشتان بیاید