طراحی وب سایت ، طراحی وب سایت.

مهندس زهابی 09050913818

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

این یک آموزش گام به گام و ساده است که پس از خواندن آن میتوانید طراحی وبسایت با وردپرس را از پایه در کمتر از ۲ ساعت بیاموزد و به ساخت وب سایت های رایگان بپردازد

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

همچنین در این راهنما سعی کردم کمتر از واژه های تخصصی طراحی وبسایت استفاده کنیم تا برای شما مشکلی پیش نیاید

۳ مرحله اصلی در این راهنما

۱. پلتفرم مناسب برای طراحی وبسایت خود را انتخاب نمایید

۲. نام دامین و میزبان سایت خود را انتخاب کنید

۳. وبسایت خود را نصب، طراحی و ویرایش کنید

قدم اول: پلتفرم مناسب برای طراحی وبسایت خود را انتخاب نمایید

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

منظور من از پلتفرم چیست

خب، زمانی که من در سال ۱۳۸۸ شروع به طراحی وبسایت کردم، بسیاری از سایت های با استفاده از HTML (کد)، CSS و حتی فلش ساخته می شدند. این زمان بسیاری را برای یادگیری ساخت وبسایت از من گرفت

به همین دلیل اکثر مردم هنوز هم فکر می کنند ساخت وبسایت از ابتدا مشکل است و یا نیاز به مقدار زیادی از مهارت های برنامه نویسی و طراحی دارد البته این تا حدی درست است اما برای طراحی هر وبسایتی نه در سال ۲۰۱۶ سیستم های مدیریت محتوا (CMS) مانند وردپرس وجود دارند که ایجاد یک وب سایت را برای همه قابل دسترس کرده اند.

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

سه پلتفرم محبوب ساخت وبسایت در سال ۲۰۱۶

popular-website-platforms

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

اما چرا وردپرس از بقیه بهتر است

هیج جای دنیا راهی بهتر و آسان تر از وردپرس برای ساخت یک وب سایت رایگان پیدا نمی کنید زیرا

۱. وردپرس فارسی بسیار عالی و آپدیت می باشد

WordPress این سیستم مدیریت محتوا (CMS) در کشور ما نماینده رسمی دارد و تمامی نسخه های آن به صورت رایگان در وبسایت وردپرس فارسی قرار می گیرد

۲. وردپرس کاملا رایگان است همراه با بسیاری از پوسته ها و تم های زیبا که میتوانید انتخاب کنید

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

۳. وردپرس برای تازه کاران عالی ست

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

۴. وردپرس برای سایت های کوچک یا بزرگ جواب: عالی برای هر دو

از وبلاگ های عمومی تا سایت های شرکتی زیبا و فروشگاه های آنلاین وردپرس می تواند در هر نوع از طراحی وبسایت بهترین پلت فرم انتخابی شما باشد وردپرس توسط eBay .موزیلا.رویترز .CNN، Google Ventures و حتی ناسا استفاده می شود.

۵. معمولا قالب های آماده وردپرس Responsive خواهند بود، یعنی برای موبایل، تبلت و رایانه بهینه شده اند.

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

۶. پشتیبانی وسیع و جامعه بزرگ برنامه نویس برای کمک به گسترش وردپرس.

بخاطر استفاده بسیاری از مردم از این پلت فرم (وب مستر ها، وبلاگ نویسان، توسعه دهندگان تم و سازندگان پلاگین)، پیدا کردن کمک سریع هنگامی که شما به مشکلی بخورید خیلی راحت می شود بهترین جا برای این کار انجمن وردپس فارسی است

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

البته دیگر پلت فرم های سیستم مدیریت محتوا نیز برای طراحی وبسایت وجود دارد.

دروپال یک پلتفرم بسیار قدرتمند است که محبوب برای طراحی وب و برنامه نویسان با تجربه است، اما با یک منحنی یادگیری سخت! که یک انتخاب بد برای مبتدیان به حساب می آید

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

