Share on facebook
Share on telegram
Share on twitter
Share on linkedin
Share on reddit
Share on whatsapp
Share on email
Share on print
شما اینجا هستید‌:‌‌ 
چگونه سایت وردپرس طراحی کنیم؟ یک راه آسان و قدم‌به‌قدم برای طراحی سایت
طراحی سایت وردپرس: آیا تا کنکون برای طراحی وب‌سایت اقدام کرده‌اید؟ چرا برخی فکر می‌کنند که همیشه طراحی سایت کاری طاقت‌فرسا خواهد بود؟ آیا همیشه طراحی سایت، مستلزم دانستن زبان‌های برنامه‌نویسی طاقت فرسات؟!
چگونه سایت وردپرس طراحی کنیم؟ طراحی سایت حسین زاده
target

هدف از این مقاله

1.شناخت دامنه و هاست
2.قدم‌های اولیه برای طراحی سایت وردپرس

schedule time زمان icon

تاریخ انتشار

شهریور 29, 1398

level icon سطح level-up

سطح مقاله

متوسط

circle-time-icon-4

زمان تقریبی مطالعه

20 دقیقه

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

جدول محتوا (مرحله‌به‌مرحله)

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

تعداد زیادی از سیستم‌های مدیریت محتوا (CMS) های مختلف در بازار طراحی سایت وجود دارند. که می‌توان به WordPress ، Joomla ، Drupal ، Wix و… اشاره کرد. شما می‌توانید به‌وسیله این CMS ها کار خود را آغاز کنید و یا البته می‌توانید وب‌سایت خود را از صفر شروع به کد زدن کنید. اما فرایند کد نویسی طراحی سایت نیازمند توانایی بالا، تجربه کاری و البته صرف کردن زمان زیاد خواهد بود. همان‌طور هم که در جریانید قرار است تا ما نیز در این مقاله طراحی سایت بدون کد نویسی را آموزش دهیم. اما…

کدام CMS مناسب است ؟؟

طبق آمارهایی که اخیراً توسط سایت BuiltWith جمع‌آوری‌شده است، چیزی در حدود نیمی از سایت‌هایی که با CMS ها کار می‌کنند، صد البته با وردپرس می‌باشند.

کدام CSM ؟ طراحی سایت حسین زاده
کدام CMS مناسب است ؟؟ (طراحی سایت حسین زاده)

چرا مردم از وردپرس در طراحی سایت استفاده می‌کنند؟

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

اما از همه مهم تر:

• وردپرس در مقایسه با HTML & CSS :

یادگیری HTML برای طراحی سایت با کد نویسی ضروری است که چیزی در حدود ۶ ماه زمان می‌برد. و البته که بعد از HTML باید زبان‌های PHP و CSS را نیز فرابگیرید. اما باید به شما بگویم که با وردپرس در کمتر از ۲ روز قادر خواهید بود تا یک سایت برای خودتان داشته باشید.

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

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

• وردپرس در مقابل Joomla/Drupal:

وردپرس بسیار کاربرپسند تر است.

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

زیرا که، آموزش‌های مربوط به طراحی سایت با کد نویسی در سایت کدپز نیز موجود است.

۰ تا ۱۰۰ مسیر آموزش طراحی سایت

حال به سراغ آن ۴ مرحله که در ابتدای مقاله بیان کردیم می‌رویم و کار خودمان را آغاز می‌کنیم.

step 1

مرحله اول: ثبت دامنه و گرفتن ‌هاست برای طراحی سایت

برای راه‌اندازی یک سایت چه وردپرسی و چه سایت‌های دیگر، شما نیاز به دو چیز دارید.

  1. دامنه : یک نام برای سایت خودتان همانند sajjadhosseinzadeh.ir
  2. هاست : یک سرویسی که سایت شمارا به دنیای اینترنت متصل می‌کند.

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

نام دامنه و میزبانی وب (هاست) را از کجا می‌توان تهیه کرد؟

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

برای ثبت سایر دامنه‌ها می‌توانید از سایت‌هایی معتبری نظیر ایران سرور، وب رمز و ۷ هاست استفاده کنید.

اغلب سایت‌های ثبت دامنه، خدمات مربوط به هاستینگ را نیز ارائه می‌کنند. بنابراین برای خرید هاست هم می‌توانید از همین شرکت‌ها استفاده کنید.

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

