طراحی سایت با وردپرس بدون کدنویسی؛ قدم‌به‌قدم

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

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

قدم اول: ثبت دامنه و خرید هاست

قبل از نصب وردپرس به دو چیز نیاز دارید: دامنه و هاست. دامنه همون آدرس سایت شماست؛ مثل example.com یا example.ir. بهتره نامی کوتاه، خوش‌خوان و مرتبط با برند یا کارتون انتخاب کنید. تا جایی که می‌شه هم سراغ عدد و خط تیره نرید تا نوشتن و به خاطر سپردن آدرس راحت‌تر باشه. اگه بیشتر مخاطبانتون داخل ایران هستن، دامنه .ir می‌تونه انتخاب مناسبی باشه. اگه بازار بین‌المللی هم براتون مهمه، پسوندهایی مثل .com یا .net رو هم بررسی کنید.

هاست فضاییه که فایل‌ها و اطلاعات سایت روی اون نگهداری می‌شن. موقع انتخاب هاست فقط به قیمت نگاه نکنید؛ سرعت، کیفیت پشتیبانی، نسخه پشتیبان، امنیت و پایداری سرویس هم مهم هستن. وقتی سرویس‌ها رو مقایسه می‌کنید، نوع فضای ذخیره‌سازی مثل NVMe، گواهی SSL، برنامه بکاپ‌گیری و سازگاری با وردپرس رو هم ببینید. SSL قابلیتیه که ارتباط سایت رو رمزگذاری می‌کنه و باعث می‌شه آدرس با https باز بشه. اگه سرویس از وب‌سرور LiteSpeed استفاده می‌کنه، افزونه LiteSpeed Cache هم می‌تونه برای مدیریت کش و بهینه‌سازی سایت مفید باشه؛ البته نتیجه نهایی به تنظیمات و شرایط سایت بستگی داره.

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

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

قدم دوم: نصب وردپرس

توی بیشتر سرویس‌های میزبانی، می‌تونید وردپرس رو با یک نصب‌کننده خودکار نصب کنید. وارد پنل هاست، مثل cPanel یا DirectAdmin، بشید و بخش نصب برنامه‌ها یا WordPress رو پیدا کنید. نام دامنه، عنوان سایت، نام کاربری مدیر و یک رمز قوی رو وارد کنید و مراحل نصب رو جلو ببرید. جای این گزینه‌ها توی شرکت‌های مختلف یکسان نیست؛ پس اگه پیداشون نکردید، راهنمای شرکت هاست رو بخونید یا از پشتیبانی کمک بگیرید.

بعضی شرکت‌ها موقع خرید هاست هم گزینه نصب خودکار وردپرس رو نشون می‌دن. توی این حالت، بعد از آماده شدن سرویس می‌تونید با آدرسی مثل example.com/wp-admin وارد پیشخوان بشید. برای نام کاربری مدیر از عبارت‌های قابل‌حدس مثل admin استفاده نکنید و یک رمز طولانی و منحصربه‌فرد بسازید. همین چند انتخاب ساده باعث می‌شن آموزش طراحی سایت با وردپرس بدون کدنویسی رو با امنیت بیشتری شروع کنید.

بعد از ورود به پیشخوان، اول تنظیمات پایه رو مرتب کنید. برای تنظیم نام و مشخصات کلی سایت به بخش تنظیمات > عمومی برید و این موارد رو بررسی کنید:

• عنوان سایت: نام برند یا کسب‌وکارتون رو وارد کنید. این عنوان ممکنه توی بخش‌های مختلف سایت و نتایج جستجو دیده بشه.
• توضیحات کوتاه (Tagline): توی یک جمله ساده بگید سایت درباره چه موضوعیه.
• آدرس وردپرس و آدرس سایت: این دو نشانی معمولاً با دامنه اصلی شما هماهنگ هستن. فقط وقتی اون‌ها رو به https تغییر بدید که SSL و تنظیمات دامنه درست فعال شده باشن؛ چون وارد کردن آدرس اشتباه ممکنه دسترسی به سایت رو مختل کنه.
• زبان سایت: زبان مناسب مخاطبانتون، مثل فارسی، رو انتخاب کنید.
• ساختار پیوندهای یکتا (Permalinks): پیوند یکتا یعنی شکل آدرس نوشته‌ها و برگه‌ها. به تنظیمات > پیوندهای یکتا برید و گزینه «نام نوشته» رو انتخاب کنید. توی این حالت آدرس صفحه شبیه sitename.com/post-name می‌شه و موضوع اون برای کاربر روشن‌تره.