اگر می خواهید جزئیات بیشتر بدانید، این لینک را مشاهده کنید که یک مقایسه بسیار جامع بین وردپرس، جوملا و دروپال کرده است

در مرحله ۲، من شما را از فرایند انتخاب یک نام دامنه خوب و پیدا کردن یک فضای برای میزبانی سایت تان آگاه می کنم

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

 

قدم دوم: پیدا کردن یک نام دامنه و هاست

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

  1. نام دامنه (یک آدرس وب مانند z-universe.com)
  2. هاست وب (یک سرویس است که سایت شما را به اینترنت متصل می کند و مانند هارد اطلاعات سایت را روی آن می ریزید.)

پلت فرم وردپرس رایگان است، اما یک نام دامین و میزبان وب (هاست) برای شما هزینه در حدود ۲۰ الی ۵۰ هزار تومان در سال به همراه دارد، ولی باز هم هزینه آنها کمتر از خوردن یک پیتزا در شمال تهران است

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

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

از هر جایی هاست می گیرید، هاست لینوکس باشد و دارای کنترل پنل CPanel

 

چه نوعی دامینی باید انتخاب کنیم؟

معمولا همه از دامنه های بین المللی مانند .com و یا .net و یا .org استفاده می کنند که هر کدام معنای خاص خود را دارد. اما استفاده از دامنه های ملی نیز مانند .ir در ایران میتواند گزینه مناسب تری و کم هزینه تری باشد. برای خرید دامنه .ir باید در سایت ایرنیک شناسه داشته باشید

اما برای انتخاب نام مناسب برای وبسایت شما دو راه پیشنهاد می دهم:

  1. از نام شرکت یا نام خودتان در دامین استفاده کنید. مانند: www.z-universe.ir
  2. از موضوع فعالیت خود در دامنه تان استفده کنید مثل www.your-activity.ir

از انتخاب اسم های عجیب غریب برای وبسایتتان دوری کنید. وبسایت شما هر چه نام کوتاه تر و زیباتری داشته باشد بهتر به یاد دیگران می ماند.

الیته یه نکنه مهم قابل اشاره این است که اگر نام فعالیت شما در نام دامنه شما باشد شانس شما برای بالاتر آمدن وبسایتتان در موتورهای جستجو زیادتر می رود به مجموعه فرآیندهایی که به بهبود عملکرد وبسایت شما در موتورهای جستجو از قبیل گوگل کمک می کند SEO یا Search Engine Optimization می گویند. اگر دوست دارید وبسایت شما پر گوگل خوب بالا بیاید این مقاله Seo on Page را بخوانید

یک نکته عالی دیگر در پیدا کردن نام دامنه مناسب استفاده از ابزارهای آنلاین مانند LeanDomainSearch است که در نوبه خود پیشنهاد های عالی به شما از وبسایت های خالی می دهد.

قدم سوم: نصب و ساخت وبسایت + تغییر قالب انتخابی

هنگامی که نام دامنه خود را خریداری کرده اید و هاست خود را روی دامنه تان راه اندازی کردید (این کار را شرکت هاستینگ انجام خواهد داد)، شما راه را به خوبی جلو رفته اید.

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

راهنمای نصب وردپرس

دو راه برای نصب وردپرس ممکن است، راه اول بسیار ساده تر از دیگری است.

۱. با یک کلیک وب سایت هایی مانند وردپرس (و جوملا و دروپال) را روی هاست خریداری شده نصب و راه اندازی کنید.

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

در اینجا مراحل ایست که شما می توانید برای نصب سریع وردپرس انجام دهید:

  1. به CPanel هاستینگ خود وارد شوید. (با شناسه و رمزی که از شرکت هاستینگ گرفته اید. معمولا آدرس ورود به CPanel به این ترتیب است: www.yourname.com/cpanel)
  2. به کنترل پنل بروید.
  3. آیکون وردپرس را پیدا کنید.
  4. روی نام دامین تان که نشان داده است کلیک کنید.
  5. با کلیک بر روی “نصب” شما باید اطلاعات دسترسی به وب سایت جدید وردپرس خود را دریافت کنید.

