آموزش طراحی سایت رایگان 0تا100+بدون دانش برنامه‌نویسی

طراحی سایت رایگان-از صفر تا صد با وردپرس
زمان تقریبی مطالعه: 4 دقیقه

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

دو قدم قبل از آموزش طراحی سایت

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

بعد از این که مورد قابل فروشمان را مشخص کردیم حال باید ببینیم مشتریان وب سایت ما چه کسانی هستند!؟ دقت کنید که این نکته بسیار اهمیت دارد که بازدیدکنندگان وب سایت ما کودکان هستند، خانم‌های جوان دانشجو یا بیزینسمن‌های سالخورده! دقت کنید که انتخاب بازار هدف وب سایتی که ما قرار است طراحی کنیم دارای بالاترین اهمیت است.

برای اطلاع از بهترین شغل می‌توانید: مقاله بهترین شغل را مطالعه نمایید.

یک قدم قبل از آموزش طراحی سایت

در طراحی سایت تحلیل رقبا خارجی و تراز اول جهانی است. بعد از مشخص شدن بازار هدف باید ببینیم که سایت هایی که الان با همین بازار هدف در فضای آنلاین بین‌المللی حضور دارند چه ویژگی‌هایی مثل اسم سایت، ظاهر سایت، امکانات سایت، رنگ سایت و… دارند.

پیشنهاد: قیمت گذاری محصولات آموزشی

انتخاب دامنه یا domain

تعیین اسم سایتی است که قرار است آن را طراحی کنیم. در زبان بچه‌های طراح سایت به اسم سایت میگویند دامنه یا domain. دقت کنید که اسم سایت یا دامنه دارای دو بخش است بخش نام و بخش نام خانوادگی!
نام دامنه اسم برند شما خواهد بود مثل: bememim، digikala، amazon و…

پیشنهاد: قیمت گذاری محصولات آموزشی

نام خانوادگی دامنه شما خاستگاه سایت شما را مشخص میکنه: .ir خاستگاهش ایرانه، .com خاستگاهش تجاریه، .academy خاستگاهش آکادمی آموزشی و…
پس شما باید دو بخش نام و نام خانوادگی دامنه سایتتون را در این مرحله مشخص کنید. پیشنهاد ما برای شما این است که چون در ابتدای راه بهتره از نظر هزینه صرفه‌جویی کنید در ابتدا نام خانوادگی دامنتون را .ir بگذارید که بسیار ارزون‌تره! خب اینجا دو تا سناریو به وجود می‌آید:

اگر انتخاب شما به غیر از ir بود

در این حالت نیاز نیست که شما هیچ کار اضافه‌ای انجام دهید و کافی است از ارزان‌ترین جای ممکن (البته از بین شرکت‌های معروف) دامنه مورد نظر خودتون را خریداری. تا این لحظه نوشته شدن این مقاله ارزان‌ترین شرکت ارائه دهنده خدمات دامنه ایران سرور است خودتان باز هم 10 نتیجه اول را بررسی کنید!

اگر انتخاب شما ir

اگر تصمیم گرفتید که نام خانوادگی دامنه وب سایت شما .ir باشه، باید بروید داخل سایت nic.ir یا از همین جا بر روی nic.ir کلیک کنید. در این مرحله باید داخل این وب سایت طبق آموزش زیر احراز هویت کنید.

(این ویدیو توسط تیم ما (ب م م) تولید نشده و فقط محتوای آموزشی آن را از نظر کیفیت مطالب قابل قبول می‌دانیم! پس اگر تبلیغی داشت برای تیم ب م م نیست)

 

بعد از اینکه اکانتتون را داخل نیک دات آی آر ثبت کردید و احراز هویت شدید در این مرحله نیاز است تا منتظر بمونید تا شناسه شما برای شما از طریق ایمیل ارسال بشه. بعد از اینکه شناسه برای شما ارسال شد دیگه بقیش مثل غیر از .ir کافیه از خود همون سایت نیک یا هر شرکت دیگه که این خدمات را ارائه میده (شرکتی که در ادامه برای خرید هاست معرفی می‌کنیم) تهیه کنید.

نکته و تجربه خرید دامنه

  • اولاً این که همیشه برای شروع طرلحی سایت هزینه‌ها را مینیمم کنید. پس به نظرم برای شروع طراحی سایت همون دات آی آر کفایت می‌کنه.
  • دوماً اگر اسم انتخابی دامنه شما به چند شیوه نوشته میشه حتماً چند نوع دات آی آرش را تهیه کنید. چون دات آی آر ارزونه افراد زیادی برای شروع میرن و ثبت میکنن که خب ممکنه اون شخص ثبت کننده رقیب شما باشه!
  • سوماً بیشترین زمان ممکن را برای تمدید دامنه انتخاب کنید. اگر .ir که پنج ساله، اگر غیر از .ir که 10 ساله دامنتون را تهیه کنید (برای seo و…)