نحوه ثبت دامنه و هاست در طراحی سایت

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

در غیر اینصورت با ما باشید تا نحوه ثبت دامنه و هاست را مرحله‌به‌مرحله بررسی کنیم.

خرید از ایران سرور

اما چرا ایران سرور؟

ایران سرور از سال ۱۳۸۱ در بازار خدمات میزبانی وب قرار دارد و همچنین جزء ۳ سرویس‌دهنده برتر ایران محسوب می‌شود. ایران سرور مزایای زیر را به‌عنوان مهم‌ترین دلایل انتخاب ایران سرور اعلام کرده است. دلایل زیر را بررسی کرده و در صورت تمایل هاست و دامنه خود را برای طراحی سایت از ایران سرور انتخاب نمایید.

  • پشتیبانی سطح بالا بر روی تمامی خدمات
  • ارائه سرویس‌های متنوع و موردنیاز
  • پارتنر رسمی دیتاسنتر و رجیسترار های معتبر
  • هزینه‌های بسیار مناسب
  • بهره‌گیری از متخصصین خبره هاستینگ
  • بروز بودن خدمات و سرویس‌ها

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

Web-Host-iranserver-gif-hand- طراحی سایت psdk chni
راهنمای خرید دامنه و هاست از سایت ایران سرور(طراحی سایت حسین زاده)

دانلود گیف راهنمای ایران سرور

خرید از وب رمز

اما چرا وب رمز؟

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

  • استفاده از دیسک پرسرعت SSD
  • استفاده از وب‌سرور لایت‌اسپید
  • استفاده از xCache
  • استفاده از دیتابیس MariaDB
  • امکان انتخاب نسخه PHP
  • استفاده از کلاود لینوکس
  • تهیه بکاپ به‌صورت ریموت

از لینک بالا وارد سایت وب رمز شده و فایل گیف زیر را ملاحضه کنید.

Web-Host-webramz-gif طراحی سایت حسین زاده
راهنمای خرید دامنه و هاست از سایت وب رمز (طراحی سایت حسین زاده)

دانلود گیف راهنمای وب رمز

step 2

مرحله دوم : راه اندازی وب سایت در هاست​

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

نصب وردپرس

بعد از خرید هاست و دامنه از طرف شرکت هاستینگ کنترل پنلی خدمت شما ارائه خواهد شد. این کنترل پنل معمولاً cPanel و یا Direct Admin خواهد بود. نصب وردپرس در دو حالت را در این آموزش طراحی سایت بررسی خواهیم کرد. اطلاعات این کنترل پنل، اعم از لینک کنترل پنل، یوزر نیم، پسورد، نام سرور و سایر اطلاعات برای شما ایمیل می‌شود.

  1. به سایت WordPress رفته و آخرین نسخه آن را دانلود کنید.
02.wotdpress website طراحی وب‌سایت حسین زاده
نصب وردپرس (طراحی سایت حسین زاده)

۲. آموزش نصب وردپرس و ساخت پایگاه داده در محیط دایرکت ادمین (Direct admin)

۲.۱. آموزش نصب وردپرس و ساخت پایگاه داده در محیط سی پنل (cPanel)

step 3

مرحله سوم: وب‌سایت خود را طراحی کنید.

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

حال یک نمونه از قالبی زیبا را در زیر ببینید.

03.bluediamond قالب آماده
قالب آماده وردپرس (طراحی سایت حسین زاده)

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

حال به سراغ پیدا کردن یک قالب حرفه‌ای متناسب با نیازمان می‌رویم.

۱. ورود به داشبورد وردپرس

به منوی داشبورد وردپرس خود بروید. برای ورود به داشبورد وردپرس کافی است تا بعد از واردکردن آدرس دامنه خود، wp-admin را وارد کنید. دقیقاً مانند روبه‌رو: https://sajjadhosseinzadeh.ir/wp-admin

تصویر زیر داشبورد وردپرس را به شما نمایش می‌دهد.

wordpress-dashboard طراحی سایت حسین زاده
منوی داشبورد وردپرس (طراحی سایت حسین زاده)

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

۲. دسترسی به قالب های رایگان

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

قالب ها در وردپرس themes on wordpress
قالب ها در وردپرس (طراحی سایت حسین زاده)

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

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

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

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

step 4