۲ نصب دستی وردپرس

اگر به هر دلیلی (برخی از شرکت های میزبانی وب “نصب وردپرس تنها با یک کلیک ” را فراهم نکرده اند) شما این انتخاب را ندارید، برای نصب وردپرس به طور خودکار اقدام کنید، شما می توانید از راهنمای رسمی نصب وردپرس فارسی برای ساخت وبسایت خود کمک بگیرید.

نصب وردپرس به صورت دستی (کلیک کنید)

ضمنا اگر شما “نصب وردپرس با یک کلیک” را در پنل هاستینگ خود ندارید، شاید در حال ارتباط با یک میزبان بد برای ساخت وبسایت خود هستید.

انتخاب یک قالب یا پوسته برای شروع ساخت سایت شما

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

default_wordpress_theme

در حقیقت قالب وبسایت شما، طراحی وبسایت شما است که به وردپرس می گوید چگونه به ظاهر سایت شما نگاه بیاندازد؟

custom-website-theme-768x334

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

چگونه یک قالب سایت حرفه ای برای وردپرس خود پیدا کنید که آن را دوست بدارید؟

۱ ورود به داشبورد وردپرس تان

به http://yoursite.com/wp-admin بروید. (جایگزینی “yoursite” با دامنه خود).

این نمایی از داشبورد وردپرس است:

wordpress-dashboard

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

۲ قالب خود را انتخاب کنید.

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

free_wordpress_blog_themes-1024x446

دقت کنید: شما ۴ راه برای کشف قالب مناسب تان بیشتر ندارید:

  1. از قالب های رایگان موجود در وردپرس برای راه اندازی وبسایت خود استفاده نمایید: این قالب ها تقریبا هیچکدام از لحاظ ظاهر دلچسب نیستند ولی اگر در بینشان چیزی پسند کردید بدانید که قالب های بسیار استانداردی هستند؛ چه از لحاظ فنی چه از لحاظ دسترسی و چه از لحاظ سئو on page.
  2. از قالب های رایگان فارسی متفرقه در سایت های مختلف استفاده کنید: مثلا اگر جستجو کنید قالب های خبری رایگان شاید ده ها مورد در وب سایتهای فارسی زبان پیدا کنید که میتوانید از آن ها استفاده نمایید ولی به یاد داشته باشید که معمولا این قالب ها استاندارد نیستند و بخشی از امکانات ممکن است از همان ابتدای راه اندازی وب سایت برای شما خوب کار نکند.
  3. خرید قالب های پولی از وب سایت های فارسی زبان: این قالب ها معمولا از کیفیت بالاتری برخوردارند اما ایراد آنها این است که باز هم از لحاظ های فنی استانداردها را رعایت نمیکنند. (اگر زبانمان چپ چین بود به شما میگفتم که به وبسایت themeforest.net بروید و از منبع قالب های بسیار استاندارد و خلاقانه این سایت استفاده کنید، اما چه بگویم که از جهت زبان (direction) هم شانس نیاورده ایم).
  4. سفارش طراحی قالب وردپرس به یک شرکت طراحی سایت: این کار بهترین انتخاب است اما هزینه آن می تواند مساله مهمی باشد.

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

۳ نصب قالب روی وردپرس

اگر قالب خود را از میان قالب های موجود در بخش پوسته ها پیدا کردید که همان جا گزینه نصب را پیدا کنید و بزنید. اما اگر قالب خود را از یکی از وبسایت ها خریداری کرده یا دانلود کرده اید، فایل zip قالب را (اگر فایل قالب زیپ نیست خودتان این کار را انجام دهید) در بخش پوسته ها > افزودن پوسته تازه > بارگذاری پوسته، آپلود کرده و سپس گزینه فعال کردن را بزنید.

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

