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

آموزش طراحی سایت با وردپرس از صفر تا صد ( ۲۰۲۳)

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

سایت ساز وردپرس یکی از بهترین بسترها را برای طراحی وب فراهم کرده و به لطف این بستر، طراحان از  ساعات طولانی کد زدن فارغ شده‌اند. در عوض در محیطی کاملا ویژوال و جذاب، و با صرف زمان بسیار کمتری می‌توانند مفیدترین سایت ها را طراحی کنند. هدف اصلی وردپرس هم همین بوده و بر همین اساس شعار «طراحی وب سایت در ۵ دقیقه» را انتخاب کرده است. که خب البته کمی اغراق بالیوودی دارد. اما وردپرس واقعا زمان زیادی را برایمان خریده است. تا انتهای مطلب با لیموهاست همراه باشید و آموزش طراحی سایت با وردپرس را بخوانید!

طراحی سایت وردپرسی را از کجا شروع کنیم؟

در شروع هرکاری حجمی از سوالات و استرس‌های کوچک و بزرگ به سراغمان می‌آید. اما آموزش طراحی وب با سامانه مدیریت محتوا وردپرس از آن دسته فعالیت‌هایی نیست که دلهره برانگیز باشد. کافی است آن چه در این مطلب به شما معرفی می‌کنیم را خوب فرابگیرید و با دقت اعمال کنید. خواهید دید که طراحی سایت با وردپرس بسیار جذاب و ساده است. جالب است بدانید بسیاری از سایت‌های معروف و پرمخاطب دنیا مثل BBC America, TEDblog ,Microsoft News, Akype و Vogue با وردپرس طراحی شده‌اند و این نشانگر قدرت و کارآمدی است که وردپرس در کنار سادگی برایتان تامین می کند.

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

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

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

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


پیشنهاد می‌کنیم مطالعه کنید: « وردپرس چیست؟» 


گام دوم: نام دامنه فونداسیون طراحی وب!

این چند کاراکتر کوتاهی که بین www و .com جا می دهید خیلی خیلی از چند کاراکتر مهم‌تر است. درواقع اگر نام دامنه نامناسبی انتخاب کنید که در خاطر مخاطبان تان نماند، نیمی از انرژی که در گام های بعدی خرج می کنید، به هدر خواهد رفت. اجازه بدهید بررسی کنیم و ببینم یک نام دامنه خوب چه فاکتورهایی را شامل می شود:

  • نام دامنه نباید چند تلفظی/ چند دیکته‌ای باشد.

بهتر است نام دامنه را طوری انتخاب کنید که مخاطب با شنیدنش به راحتی بتواند آن را تایپ کند و به خاطر بسپارد. درواقع نام دامنه‌تان نباید برای مخاطب ابهام برانگیز باشد. فرض کنید اسم برندتان «سروشا» باشد. اگر مخاطبان نام برند شما را به خاطر داشته باشند و بخواهند وارد سایت شما شوند، دقیقا نمی‌دانند نام دامنه را چطور باید تایپ کنند. مثلا ممکن است Sorusha, sooroosha, souroosha  و…. را درنظربگیرند. این ابهامات تجربه‌های منفی از برند را در ذهن مخاطبان ثبت می‌کند. عموما کلماتی که به انگلیسی شامل حروف ترکیبی می شوند این مشکل را به وجود می آورند و دسترسی مخاطب به سایت شما را پیچیده می کنند.

  • با EMD به کمک سئو بیاید!

گرچه به لطف سایت‌های اسپم الگوریتم EMD حالا کمتر به تطبیق دامنه با موضوع فعالیت سایت توجه می کند. اما هنوز هم نمی‌توان منکر تاثیر تطبیق نام دامنه بر سئو شد. منظور از تطبیق این است که به طور مثال اگر وبسایت شما متعلق به یک آزمایشگاه است عبارت Lab در نام دامنه‌تان باشد. یا مثلا اگر فروش آنلاین بلیط هواپیما اصلی‌ترین فعالیت شماست کلمه flight می تواند در نام دامنه شما توجه الگوریتم EMD را جلب کند.

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

  • طول زیاد از مد رفته است!

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

