طراحی قالب وردپرس (فصل اول – جلسه اول) مقدمه و پیش نیازها

‏  2 دقیقه
۰۳ شهریور ۱۳۹۲
طراحی قالب وردپرس (فصل اول – جلسه اول) مقدمه و پیش نیازها

مقدمه

با سلام خدمت دوستان عزیز، امیدوارم که حالتون خوب باشه، در این سری از آموزش ها، طراحی قالب وردپرس را خواهید آموخت. همانطور که می‌دانید وردپرس یکی از معروف‌ترین سیستم‌های مدیریت محتواست که آشنایی با آن یکی از مهمترین پیش نیازها جهت فعالیت در زمینه وب است. ما در این سری خواهیم آموخت که چگونه یک قالب وردپرس را طراحی کنیم، تا بتوان با استفاده از آن مطالبمان را منتشر و در اختیار بازدید کننده قرار دهیم. طرح قالب ما قالبی خواهد بود که در سری آموزشی طراحی قالب html طراحی کردیم. پس در این آموزش بیشتر با کدهای php و توابع وردپرس سروکار خواهیم داشت و کدهای html و css کمتری خواهیم نوشت.

پیشنیازها

1.سرور محلی (localhost)

همانطور که می‌دانید سیستم وردپرس با استفاده از زبان php نوشته شده است پس برای نصب وردپرس نیاز به وب سرور آپاچی(Apache)، بانک اطلاعاتی مای اس کیو ال (Mysql)  و مفسر زبان PHP داریم درضمن نیاز داریم که این کار را بر روی کامپیوتر شخصی و بدون نیاز به سرور واقعی انجام دهیم پس برای اینکه کارمان راحت‌تر باشد از نرم افزار wamp یا xampp استفاده می‌کنیم.

2.سیستم وردپرس (wordpress)

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

3.PHP

آیا آشنایی با php ضروری است؟! آشنایی با php مزیت بسیار بزرگی در این مرحله محسوب می‌شود. خوشبختانه سری آموزشی php نیز بر روی سایت قرار دارد. آشنایی با اصول آن می‌تواند کار شما را راحت‌تر کند.

پیشنیازهای بعدی، پیشنیازهای عمومی طراحی هر قالبی هستند :

  مرورگر وب

  ویرایشگر متن

  آشنایی با html

  آشنایی با css

که توضیح خاصی در مورد آن‌ها نخواهیم داد.

از لینک زیر نیز می‌توانید قالب htmlای که در سری آموزشی طراحی قالب html طراحی کردیم را دانلود کنید، چونکه اساس کار ما این قالب خواهد بود.

خب پس تا جلسه آینده امیدوارم این پیش نیازها رو آماده کرده باشید (نصب سرور مجازی – نصب وردپرس) تا در جلسه بعدی کارمان را شروع کنیم!

اگر سوالی داشتین در قسمت نظرات مطرح کنید

چه امتیازی به این مقاله می دید؟
نویسنده طاها دریس

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.

نظرات کاربران

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

تشکر عالی بود

بهینه سازی وردپرس

فوق العاده بود

خیلی ممنون بابت وب سایت خوبتون

یو پی اس

خیلی عالی بود ممنونم

طراحی سایت

خیلی عالی بود ممنون

میلاد

سلام من یه قالب سه ستونه طراحی کردم و به مشکل برخوردم
ضروریه لطفا کمک کنید هرچی سریعتر بهتر.

لینک دانلود فایل رو پایین میذارم دانلود کنید تو وردپرس امتحان کنید متوجه میشید.
http://www.learningbaz.ir/up/khabari.zip

سجاد دریس

سلام.
مشکلتون رو توی انجمن مطرح کنید/

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

خوب و مفید بود ، خسته نباشید

رامین

