آموزش طراحی قالب وردپرس از صفر تا صد رایگان
درود با عرض سلام و خسته نباشید به تمام کاربران سایت آقای وردپرس
با تصمیماتی که گرفته شد و بررسی های که تیم آقای وردپرس انجام داد به این نتیجه رسیدیم که وب پارسی نیاز به یک اموزش کامل و جامع برای برنامه نویسی تحت وب دارد.! و ما هم وظیفه ی خودمان دانستیم که اطلاعاتی را که داریم به شما کاربران عزیز منتقل کنیم و به قول دوستان فن های کوزه گری را بهتون اموزش بدیم!
شما ما رو نداشتین چیکار می کردین؟؟
این اموزش بیشتر برای انتقال اطلاعات بنده به شماست و ما می خواهیم در همون ضمینه ای که تخصص داریم به شما اموزش دهیم یعنی….وردپرس ?
خب می خواهیم امروز براتون مقدمات کلی + مراحل و اهداف و شرایط اموزش را بگم ?
همان طور که می دانید شما کلاس اول ابتدا الفبا را می خونید بعدش بزرگتر میشید و جمله نوشتن و معادله حل کردن را یاد می گیرید و بعضی جاها هم از استادا سوال می پرسید و… می گید اینا به چه دردی می خوره…. ? ما هم دقیقا می خواهیم همینکارو کنیم و اول الفبا را می گیم بعدش جمله نوشتن را یادتون می دیم سوالاتونو می پرسید جوابتونو میدیم و مهم تر از همه براتون تکلیف در نظر می گیریم .
شما تمرین ها را حل می کنید و برای ایمیل بنده ارسال می کنید و من بررسی می کنم و از صد بهتون نمره می دمو اشکالاتونو داخل ایمیلتون جواب میدم و اگه هم سوالتون خیلی عمومی بود با اسم خودتون در قسمت بعدی اموزش منتشر می شه ?
آموزش طراحی قالب وردپرس از صفر تا صد
بخش اول مقدمه است چون تخصص ما بیشتر روی وردپرس هستش پس عقل هم حکم می کنه شاگردایی هم کم داریم دنبال وردپرس باشن خب اینو اول ترم گفتم که کسی می خواد بره بفرما می تونه بره اخر ترم هم نمره شو میدیم ?
اما اون کسانی که تا اینجا مشکلی نداشتن و واقعا دنبال وردپرس یه لطفی می کنن یه دونه ایمیل با عنوان “اموزش طراحی قالب” به ایمیل بنده
می زنید. حالا چرا ایمیل! اول از این که من می خوام چیزی که بهتون یاد میدم کامل باشه یعنی هم من دنبال شما باشم هم شما دنبال من پس اگه یه جلسه نبودید مطمین باشید میام دنبالتون ?
خب آموزش طراحی قالب وردپرس که قرار به شما بدیم نیاز به یه سری پیش نیاز ها هستش مثل یادگیری html و css اگه نمی دونید چی هستن پس پاراگراف زیرو بخونید اگه هم می دونید و از منم استادترید برید پایین حالشو ببرید تا ما هم بهتون ملحق شیم ?
Html هر کدی را که مرورگر شما بهتون نمایش میده یه ربطی به html داره یعنی از اون بالای مرورگرتون تا پایین سایت html نوشته شده ?
هیچ فرقی هم نمی کنه که چه شکلی باشه یا چی هستش بالاخره یه ربطی به html داره! به طور کلی می تونم بگم مرورگر شما فقط زبان html می فهمه و اجرا می کنه! خب برای توضیح کامل تر یه سرچ گوگل بزنید و اگه هم خیلی html بلد نیستید بهتره همین الان این صفحه را ببندید!
خب یعنی شما دیگه تا اخرش هستید؟ فکر نمی کنم هنوز مونده
مبحث بعدی css هستش که این دیگه زبان ظاهر هستش یعنی دیگه هر شکلی که می بینید یه جوری با css در ارتباط نزدیکه
برای مثال دو تا عکس براتون میزارم یکی با استفاده از css و یکی هم بدون css .
آموزش طراحی قالب وردپرس از صفر تا صد رایگان
آموزش طراحی قالب وردپرس از صفر تا صد رایگان
تغیرات را دیدید؟ البته اون عکس اولی هم هنوز داخلش css استفاده شده و اون کدهای css که استفاده شده پیشفرض های مرورگتون هستند!
من شاگردی که html و css بلد نیست قبول نمی کنم مگر با این شرط که خودش در طول اموزش ها یادبگیره و با پیش نیاز هایی که من می گم دنبالشون بره. سوالی هم داشت از من بپرسه با گوش دل جوابشو میدم!
پ.ن: اینو مطمئن باشید اگر احساس کنم که واقعا می خواهید کد نویسی را یادبگیرید براتون سنگ تموم میزارم خیلی خودمونی گفتم که دیگه حرفی داخلش نباشه
دارم سنگامو باهاتون وا می کنم اخر ترم دیگه نگید ایطوره استاد نرسیدم بخونم نمره بده و… از این خبرا نیست وقت بزارید براتون وقت میزارم ?
می خوام ببینم اخر ترم چندتا طراح ازتون اومده بیرون :))
خب ما هم رسیدیم ببخشید که منتظر موندید!
حال وقته گفتن برنامه مون برای شماست :-p اونایی هم که می خواستن برن رفتن :))
اول از همه حروف الفبا را در حد یاد اوری می گیم و کمی هم اموزششون میدیم که کسی اخر ترم بهونه نداشته باشه
پیش نیاز آموزش طراحی قالب وردپرس از صفر تا صد
اولین پیش نیاز هایی که برای آموزش طراحی قالب وردپرس نیاز داریم html و css هستن!
اول html
ما داخل بخش اموزش های html چندتا تگ بهتون یاد میدیم و یک مختصر توضیح هم می دیم اگه کسی خواست بره سرچ کنه! اما مطمین باشید اخر هر جلسه یه تمرین هایی بهتون میدم که نیاز به سرچ کردن دارید :)) الان حتما می گید عجب استاد بداخلاقی..!! همینه که هست برای خودتونه ?
خب تگ های پیش نیازتونو می گم ?
تگ html
تگ head
تگ body
تگ div
تگ p
تگ a
تگ ul
تگ li
تگ img
دیدید؟
همین ها را یاد بگیرید هیچی ازتون نمی خوام چند تاست؟
۹ تا تگن! L چقد کم فکر می کردم بیشتر میشن; خب چیکار میشه کرد دیگه همینیه که هست!
بعدش بگین استاد بد!
خب این تگ هارو که یاد گرفتید بعدش باید بریم سراغ ظاهر کار هیچکی دوست نداره یه مشت حرف و کلمه مثل کتابا دبیرستان پشت سر هم ببینه و بخونه ?
پیش نیاز های css
خب تقریبا این مبحث یکم بیشتر html هستش و اینجا یکم سختگیری می کنم
بریم سراغ دستورات css
اخ ببخشید!!!
قبلش باس یکم در مورد مرورگر ها توضیح بدم مرورگر های یه خوبی دارن که کارا برای کدنویس ها ساده می کنن
منظورم چیه؟ مثلا نگاه کنید وقتی شما با مووس روی یه دونه از تگ های html میرید این مرورگره می گه این تگ الان وضعیتش hover هستش یعنی این تگ الان موس داره روی تگ حرکت می کنه.
مثال واضح تر بعضی سایت ها را دیدید که وقتی با موس می رید بعضی جاهاشون رنگشون عوض میشه یا حرکت می کنن یا… این با css هستش که می گه این تگ وضعیت hover داره حالا اینو گفتم که بگم ما چند تا از این وضعیتا داریم مثل active,visited,focus,hover بعدا در مورد تک تکشون توضیح میدم ?
خب حالا بریم سراغ دستورات css که می خوام حالتونو بگیرم
| Left | Top |
| Width | Height |
| Padding | Margin |
| Display | Position |
جلسه اول اینارو می گیم تا ببینیم جلسه دوم دیگه به کجا میرسیم .
این از مقدمه و اولین آموزش طراحی قالب وردپرس از صفر تا صد رایگان . امیدوارم مفید واقع شده باشه .
نظراتتون و پیشنهادتتون رو از ما دریغ نکنید ، چرا که سعی داریم بهترین دوره آموزشی برای شما باشه.
تا آموزش بعد بدرود .
آپدیت
نرم افزار های مورد نیاز طراحی قالب وردپرس
برای شروع به چند نرم افزار نیاز است که در پایین این نرم افزار ها برای شما لیست میشوند :
برنامه های مورد نیاز برای سیستم عامل ویندوز
https://zealdocs.org
Zeal نرم افزار تهیه نسخه آنلاین از مستندات زبان های برنامه نویسی برای ویندوز است که شما میتوانید تمامی موارد و مستندات مربوط به هر زبان برنامه نویسی را دانلود کنید و به صورت آفلاین کد های مربوط را مشاهده کنید و استفاده کنید
https://notepad-plus-plus.org/download/v7.6.5.html
نرم افزار Notepad++ مناسب برای کد نویسی مناسب است و میتوان گفت از تمامی زبان ها پشتیبانی میکند.
همینطور نرم افزار های اتم
https://atom.io/
و براکت
http://brackets.io/
برای سیستم عامل ویندوز موجود هستند و جز بهترین برنامه های کدنویسی موجود در اینترنت هستند.
و نرم افزار های دریم ویور و فتوشاپ که میتوانید در سایت سافت ۹۸ دانلود کنید .
و برای سیستم عامل مکینتاش :
https://kapeli.com/dash
نرم افزار دش همانطور نرم افزار Zeal برای تهیه نسخه آفلاین مستندات برنامه نویسی بوده و مختص سیستم عامل مکینتاش است .
https://coderunnerapp.com یکی از بهترین برنامه های ادیتور کد هست و مناسب برای کدنویسی است .
اگر به دنبال برنامه های دیگری مانند وب استورم و سابلایم هستید میتونید به سایت خوب مک نید برید و این نرم افزار ها را دانلود و نصب کنید.
http://macneed.ir/category/apps/programming/
ویدیو آموزشی شماره یک طراحی قالب وردپرس
تا آموزشی دیگر بدرود
شما هم بررسی کنید
۵
۵ of 5 stars ۱۰۷ reviews
- آموزش طراحی قالب وردپرس از صفر تا صد رایگان
به این آموزش چند ستاره میدهید ؟
آموزش طراحی قالب وردپرس از صفر تا صد رایگان را بررسی کنید !