اما خوشبختانه از آن دوره و باورهای غلطش گذشتیم. امروز می‌دانیم که نام دامنه زیادی بلند باعث سردرگمی و ریزش مخاطب می شود که البته چیزی نیست که ما بخواهیم. بهتر است نام دامنه را بین یک یا حداکثر دو کلمه انتخاب کنید.

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

پیشنهاد می کنیم سری به سایت Domain Wheel بزنید. این ابزار رایگان آنلاین برایتان دامنه های پیشنهادی براساس موضوع فعالیت وبسایتتان لیست می‌کند.

گام سوم: هاست خوب، سرمایه است!

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

لیمو هاست

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

  • هاست با پشتیبانی حرفه‌ای، شش هیچ از بقیه جلوتر است!

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

پشتیبانی لیمو هاست

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

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

  • ارائه گواهینامه‌ی SSL در مراحل اول طراحی وب با سامانه مدیریت محتوا وردپرس ضروری است!

گواهینامه SSL یا پروتکل امن HTTPS تضمین کننده‌ی امنیت سایت شما برای کاربران، به ویژه برای پرداخت‌های الکترونیکی است. علاوه بر این داشتن گواهینامه SSL به گوگل نشان می‌دهد که شما گزینه‌ی ایمنی برای کاربران هستید و باعث می‌شود پوینت مثبت سئویی دریافت کنید. طبق اعلام رسمی گوگل،‌ پروتکل امن HTTPS در رتبه‌بندی نتایج گوگل تاثیر مهمی دارد. بنابراین این که سرویس میزبان موردنظرتان گواهینامه SSL ارائه کند، امتیازی برای انتخاب به حساب می‌آید. تمام سرویس‌های هاست وردپرس لیمو، دارای گواهینامه‌ Let’s Encrypt استاندارد هستند و شما با خریداری سرویس به صورت رایگان این گواهینامه را دریافت می‌کنید. به این ترتیب به گوگل نشان می‌دهید امنیت خود و کاربران‌تان را از همان ابتدای آموزش طراحی وب با سامانه مدیریت محتوا وردپرس، تامین می‌کنید.

  • قیمت‌گذاری منصفانه

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

پلن های لیموهاست

  • سرعت و عملکرد خوب وردپرس!

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

پس از این مرحله لازم است اتصال دامنه به هاست از طریق تنظیم DNS و نصب وردپرس روی هاست را انجام داده و طراحی با وردپرس را آغاز کنید.

گام چهارم: نصب سامانه مدیریت محتوا وردپرس

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

۱. آپلود وردپرس روی هاست

اولین قدم برای نصب وردپرس، آپلود وردپرس روی هاست است. برای این کار کافی است ابتدا وردپرس فارسی را از سایت wp-persian.com دانلود کنید و آن را روی هاست آپلود کنید. توجه داشته باشید که در فایل فشرده، یک پوشه با نام WordPress وجود دارد که باید محتویات آن را به بخشی که نیاز دارید منتقل کنید. مثلاً اگر می خواهید سایت را روی دامین اصلی نصب کنید، کافی است فایل های این پوشه را درون Public_html آپلود کنید:

آپلود وردپرس روی هاست

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

۲. ایجاد دیتابیس برای سامانه مدیریت محتوا وردپرس

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

نصب وردپرس برای طراحی سایت

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

۳. وارد شدن به پیشخوان وردپرس سامانه مدیریت محتوا وردپرس

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

نصب وردپرس

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

گام پنجم: تنظیمات اصلی پیکربندی وب

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

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

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

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

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

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

تنظیمات پیوند  یکتا در واقع برای URL هایتان درنظر گرفته شده اند. به طور پیش فرض تنظیمات وردپرس اعداد را برای URL صفحاتتان در نظر می‌گیرد. اما بهتر است که شما در صفحه تنظیمات پیوند یکتا،  حالت پیش فرض ساده را به نام نوشته تغییردهید.

 


مقاله‌ی «آموزش امنیت وردپرس با ۲۵ ترفند!» رو از دست نده!


 

گام ششم: با کنترل پنل ها آشنا شوید!

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

