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

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

دسته بندی های تخصصی طراحی سایت

برنامه نویسی تحت وب در کل به دو دسته سمت سرور یا بک اند (back end) ، و سمت کاربر یا فرانت اند (front end) تقسیم می شود . در طراحی سمت سرور کاربران نمی توانند نتیجه عمل خود را به صورت آنی در سایت مشاهده کنند . اما در طراحی سمت کاربر ، مخاطبان سایت می توانند نتیجه عمل خود در سایت را در لحظه مشاهده کنند . برای مثال ممکن است شما در یک سایت ، از ابزار سرچ در سایت استفاده کنید ؛ و نتایج را بعد تایپ مشاهده نکنید و با کلیک بر روی گزینه سرچ قادر به مشاهده نتایج شوید . این سایت ها با زبان های برنامه نویسی سمت سرور طراحی شده اند . در دیگر سایت ها که با جست و جوی متن مورد نظر ، بدون کلیک یا لمس گزینه سرچ قادر به مشاهده نتایج می شوید با زبان های سمت کاربر نوشته شده اند .

انواع زبان ها برنامه نویسی

همه زبان های برنامه نویسی حداقل در یکی از از این دو دسته قرار می گیرند . یا زبان های برنامه نویسی سمت سرور تند، یا بک اند (back end) هستند. بک اند شامل اینهاست : ASP.NET ، PHP ، Ruby ، Java ، Python ، Golang

زبان های برنامه نویسی سمت کاربر، یا همان فرانت اند (front end) نیز شامل این زبان ها می شود : CSS ، Javascript ،  jQuery،  HTML

وردپرس چیست ؟

وردپرس یکی از انواع مختلف سیستم مدیریت محتواست که به آن CMS می گویند . CMS مخفف عبارت content management system است که به معنی سیستم مدیریت محتوا می باشد . وردپرس در هر دو زبان سمت سرور و سمت کاربر قرار دارد ، زیرا به انجام هردو مورد می پردازد . در وردپرس می توان هر دو نوع سرچ باکس ، که در بالا به توضیح آن پرداختیم برای سایت طراحی کرد .

چرا آموزش طراحی وب سایت با وردپرس ؟

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

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

طراحی واقعی یا مجازی

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

انتخاب دامنه 

دامنه نامی دو قسمتی است که شما برای سایت خودتان انتخاب می کنید . نامی که با جست و جوی آن در اینترنت می توانید سایت خودتان را در اینترنت بیابید . برای مثال نام دامنه سایت من miladnourmohamad.ir می باشد . در صورت تایپ کردن این آدرس به سایت رسمی میلاد نورمحمدی وارد می شوید .

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

•  .com پسوند دامنه ای عمومی است که هر کسب و کاری میتواند آن را را انتخاب کند .
• .org پسوندی مخصوص سازمان ها و ادارات بزرگ است ، که ممکن است تجاری و یا غیر تجاری باشند . مثل سایت سازمان سنجش
• .net پسوندی است مربوط به سازمان هایی که خدمات IT و شبکه ارائه می کنند .
• .info پسوند سایت هایی است که محتوای علمی یا اطلاع رسانی دارند
• .co پسوندی برای سایت شرکت های بزرگ است که چند برابر دامنه .com هزینه دارد . این دامنه بخاطر عدم آگاهی عمومی کمتر مورد استقبال قرار گرفته است .
• پسوندهایی نیز وجود دارد که در هر کشور متفاوت است . برای مثال دامنه سایت های ایرانی .ir و سایت های آمریکایی .us است .

هاست چیست

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

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

نصب وردپرس در لوکال هاست

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

این بخش از آموزش مربوط به ایجاد سایت تمرینی یا آفلاین است که به وسیل نرم افزار زمپ انجام می شود. اگر میخواهید سایت شما آنلاین شود لازم است که نسبت به تهیه هاست اقدام نمایید. جهت این امر (تهیه هاست) نیز می توانید از ما مشاوره دریافت کنید. در صورتی که می خواهید از طریق نرم افزار زمپ، به طراحی سایت بپردازید میبایست به درایو c در کامپیوتر خود مراجعه کنید. پوشه ای به نام نرم افزار خود که زمپ است را پیدا کنید . در آن پوشه ای به نام www را خواهید یافت که نام سایت شماست . وردپرس را در این پوشه استخراج کنید و به مرورگر خود بروید . واژه localhost/sitename را سرچ کنید تا روند کار آغاز شود .

ساخت data base یا پایگاه داده

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

تایید اطلاعات دیتابیس 

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

تکمیل اطلاعات سایت

در این قسمت از آموزش طراحی وب سایت با وردپرس، که مطابق تصویر شماره چهار است همه گزینه ها را تکمیل کنید. برای site title/عنوان سایت شما باید نامی را که برای سایت خود مدنظر دارید وارد کنید. در بخش user name/نام کاربری باید نام کاربری را که می خواهید در زمان ورود به بخش مدیریت سایت (پیشخوان) با ورود آن به شما دسترسی داده شود را وارد کنید. قسمت password/رمز، رمز عبوری را که قصد دارید در زمان ورود به بخش مدیریت سایت (پیشخوان) با ورود آن به شما دسترسی داده شود وارد کنید. همینطور برای بخش your E-Mail/ایمیل باید آدرس ایمیل خودتان را وارد کنید . در صورت فراموشی رمز عبور و… از طریق این آدرس ایمیل اطلاعات شما بازیابی خواهد شد.

نکته

در آخرین بخش اگر می خواهید که موتورهای جست و جوگر، به سایت شما دسترسی داشته باشند تیک این قسمت را فعال نمایید. البته به یاد داشته باشید که سایت شما هنوز طراحی نشده است. پس بهتر است که این گزینه را فعلاََ فعال نکنید. این گزینه را بعداََ میتوانید از این مسیر فعال نمایید : پیشخوان » تنظیمات » خواندن . حال بر روی گزینه install wordpress کلیک کنید تا به مرحله بعد بروید.آموزش طراحی وب سایت

تایید اطلاعات

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

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