قدم سوم: انتخاب قالب مناسب

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

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

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

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

قالب اهورا (Ahura) محصول تیم میهن وردپرس و یکی از گزینه‌های فارسی برای ساخت سایت با Elementor هست. این قالب ده‌ها دموی آماده برای موضوع‌هایی مثل فروشگاه، شرکت، آموزش، خبر و رستوران داره و می‌تونید اون رو به‌صورت ریالی بخرید. قبل از انتخاب، بهتره دموها و امکانات صفحه محصول رو با نیازهای سایتتون مقایسه کنید. اگه دنبال قالب خارجی هستید، Astra و GeneratePress هم از گزینه‌های شناخته‌شده وردپرس هستن.

قدم چهارم: نصب افزونه‌های ضروری

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

لازم نیست هر افزونه‌ای رو که می‌بینید نصب کنید. افزونه‌های اضافی نگهداری سایت رو سخت‌تر می‌کنن و ممکنه باعث تداخل، مشکل امنیتی یا بیشتر شدن حجم فایل‌های CSS و JavaScript بشن. CSS ظاهر صفحه رو کنترل می‌کنه و JavaScript مسئول خیلی از بخش‌های تعاملی سایته. قبل از نصب هر افزونه، کاربرد، آخرین به‌روزرسانی، امتیاز کاربران، تعداد نصب و سازگاری اون با نسخه وردپرس رو بررسی کنید.

بسته به نوع سایتتون، ممکنه به افزونه‌هایی از این دسته‌ها نیاز داشته باشید:

• افزونه امنیتی: مثل All-In-One Security (AIOS) – Security and Firewall یا Wordfence.
• افزونه کش و بهینه‌سازی سرعت: مثل رخش برای سرورهای سازگار با LiteSpeed یا WP Rocket که یک افزونه پولیه.
• افزونه سئو: مثل Rank Math یا Yoast SEO. نسخه رایگان هرکدوم برای خیلی از سایت‌های تازه‌کار امکانات پایه لازم رو داره.
• افزونه بکاپ: مثل UpdraftPlus برای تهیه نسخه پشتیبان از فایل‌ها و پایگاه داده. بهتره یک نسخه از بکاپ رو بیرون از هاست نگه دارید و امکان بازیابی اون رو هم آزمایش کنید.
• افزونه فرم تماس: مثل Contact Form 7 یا WPForms.
• افزونه صفحه‌ساز (اختیاری): اگه امکانات قالب یا ویرایشگر بلوکی برای طراحی دلخواهتون کافی نیست، می‌تونید Elementor رو بررسی کنید.

اگه می‌خواید فروشگاه اینترنتی راه بندازید، افزونه WooCommerce یکی از گزینه‌های اصلی برای اضافه کردن محصول، سبد خرید و سفارش‌هاست. برای ساخت پنل کاربری هم می‌تونید امکانات و شرایط نسخه‌های میهن پنل رو توی صفحه محصول ببینید. برای آشنایی با افزونه‌های بیشتر، مقاله «بهترین افزونه‌های وردپرس برای سال ۱۴۰۵» رو بخونید.

قدم پنجم: تولید محتوای ارزشمند

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

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

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

قدم ششم: سرعت و تجربه کاربری

سایت کند می‌تونه کاربر رو خسته کنه و تجربه خوبی هم براش نسازه. به‌جای اینکه به یک عدد ثابت تکیه کنید، سرعت صفحه‌های مهم رو با ابزارهایی مثل PageSpeed Insights و گزارش‌های Search Console اندازه بگیرید. معیارهای Core Web Vitals هم چیزهایی مثل زمان نمایش محتوای اصلی، سرعت واکنش صفحه و ثابت موندن چیدمان رو بررسی می‌کنن. نتیجه خوب توی این معیارها مفیده، ولی به‌تنهایی رتبه بالای گوگل رو تضمین نمی‌کنه. برای بهتر کردن سرعت، این کارها رو بررسی کنید:

• تصاویر رو قبل از آپلود فشرده کنید و اگه مناسب بود از فرمت WebP کمک بگیرید. ابزارهایی مثل ShortPixel یا Imagify هم برای بهینه‌سازی تصویر ساخته شدن.
• قالبی سبک و متناسب با نیاز سایت انتخاب کنید؛ مثل اهورا، Astra یا GeneratePress.
• فقط افزونه‌های لازم رو نگه دارید و افزونه‌های غیرفعال و بدون استفاده رو بعد از بررسی حذف کنید.
• کش یا Cache رو درست تنظیم کنید. کش نسخه آماده‌ای از صفحه رو نگه می‌داره تا سایت برای بازدید بعدی سریع‌تر باز بشه. افزونه رخش یکی از ابزارهای این کاره.
• از هاستی استفاده کنید که منابع و کیفیت اون با تعداد کاربرها و نوع سایتتون هماهنگ باشه.
• اگه CDN به سایتتون کمک می‌کنه، سرویس رو بر اساس موقعیت کاربرها، محل سرور و نتیجه آزمایش انتخاب کنید. داخلی یا خارجی بودن CDN به‌تنهایی معیار کافی نیست.

تجربه کاربری (UX) یعنی کاربر وقتی وارد سایت می‌شه، راحت بفهمه کجاست و برای رسیدن به هدفش باید چه کاری انجام بده. منوی شلوغ، نوشته‌های ریز، دکمه‌های نامشخص و پنجره‌های مزاحم مسیر رو سخت می‌کنن. طراحی ساده و مرتب، متن خوانا و دکمه‌های واضح معمولاً انتخاب مطمئن‌تری هستن. برای شناخت بخش ظاهری این موضوع هم مقاله «رابط کاربری یا UI چیست» رو بخونید.

قدم هفتم: سئو و دیده شدن در گوگل

سئو مجموعه کارهاییه که به موتور جستجو کمک می‌کنه محتوای سایت رو بفهمه و اون رو برای جستجوهای مرتبط بررسی کنه. نصب افزونه‌هایی مثل Rank Math یا Yoast SEO مفیده، ولی افزونه فقط ابزار لازم رو در اختیارتون می‌ذاره. برای شروع، این موارد رو جدی بگیرید:

• محتوایی بنویسید که به سؤال یا نیاز واقعی کاربر جواب بده.
• عنوان و توضیحات متا (Meta Description) روشن و جذاب بنویسید. توضیحات متا همون خلاصه کوتاهیه که ممکنه زیر عنوان صفحه توی نتیجه جستجو دیده بشه.
• بین مقاله‌ها و صفحه‌های مرتبط سایت لینک داخلی بسازید تا کاربر راحت‌تر موضوع رو دنبال کنه.
• سرعت، نمایش موبایل و تجربه کاربری رو بررسی کنید و بهترشون کنید.
• کلمات کلیدی رو طبیعی و فقط توی جاهایی به کار ببرید که به فهم متن کمک می‌کنن.
• سایت رو به Google Search Console و Google Analytics 4 (GA4) وصل کنید تا بتونید داده‌های قابل‌اندازه‌گیری داشته باشید.

Google Search Console اطلاعاتی درباره دیده شدن صفحه‌ها در گوگل، عبارت‌های جستجو و بعضی مشکلات فنی یا ایندکس شدن نشون می‌ده. ایندکس شدن یعنی گوگل صفحه رو توی فهرست خودش ثبت کرده باشه. Google Analytics 4 یا GA4 هم رفتارهای ثبت‌شده کاربرها رو بر اساس رویدادها گزارش می‌کنه. کیفیت این گزارش‌ها به تنظیم درست ابزار، رویدادها و شرایط رضایت و حریم خصوصی کاربرها بستگی داره. برای ادامه یادگیری، صفحه «آموزش سئو» توی میهن وردپرس رو ببینید.

قدم آخر: سایت رو بسازید و بعد مدام بهترش کنید

لازم نیست نسخه اول سایت بی‌نقص باشه. یک نسخه ساده با صفحه‌های ضروری آماده کنید، اون رو توی موبایل و کامپیوتر آزمایش کنید و بعد سراغ بهبودهای بعدی برید. می‌تونید بازخورد کاربرها و داده‌های GA4 رو بررسی کنید تا بفهمید کدوم صفحه یا مسیر به توجه بیشتری نیاز داره. این نسخه اولیه گاهی MVP یا Minimum Viable Product نامیده می‌شه؛ یعنی ساده‌ترین نسخه‌ای که کار اصلی سایت رو درست انجام می‌ده.

سوالات متداول

جمع‌بندی

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

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

تیم تولید محتوا

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