مرحله چهارم: افزودن صفحات سایت و محتوا

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

حال سریعاً برخی موارد پایه‌ای را شرح می‌دهیم.

اضافه و ویرایش کردن برگه‌ها

آیا شما هم قصد ِ این را دارید که در طراحی سایت خود همانند من یک صفحه ” خدمات ” و یا ” درباره من ” داشته باشید؟

۱ – از قسمت سایدبار در صفحه داشبورد خود ” برگه‌ها > افزودن جدید ” را انتخاب کنید.

۲ – در این صفحه شما محیطی شبیه به نرم‌افزار “وٌرد در ماکروسافت” و حتی خیلی پیشرفته‌تر را دارید. کافی است تا بر روی + کلیک کنید تا امکانات موجود در این صفحه را کاملاً مشاهده کنید.

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

حال اگر قصد دارید تا همانند سایت بنده صفحاتی نظیر ” خدمات ” و یا ” درباره من ” را در منوی سایت خود ملاحظه کنید، کافی است تا

۱ – در ابتدا برگه‌ای که ساختید را به‌روزرسانی کنید.

۲ – سپس از قسمت سایدبار در صفحه داشبورد خود ” نمایش > فهرست‌ها ” را انتخاب کنید.

۳ – در صفحه بازشده ابتدا نامی برای فهرست خود انتخاب کنید و آن را ذخیره کنید. حالا برگه خود را پیدا کنید و آن را به قسمت فهرست‌ها اضافی کنید و سر آخر بر روی ذخیره فهرست کلیک کنید. (همانند تصویر زیر)

appreance menus افزودن برگه ها به فهرست سایت طراحی سایت حسین زاده
افزودن برگه ها به فهرست سایت (طراحی سایت حسین زاده)

اضافه و ویرایش کردن نوشته‌ها (پست‌ها)

در طراحی سایت اگر برای سایت خود وبلاگی در نظر گرفته باشید، می‌توانید در زمان‌های مشخص، پست‌هایی را انتشار دهید. پست‌ها را می‌توان از قسمت داشبورد خود ” نوشته‌ها > افزودن نوشته ” اضافی کنید. محیط آن تقریباً شبیه به برگه‌ها می‌باشد.

حال به توضیح سایر بخش‌های مدیریتی پنل وردپرس برای طراحی سایت می‌پردازیم.

• دیدگاه‌ها (Comments):

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

• نمایش (Appearance):

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

• افزونه‌ها (Plugins):

در اینجا شما همواره می‌توانید تنظیمات افزونه وردپرس را اضافه، فعال، حذف و تغییر دهید.

• کاربران (Users):

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

• ابزارها (Tools):

در اینجا برخی ابزارهای اضافی مورداستفاده در وردپرس گنجانده‌شده‌اند. حتی برخی از افزونه‌ها و پوسته‌ها ابزارهایی در اینجا دارند.

• تنظیمات (Settings):

تمام تنظیمات در اینجا، در یک مکان است. در اینجا شما همچنین می‌توانید تنظیمات افزونه‌های نصب‌شده را برای طراحی سایت خود مشاهده کنید.

• جمع‌کردن فهرست (Collapse menu):

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

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

جدول محتوا (مرحله‌به‌مرحله)

بیان نظرات

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

چگونه حمایت کنیم؟

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

جمع بندی

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

پایان

سجاد حسین زاده

سجاد حسین زاده

بنده از سال ۹۴ سابقه حضور در حوزه وب را دارم. و روزبه‌روز در حال رشد و ارتقای خودم تو این زمینه هستم. از علایقم که بخوام به گم: خب واضحه که عاشق کدنویسی هستم. و همچنین من از معدود افراد برنامه‌نویس ورزشکار هم به‌حساب میام.

پست‌های اینستاگرام رو از دست ندید.

sajjad hosseinzadeh instagram png

فهرست مطالب

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شاید از این مقاله‌ها هم خوشتان بیاید

اصطلاحات تخصصی طراحی سایت که هر کسی باید بداند
مقالات

۱۵ اصطلاح تخصصی طراحی سایت که هر کسی باید بداند

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

21 سایت معروف وردپرسی موفق در زمینه‌های مختلف
مقالات

۲۱ سایت معروف وردپرسی موفق در زمینه‌های مختلف

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

مطالب پرطرفدار من در کدپز