campaign-edianeh-98

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



visibility  
mode_comment   ۴۰

مقدمه

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

پیشنیازها

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

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

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

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

3.PHP

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

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

  مرورگر وب

  ویرایشگر متن

  آشنایی با html

  آشنایی با css

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

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

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

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

متخصص PHP
اگر دوست داری برنامه نویسی PHP رو حرفه ای یاد بگیری آیا می دانید بیش از ۸۰% وب سایت های موجود در ایران از جمله لیدرهای بازار وب (اسنپ، اسنپ فود، نت برگ، دیجیکالا، الوپیک و ... ) زبان برنامه نویسی PHP را به عنوان زبان اصلی برای پیاده سازی امکانات سمت سرور خود انتخاب کردند! متخصص PHP arrow_back
comment دیدگاه کاربران
علیرضا

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

سجاد دریس

سلام.
ممنونم.
امیدوارم که همینطور بشه.

gtanori

سلام با تشکر لطفا آموزش درست کردن قالب جوملا یا ویرایش ماژول ها را هم در سایت بگزارید

سجاد دریس

سلام.
چشم.

mohammadreza2012

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

علی امینی

سلام خدمت آقا سجاد عزیز
دیگه داشتیم از آموزش ست کردن قالب با وردپرس نا امید میشدیم که یه هویی دیشب این پست رو تو سون لرن دیدم.
میدونم مثل بقیه ی آموزش ها این سری هم عالیه فقط اگه میشه زمان بین آموزش هارو کم تر کنید.
مثلا سه روز در میان!

hajian1

سلام
خیلی خوشحال شدم ازسری آموزش وردپرس که شروع کردید
باتشکر

نیما

آموزش خیلی جالب و کاربردی هستش

iman_k26

بسیار بسیار خوشحال شدم که این سری آموزش رو بالاخره شروع کردی..
مثله همیشه با آموزش هات جلو میریم و لذت میبریم..

مهدی

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

علیرضا

سلام سایت ما مربوط به یک مرکز آموزشی است و تمام کارآموزان هر روز از آن بازدید میکنند. با تبادل لینک بازدید از وبلاگ شما به روزانه بیش از 200 از سوی ما تضمین میگردد. تبادل لینک باعث محبوبیت بیشتر سایت شما در گوگل میگردد، پس تبادل لینک با یک سایت پربازدید میتواند برای سایت شما مفید باشد. لینک ما:
http://negarsanat.ir آموزش PLC، پنیوماتیک،اتوماسیون
زدددددددددددددددددددددددددددددددددددددددددددددد

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

سلام با تشکر از شما،از صفحه تبادل لینک اقدام کنید.

سایت تاپ ناب

ممنون از شما اموزش خوبی رو شروع کردید

hajian1

سلام
درصورت امکان ازآموزش منوی آبشاری که چندروزپیش به پایان رسیدوآقای صالحی واقعاًسنگ تمام گذاشته بودندرااول درقالبmythemeپیاده سازی وسپس تبدیل بهphp ودروردپرس لطفاًآموزش بدهید
باتشکر

سجاد دریس

سلام.
چنین تغییراتی در قالب به عهده شماست. 🙂

saleh330

داش سجاد مرسی طراحیه قالب که فوق العاده بود، اینم حتما عالیه.
مشتاقانه منتظریم. 😀

شاتل

سلـام آقا سجاد
من تا حالا وردپرس رو کار نکردم،ولی چون فارسیه یادگرفتنش راحت تره… 😀 😀
راستی این قالبی رو که نوشتیم فقط باید تگهای wordpress بزاریم یا باید به php تبدیل بشه؟؟

سجاد دریس

سلام.
فقط توابع وردپرس رو جایگذاری می کنیم، درضمن همین توابع وردپرس با زبان php نوشته شدن….

Abdul ghafor

سلام آقا سجاد! اگه میشه یکروز درمیان این آموزش رو تو سایت تون قراربدین تا یه خورده زودترورد پریس رو یادبگیریم. لطفا لطفا…………………

امیر

سلام
می خواستم بگم چطور میشه به وبسایت مطلب فرستاد از طریق mysql و php اگه میشه یه همراهی کنید خیلی نیاز دارم
ممنون ..

سجاد دریس

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

sobhan0086

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

mohammadreza2012

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

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

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

reza.satea

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

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

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

reza.satea

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

سجاد دریس

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

rasul

مرسی

رامین

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

ویا :

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

سجاد دریس

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

رامین

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

سجاد دریس

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

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

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

میلاد

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

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

سجاد دریس

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

طراحی سایت

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

یو پی اس

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

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

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

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

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

تشکر عالی بود

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.