چگونه محتوا و صفحات جدید اضافه کنم

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

افزودن و ویرایش صفحات (Adding and editing pages)

آیا یک صفحه خدمات ما یا درباره ما میخواهید؟ (مانند صفحاتی که در منوی سایت ما می بینید)

  1. به نوار کناری در داشبورد وردپرس خود نگاه کنید و به “صفحه” -> “اضافه کردن” بروید
  2. پس از کلیک یک صفحه تقریبا شبیه صفحه ای که در مایکروسافت ورد دیده اید رو به روی شما قرار میگیرد. متن خود را برای انتشار در این صفحه از وبسایت خود بنویسید، به آن عکس اضافه کنید و سپس دکمه انتشار را بزنید. کار تمام است! میتوانید این صفحه وبسایت خود را با کلیک بر روی نمایش برگه ببینید

wordpress

اضافه کردن صفحات به منوی سایت

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

  1. در نوار سمت راست داشبورد وبسایت وردپرس خود، روی نمایش کلیک کنید. سپس به فهرست ها بروید
  2. در منوی سمت راست آن یکی از برگه هایی را که ایجاد کرده اید را با زدن تیک چک باکس آن انتخاب کنید سپس دکمه افزودن به فهرست را بزنید
  3. در نهایت روی کلید ذخیره فهرست کلیک کنید

menus

افزودن و ویرایش نوشته

اگر شما یک بخش بلاگ یا مقالات و یا اخبار در وبسایت خود دارید، بخش نوشته ها بخش بعدی است که باید به آن سر بزنید. شما میتوانید موضوعاتی را برای نوشته های خود ایجاد کنید تا هر نوشته در درون موضوعی قرار بگیرد. مثلا: مقالات طراحی سایت، مقالات سئو، مقالات وردپرس و….

مثلا شما می خواهید در وبسایت وردپرس خود یک بخش مقالات و یک بخش اخبار داشته باشید که هر کدام خود دارای چندین زیر موضوع می شوند.

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

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

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

wordprss-categories

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

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

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

ستون کناری سایت

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

البته برای استفاده از این ویژگی، قالب نصب شده شما در وردپرس باید ستون کناری داشته باشد، که معمولا قالب های خوب دارند.

  1. به بخش نمایش > ابزارک ها (Widgets) بروید.
  2. در این بخش شما میتوانید باکس هایی که نیاز دارید را در ستون های مشخص وبسایت خود که آنجا وجود دارند Drag & Drop کنید.

یک باکس html هم وجود دارد که در آن میتوانید کد html بنویسید و به منوی خود اضافه کنید.

wordpress-widgets

تنظیمات سایت

اگر به بخش تنظیمات سر بزنید همه چیز را واضح خواهید آموخت. مثلا میتوانید تیتر سایت را تغییر دهید و یا نظرات را برای نوشته های خود غیر فعال کنید و….

افزودن افرونه ها به سایت وردپرسی برای گسترش امکانات وبسایت خود

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

به این ترتیب جستجو کنید: افزونه نمایش نوشته های پربازدید در ابزارک ها

سپس خواهید دید هزاران سایت برای شما پیشنهادهای مختلف دارند

چگونه یک افرونه نصب کنید

افزونه های وردپرس معمولا رایگان هستند و بین ۲۵ هزار افزونه رایگان مخزن وردپرس معمولا هر چیزی پیدا می شود. این کار بسیار آسان است. به بخش افزونه ها رفته و افزودن را بزنید. سپس نام افزونه مد نظر را در باکس جستجو بزنید و پس از شناسایی افزونه کلید نصب را بزنید.

اگر دوست دارید لیستی از افزونه های محبوب ۲۰۱۶ داشته باشید اینجا را ببنید

تبریک، شما موفق به ساخت وبسایت رایگان شدید

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

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

امتیاز دادن
لطفا به این مطلب رای بدهید
[تعداد: 0   میانگین: 0/5]
تماس با ما ۹ تا ۲۱
موقیعت ما