گام هفتم: انتخاب قالب مناسب

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

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

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

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

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

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

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

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

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

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

  • نصب قالب وردپرس از طریق کنترل پنل

  1. از منوی اصلی و زیر آیتم « Legacy File Manager» یا مدیریت فایل قدیمی، دایرکتوریpublic_html را انتخاب کنید.
  2. از این دایرکتوری وارد wpcontent  و پس از آن وارد   Themesشوید.
  3. روی دکمه‌ی Upload file to current directory در پایین صفحه کلیک کنید.
  4. گزینه Browse را کلیک کنید.
  5. فایل Zip قالب را انتخاب و بارگذاری کنید.
  6. پس از بارگذاری فایل را Extract کرده و فعال نمایید. سپس فایل Zip را که دیگر نیازی به آن ندارید حذف کنید.

پیشنهاد می‌کنیم برای اطلاعات بیشتر مقالات زیر را مطالعه کنید:

 

  • نصب قالب از طریق مخزن وردپرس

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

  1. وارد پنل وردپرس شوید و از منوی اصلی زیر منوی «پوسته‌ها» یا «Themes» را انتخاب کنید.
  2. روی دکمه «افزودن» در بالای صفحه کلیک کنید.
  3. نام قالب را در کادر جستجو وارد کنید. یا در میان گزینه‌ها با اسکرول کردن به جستجو بپردازید.
  4. قالب را انتخاب و نصب کنید.
  • نصب قالب با فایل دانلود شده از پیشخوان وردپرس
    نصب قالب مستقیم از وردپرس

  1. اگر فایل قالب موردنظر را دانلود کرده‌اید می توانید وارد پیشخوان وردپرس شده و از منوی پوسته‌ها «افزودن» را انتخاب کنید.
  2. دربالای صفحه‌ی باز شده، در جلوی عبارت «افزودن پوسته» روی دکمه‌ی «بارگذاری پوسته» کلیک کنید.
  3. دکمه‌ی Choose File  را بزنید و فایل Zip قالب را بارگذاری کنید.
  4. پس از بارگذاری، قالب بایستی در لیست پوسته‌ها وارد شده باشد و بتوانید آن را سفارشی سازی کنید.

پیشنهاد می‌کنیم مطالعه کنید: «آموزش کامل نصب قالب وردپرس»


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

باز هم از مزایای کار با وردپرس این است که یک مخزن لایتناهی از پلاگین دارد. یعنی برای هر مشکل یا اقدامی یک افزونه در اختیارتان قرار دارد. افزونه‌ها را می‌توانید از Library  خود وردپرس و با مراجعه به مسیر پیشخوان> برخی افزونه های اصلی و کاربردی مثل ویژووال کامپوز و Yoast  همواره و برای تمام سایت ها موردنیاز هستند. اگر قالب وردپرس هم خریداری کرده‌اید احتمالاً یکی دو افزونه موردنیازش را به صورت پیش فرض در لیست پلاگین‌هایتان جا می‌دهد.

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

به طور کلی سقف ۱۵ یا در بدترین حالت ۲۰ افزونه را برای خود در نظر بگیرید. تا همواره فقط کاربردی‌ترین‌ها و ضروری‌ترین ها را نصب کنید.

 

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

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

پرکاربردترین پلاگین‌های صفحه ساز

WPForms Lite : به شما امکان می دهد یک فرم تماس به سایت وردپرس خود اضافه کنید.
Envira Gallery Lite: با این افزونه می‌توانید گالری های تصاویر زیبا را به سایت وردپرس خود اضافه کنید.
MonsterInsights: با مانسترلایتس وب سایت خود را با Google Analytics متصل کنید و ببینید بازدیدکنندگان چگونه وب سایت شما را پیدا می کنند و از آن استفاده می کنند، تا بهترین راه را تکرار کنید.
SeedProd: با این صفحه ساز بدون نیاز به هیچ دانش فنی و صرفا با درگ اند دراپ طرح بندی سایت را انجام دهید.

 


پیشنهاد می‌کنیم مطالعه کنید: «ضروری‌ترین افزونه‌های وردپرس که هر سایتی باید داشته باشد!»