هاست host

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

پس بعد از تهیه دامنه، برای راه اندازی و طراحی سایت، شما باید برای خودتون یک هاست انتخاب بکنید. این را همین جا به شما بگم که انتخاب هاست یکی از چالش‌های حل نشدنی برای طراحی سایت در ایرانه:) که باید یک مقاله جدا براش بنویسیم.

اما برای شروع لطفاً ذهنتون را مثل من یا خیلی‌های دیگه درگیر نکنید (خودم به عنوان یک طراح سایت یک ماه درگیر همین اسم دامنه و انتخاب شرکت هاستینگ بودم:() و روی لینک زیر کلیک کنید و ارزونترین هاست وردپرسی را برای طراحی سایت بخرید. برای شروع به نظر قیمت و کیفیتش قابل قبول و نیاز نیست اول کاری هزینه زیادی بکنید و خودتون را دچار سردرگمی کنید (هزینه کم منظور تهیه هاست از یک شرکت نامعتبر نیستاااا بین این معتبرها و بین پلن‌هایی که ارائه می‌دهند)!

لینک خرید

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

متصل کردن هاست و دامنه

گام بعدی در طراحی سایت، متصل کردن هاست و دامنه‌ای است که در مراحل قبلی طراحی سایت تهیش کردید. برای این کار کافیه ایمیلی که از طرف هاستتون (معمولاً بعد از یک دو ساعت) اومده را باز کنید. داخل این ایمیل دو تا DNS هست به نام DNS1 و DNS2. این دو تا DNS را کپی میکنید. وارد سایتی که ازش دامنه تهیه کردید میشید و توی یک قسمتی که که معمولاً اسمش سرویس‌ها یا… هست، وارد تنظیمات دامنه میشید و تغییر DNS را انتخاب می کنید. حالا کافیه DNS ها را جایگذاری کنید و تمام. در این مرحله شما هاست و دامنه متصل به هم دارید و دیگه آماده طراحی سایت هستید:)

طراحی سایت با چی؟

در این مرحله از طراحی سایت نیاز است که شما اطلاعاتی (متن‌ها، عکس‌ها و … ) که قصد دارید داخل سایتی که طراحی می‌کنید به کاربر نشان داده بشود را داخل هاست خودتون ذخیره کنید. زمانی هم که کاربری هم که خواست سایت شما را ببینه، اطلاعات با یک نظم درستی از داخل هاست شما خوانده بشه.

برای این که ما بتونیم در این مرحله از طراحی سایت، روی هاست ذخیره‌سازی کنیم نیاز به علم برنامه‌نویسی هست که در اصطلاح برنامه‌نویسان وب بهش می‌گویند علم back end (مثل php و…) و برای این‌که با یک نظم زیبایی مطالبی که کاربر میخواهد بهش نشون داده بشود نیاز به علمی است به نام front end (مثل javascript و…).

آموزش برگزاری وبینار

اگر شما زبان برنامه‌نویسی بک اند و فرانت اند بلد بودید احتمالاً این مقاله به دردتون نمی‌خورد و الان مشغول کار دیگه‌ای بودید. در هر صورت برای افرادی که برنامه‌نویسی بلد نیستند یا نمی‌خواهند برای سایتشون هزینه‌های چند ده یا حتی چند صد میلیونی بکنند یک معجزه برای طراحی سایت وجود دارد. اسم این معجزه وردپرس است. وردپرس کار بک اند و فرانت اند طراحی سایت شما را انجام می‌دهد:)

جواب به چند سوال:

  1. آیا وردپرس بهترین است برای طراحی سایت؟ نه وردپرس بهترین نیست. بهترین استفاده از زبان برنامه نویسی فرانت و بک اند که اگر خودتون بخواهید یادش بگیرید باید چند سالی عمرتون را صرف یادگیری کنید یا کلی پول خرج کنید تازه بتونید به خود وردپرس و امکاناتش برسید.
  2. آیا وردپرس امنترین است!؟ نه وردپرس امنترین نیست ولی میشه امنش کرد و اگر قرار نیست درآمد عجیب چند میلیاردی ماهانه داشته باشید هکرهایی که قابلیت هک سایت‌های امن شده وردپرس را دارند برای چن ده میلیون پول نمییان سایت شما را هک کنند (به احتمال زیاد).
  3. چرا وردپرس: چون به چند دلیل برای طراحی سایت بهینه‌ترین (نه بهترین) انتخابه: 1. آموزش فارسی و غیر فارسی زیادی براش هست. 2. ارزونه (رایگان) 3.آسونه و با یک ماه تلاش می‌تونید یک سایت فوق‌العاده و در سطح جهانی بدون هیچ دانشی باهاش طراحی کنید. 4. قابلیت توسعه داره: الان چند سایتی که جزء 100 سایت برتر ایران هستند (به خصوص در زمینه‌های آموزشی) وردپرسی هستند.