اقا واقعا لطف میکنید اگر به این سوال من پاسخ بدهید ؟
خیلی درگیرشم
و سوال دوم اینکه اگر بخوام 4 تا باکس در قالب وردپرس تعریف کنم که اونها رو به 4 تا از بهترین مطالب در یه بازه زمانی خاص اختصاص بدم و با کلیک رو هر کدوم به یکی از این مطالب هدایت بشم از چه تابعی در php باید استفاده کنم
خیلی لطف بزرگی میکنید اگر راهنمایی کنید چون تا بحال بیشتر از 20 تا انجمن این سوالات رو مطرح کردم اما جواب نگرفتم و همیشه موقعی که در مورد php و قالب وردپرس سرچ میزنم اولین سایتی که در گوگل میومد سایت شما بود اما بعداز باز کردن چندان مقاله مرتبطی با سوالم ندیده بودم
اما رتبه شما باعث شد نهیتا سوال رو اینجا هم مطرح کنم
در صورتی امکان اگر با مقاله ربطی نداره خواهشا ببخشید و راهنمایی کنید

سجاد دریس

سلام.
میشه بیشتر درمورد کاری که میخوایید انجام بدین توضیح بدین.
منظورتون از یک بازه زمانی خاص چیه.
یعنی بهترین مطالب ماه گذشته بهترین مطالب این ماه ؟
چنین چیزی مدنظرتونه؟

رامین

سلام
یه سوال دارم که تو خیلی انجمن ها پرسیدم اما متاسفانه جواب نگرفتم ممنون میشم اگر راهنمایی کنید چون در تمام قالبهای وردپرس جدید این شکل کد نویسی رو میبینیم البته در فایلهای index.php و header.php اما در style.css نحوه فراخوانی این نمونه ها مشخص نیست و اینکه چطور و با چه علامتی (مثلا مثل کلاس با علامت نقطه باید فراخوانی بشن یا مثل ID با علامت شارپ ) با ید فراخوانی بشن :
اگر در html بنویسیم :

ویا :

اونموقع در css چطور باید قسمت دوم اینها رو فراخوانی کرد یعنی سلکتورهای (role=”banner” و یا hfeed=”content” ) رو چطور در css باید فراخوانی و تعریف کنیم
البته من بیشتر در قالبهای وردپرسی چنین سبکی رو دیدم که در html5 و css3 به این شکل کد نویسی و در php برای وردپرس تعریف میکنند
وقتی با firebug به فایل html قالب نگاه میکنم این دو قسمتیها رو میبینم و در فایل css هم تعریف قسمتهای اول هست اما هر چقدر بدنبال اینکه قسمت دوم رو چطور در css تعریف کردند گشتم پیدا نکردم
واقعا لطف بزرگی میکنید اگر راهنمایی کنید
با تشکر و ارزوی توفیق

سجاد دریس

سلام.
این آموزش رو بخونید

reza.satea

آقا سلام تو رو خدا یکی بگه اصلا ورد پرس چی هست مثلا اگه یاد بگیریم میشه امکاناتی مثل پیشخوان و شناسنامه و… رو درست کرد ؟

کیوان علی محمدی

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

reza.satea

آقا پس اینجوری عالیه که
ببخشید یه سوال دیگه باید حتما قبلش Html و Css بلد بود یا ربطی به هم نداره ؟

rasul

مرسی

سجاد دریس

سلام.
این دو زبان پیشنیاز طراحی قالب هستند. حتما باید آشنایی کافی رو با این دو زبان داشته باشید.

mohammadreza2012

پس اموزش بعدی چی شد؟ 😥

کیوان علی محمدی

عجله نکنید،گاماس گاماس… 🙂

sobhan0086

مرسی، امیدوارم که سرعت به روز شدن این بخش زیاد باشه که بی صبرانه منتظرش هستم! 😉

سجاد دریس

سلام.
توضیحش در یکی دو سطر غیر ممکنه. اما به طور خلاصه شما
ابتدا باید یک فرم برای ایجاد مطلب جدید داشته باشید این فرم نیز شامل چند فیلد که اطلاعات پست رو میگیرن. از جمله عنوان پست، متن پست و …
سپس اطلاعات این فرم رو در دیتابیس ذخیره کنید. به عنوان مطالب وبسایتتون.