پرکاربردترین پلاگین‌های سئو سامانه مدیریت محتوا وردپرس برای آموزش طراحی سایت با وردپرس

  • افزونه Yoast: این پلاگین با بررسی برخی فاکتورهای سئو مثل طول متاتایتل و چگالی کلمات کلیدی به بهینه سازی سئوی سایت شما کمک می‌کند.
  • All in One SEO: با این افزونه سئوی وردپرس خود را بهبود بخشید و ترافیک بیشتری از گوگل دریافت کنید.
  • WP Super Cache : این افزونه کش وردپرس رایگان، به بهبود سرعت وب سایت شما کمک می کند.
  • PushEngage:  این افزونه با ساده سازی اعمال پوش نوتیفیکیشن‌ها، به افزایش ترافیک وب سایت کمک می کند.

افزونه‌های سئو  برای کار با WordPress  ضروری هستند. پیشنهاد می‌کنیم مقاله‌ی آموزش افزونه yoast seo را در لیمومگ بخوانید.

افزونه Yoast SEO

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

  • Updraft Plus: پلاگین آپ درفت به شما کمک می‌کند، برای بک آپ گیری خودکار از سایتتان برنامه ریزی کنید.
  • Sucuri: این افزونه برای امنیت وب سایت و اسکن بدافزارها عالیست!

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

  • WooCommerce – ووکامرس برای راه اندازی فروشگاه آنلاین و فروش محصولات ضروری است.
  • MemberPress – این افزونه، ایجاد و فروش دوره های آنلاین و عضویت دیجیتال را آسان می کند.
  • Smash Balloon –با این افزونه‌ می‌توانید ویجت‌های شبکه‌های اجتماعی را برای اینستاگرام، فیس بوک، توییتر و یوتیوب به سایت‌تان اضافه کنید.
  • OptinMonster – به شما کمک می کند مشترکان ایمیل بیشتری داشته باشید و نرخ تبدیل وب سایت را بهینه کنید.
  • HubSpot – افزونه کاربردی هاب اسپات به شما اجازه می‌دهد چت زنده رایگان، بازاریابی ایمیلی و CRM را به وب سایت وردپرس خود اضافه کنید.
  • Uncanny Automator – این افزونه به شما کمک می کند گردش کار خودکار را تنظیم کنید و در زمان خود صرفه جویی کنید.
  • WP Mail SMTP –این پلاگین از بهترین‌های مدیریت ایمیل است و  مشکلات تحویل ایمیل وردپرس را با تنظیمات PHP Mail در ارائه دهندگان میزبانی مدیریت شده وردپرس برطرف می کند.

مقاله «آموزش نصب افزونه‌ وردپرس» نکات بیشتری بهت یاد می‌ده!


گام نهم: برگه‌های مهم سایت را طراحی کنید

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

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

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

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

ایجاد برگه جدید در WordPress

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

برای ساخت برگه جدید کافی است از منوی وردپرس روی گزینه برگه‌ها کلیک کنید و گزینه «افزودن» را انتخاب کنید.

ایجاد برگه جدید در وردپرس

برگه جدید شما نیاز چند المان اصلی دارد:

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

پیشنهاد می‌کنیم مطالعه کنید: «ساده‌ترین آموزش راه اندازی فروشگاه اینترنتی در وردپرس»


صفحات اصلی ساخت وب در آموزش طراحی سایت با وردپرس:

برگه نخست

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

برگه درباره ما

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

برگه تماس با ما

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

طراحی با فاکتورهای تجربه کاربری

برای این که وب‌سایت شما بهترین عملکرد را برای مخاطبان‌ شما داشته باشد، بهتر است آموزش UI/UX را هم در کارتان قرار دهید. منابع انگلیسی بسیاری طراحی اصولی را به صورت آموزش های رایگان در اختیارتان قرار می دهند. کافی است  wordpress web design free course را جستجو کنید. خواهید دید که آکادمی‌های جهان دوره‌های خوبی برای آشنایی با این اصول مهم برایتان در نظر گرفته‌اند.

سخن پایانی

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

اسماعیل شریف

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

نظر شما راجع به این محتوا چیست؟

عضویت در خبرنامه لیموهاست

در خبرنامه ما عضو شوید تا مطالب جدید جا نمونید.

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

دیدگاه ها

اولین نفری باشید که دیدگاه خود را ثبت می کنید

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

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