یک نصیحت برادرانه:

اگر داداش خودم یا خواهر نداشتم میخواست سایت بزنه برای کسب و کارش حتی اگر چند میلیارد سرمایه داشت، بهش میگفتم اول با وردپرس برو جلو!
اما اگر می‌خواست شغلش طراحی سایت باشه بهش می‌گفتم برو یا زبان برنامه‌نویسی بک‌اند یا فرانت اند (که با توجه به شرایط الان می‌گفتم بک اند بهتره) یاد بگیر. چرا؟

روش تدریسکتاب تدریس

چون الان طراح سایت وردپرس خیلی زیاده و درسته درآمد حدودی 7،8 میلیونی با یکم بازاریابی غیر معقول نیست ولی به نظرم باید هر فردی توی زمینه‌ای که کار می‌کنه جزئی از بهترین‌ها باشه که مثلاً حتی اگر خواست بتونه یک طراح سایت توسعه دهنده وردپرس باشه (وردپرس کارهای حرفه‌ای php، javascript بلد هستند).

برای اطلاع از آموزش های مورد نیاز طراحی سایت با برنامه نویسی می‌توانید به سایت انگلیسی udemy.com بروید.

نتیجه برای شروع طراحی سایت

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

آموزش تولید محتوای آموزشی

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

پیشنهاد مطالعه مقاله:

بهترین شغل برای افراد برونگرا

نصب وردپرس

بسته به این که هاستتون دایرکت ادمین، سی پنل یا حتی پلکس هست(داخل مشخصات هاستی که خریدید نوشته) باید یکی از ویدیو های زیر را ببینید:

اگر هاستتون دایرکت ادمین DirectAdmin به صورت زیر وردپرس را در این قسمت از طراحی سایت نصب کنید:

(این ویدیو توسط تیم ما (ب م م) تولید نشده و فقط محتوای آموزشی آن را از نظر کیفیت مطالب قابل قبول می‌دانیم! پس اگر تبلیغی داشت برای تیم ب م م نیست)

 

اگر هاستتون سی پنل cpanel به صورت زیر وردپرس را در این قسمت از طراحی سایت نصب کنید:

(این ویدیو توسط تیم ما (ب م م) تولید نشده و فقط محتوای آموزشی آن را از نظر کیفیت مطالب قابل قبول می‌دانیم! پس اگر تبلیغی داشت برای تیم ب م م نیست)

 

اگر هاستتون پلسک برای نصب وردپرس در طراحی سایت:

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

در این قسمت طراحی سایت شما با استفاده از وردپرس مراحل فنیش تمام شد. کافیه آدرس سایتتون را داخل مرورگر وارد کنید تا سایتتنون را مشاهده کنید.
برای مدیریت و ادامه مراحل طراحی سایت، آدرس سایتتون اسلش wp-admin (مثلاً اگر اسم دامنه شما abcd.ir باشه آدرس مدیریت وبسایتتون میشه: abcd.ir/wp-admin) را وارد کنید و یوزvنیم و پسوردی را که در مرحله نصب وردپرس انتخاب کردید وارد کنید. این پنل مدیریت وب‌سایت شما است لطفاً نترسید و برید مثل یک گوشی که تازه خریدید گزینه‌های مختلفش را بررسی کنید!

آموزش تدریس مجازی

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

بهترین زمینه تدریس

انتخاب قالب یا theme

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

مقاله رو به رو پیشنهاد ما به شما: بهترین قالب آموزشی وردپرس

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

اضافه کردن امکانات در طراحی سایت با افزونه، پلاگین یا plugin

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

  • پلاگین‌های امنیتی
  • پالاگین‌های فروشگاه‌ساز
  • پلاگین‌های افزایش سرعت
  • پلاگین سئو
  • و…

استفاده از کدهای css و html

اگر قصد دارید که طراحی سایت را به صورت حرفه‌ای ادامه دهید قدم بعدی شما (که اختیاری است) یادگیری زبان‌های نشانه گذاری css و html است. دقت کنید که یادگیری این دو ضروری نیست ولی به زیبایی بیشتر سایتی که طراحی می‌کنید بسیار کمک می‌کند.

تجهیزات تولید محتوا

که هر کدوم از این‌ها را در مقالات بعدی به صورت مفصل با هم بررسیشون می‌کنیم.

سئو-تکنیکال

در نهایت به عنوان یک طراح سایت باید حداقل با اصول سئو تکنیکال آشنا باشیم تا سایت در نتایج گوگل دیده شود. برای مطالعه بیشتر می‌توانید مقاله : سئو را مطالعه نمایید.

مقالات پیشنهادی:

بهترین شغل

بهترین شغل مهندسی

بهترین شغل برای خانم ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.