تصور کنید تعمیرگاه دوچرخهٔ محله از شما خواسته یک سایت ساده برایش بسازید. صاحب تعمیرگاه می‌خواهد وقتی کسی اسم مغازه را جست‌وجو می‌کند، ساعت کاری، نشانی و فهرست خدماتش را یک‌جا ببیند. شما هم دوست دارید اولین پروژهٔ طراحی سایتتان را با یک مسئلهٔ واقعی شروع کنید. اما از کجا باید دست‌به‌کار شد؟ اول سراغ قالب بروید، محتوا را بنویسید یا یک صفحهٔ آزمایشی بسازید؟ جواب این سؤال‌ها وقتی روشن‌تر می‌شود که از همان ابتدا بدانید قرار است چه سایتی تحویل بدهید.
در منوی دوره‌های جوکار پنل، زیر بخش «توسعه وب»، عنوان دوره طراحی سایت با وردپرس را می‌بینید. ساخت یک سایت کوچک برای همین تعمیرگاه به شما کمک می‌کند موقع انتخاب دوره هدف مشخصی داشته باشید. با این مثال می‌بینیم چه چیزهایی را پیش از ثبت‌نام بررسی کنید و چطور آموخته‌هایتان را روی اولین نمونه‌کار وردپرسی تمرین کنید.
معرفی دوره طراحی سایت با وردپرس را با هدفی که برای خودتان گذاشته‌اید بخوانید. مثلاً برای سایت تعمیرگاه لازم است بتوانید چند برگه بسازید، آن‌ها را در منو قرار بدهید و تغییر ساعت کاری را خودتان منتشر کنید. هرچه هدفتان روشن‌تر باشد، راحت‌تر تشخیص می‌دهید دنبال کدام سرفصل یا تمرین بگردید.
در همان منو گزینه‌های «پیشخوان دانشجوها» و «استعلام گواهی دوره» هم معرفی شده‌اند. اگر قبلاً ثبت‌نام کرده‌اید، برای پیدا کردن پیشخوان از همان منو شروع کنید. اگر دریافت گواهی برایتان مهم است، شرایط صدور و شیوهٔ استعلام را برای دورهٔ موردنظرتان بررسی کنید. در بخش «سورس و اسکریپت» هم «سورس ربات نوبت‌دهی تلگرام» معرفی شده است. این گزینه به کار کسی می‌آید که دنبال کد آمادهٔ یک ربات نوبت‌دهی می‌گردد.
پیش از ثبت‌نام چه چیزهایی را بررسی کنیم؟
اول هدفتان را در یک جمله بنویسید. ممکن است بخواهید برای کسب‌وکار خودتان یک سایت معرفی بسازید. شاید هم مدیریت وب‌سایتی را بر عهده گرفته‌اید و می‌خواهید بتوانید صفحه‌هایش را به‌روز کنید. اگر هدف شما ساخت نمونه‌کار است، یک موضوع انتخاب کنید که بتوانید برایش متن و تصویر آماده کنید. مثلاً برگهٔ خدمات تعمیرگاه را می‌شود با توضیح کوتاه دربارهٔ تنظیم ترمز، سرویس دوره‌ای و تعویض قطعه تمرین کرد.
بعد به سراغ اطلاعات دوره بروید. پیش‌نیازها، شیوهٔ دسترسی به درس‌ها و زمان لازم برای تمرین را در نظر بگیرید. اگر در مسیر یادگیری به بازخورد نیاز دارید، ببینید برای پرسش و بررسی تمرین چه امکاناتی معرفی شده است. شیوهٔ پرداخت و هزینه‌های جانبی احتمالی مثل دامنه و هاست را هم در بودجه‌تان حساب کنید. کسی که فعلاً می‌خواهد چند صفحه را آزمایشی بسازد ممکن است بودجه و زمانش با کسی که از روز اول می‌خواهد سایت را برای مشتری منتشر کند فرق داشته باشد.
از همین حالا یک خروجی قابل بررسی برای خودتان تعیین کنید. برای نمونه، «تا پایان تمرین یک سایت معرفی با صفحهٔ خانه، خدمات و تماس بسازم و آن را روی موبایل امتحان کنم.» با این هدف، بعد از هر جلسه می‌دانید چه کاری باید روی سایت انجام بدهید. اگر هم در بخشی گیر کردید، می‌توانید سؤال دقیق‌تری بپرسید. مثلاً بگویید یک برگه ساخته‌اید و برای اضافه کردن آن به منوی بالای سایت راهنمایی می‌خواهید. در همان سؤال بگویید پیشخوانتان چه گزینه‌هایی دارد.
اگر در صفحهٔ دوره نمونه درس در دسترس است، هنگام دیدن آن یک کار کوچک انجام دهید. مثلاً متن کوتاه معرفی تعمیرگاه را آماده کنید و ببینید از درس چطور می‌توانید برای چیدن عنوان، توضیح و تصویر در یک برگه استفاده کنید. اگر نمی‌دانید بخش بعدی را چطور اضافه کنید، همین سؤال را یادداشت کنید. با امتحان کردن یک درس روی محتوای پروژهٔ خودتان بهتر می‌بینید شیوهٔ توضیح و سرعت آموزش چقدر برایتان مناسب است.
پنج تمرین برای ساخت اولین سایت با وردپرس
این تمرین‌ها را می‌توانید روی یک سایت آزمایشی انجام دهید. در مثال تعمیرگاه، هر مرحله باید چیزی به سایت اضافه کند که بشود آن را باز کرد و نتیجه‌اش را دید. همین تمرین‌ها را می‌شود با موضوعی مثل معرفی یک کارگاه محلی، رزومهٔ شخصی یا سایت یک انجمن کوچک هم انجام داد.
۱. مسیر بازدیدکننده را روی کاغذ بکشید
کسی که با دوچرخهٔ خراب به دنبال تعمیرگاه می‌گردد، احتمالاً سه سؤال دارد. آیا اینجا مشکل من را رفع می‌کنند؟ چه ساعتی باز است؟ از کجا تماس بگیرم یا نشانی را پیدا کنم؟ این پرسش‌ها را به صفحه‌هایی تبدیل کنید که پاسخشان را می‌دهند. صفحهٔ خانه یک معرفی کوتاه دارد، برگهٔ خدمات نوع کار را توضیح می‌دهد و برگهٔ تماس شماره، نشانی و ساعت مراجعه را یک‌جا می‌آورد.
عنوان‌های منو را با زبان مشتری بنویسید. با دیدن «خدمات» و «تماس»، مشتری می‌داند در هر برگه چه اطلاعاتی پیدا می‌کند. برای مرحلهٔ اول سه برگه کافی است. اگر بعداً دیدید دربارهٔ زمان تحویل یا تعمیر دوچرخه برقی سؤال زیاد است، پاسخ همان مورد را به صفحهٔ خدمات اضافه کنید. این ترتیب کمک می‌کند برای نسخهٔ اول وقتتان را روی اطلاعاتی بگذارید که بازدیدکننده واقعاً لازم دارد.
۲. اولین برگه را در پیشخوان وردپرس بسازید
از برگهٔ خدمات شروع کنید چون محتوایش را از قبل مشخص کرده‌اید. در پیشخوان وردپرس می‌توانید یک برگه بسازید و بخش‌هایش را با عنوان، متن و تصویر بچینید. برای هر خدمت یک تیتر کوتاه بگذارید و در یکی دو جمله توضیح بدهید مشتری چه کاری می‌تواند درخواست کند. برای مثال، در توضیح سرویس دوره‌ای می‌شود گفت چه بخش‌هایی بررسی می‌شوند و مشتری برای هماهنگی از کجا باید شروع کند.
در همین تمرین فرق برگه و نوشته را هم می‌بینید. شرح خدمات، تماس و معرفی کسب‌وکار معمولاً در برگه‌های ثابت قرار می‌گیرند. اگر تعمیرگاه بخواهد هر از گاهی نکته‌ای دربارهٔ نگهداری دوچرخه منتشر کند، می‌تواند آن را به شکل نوشته در وبلاگ بگذارد. بعد از تکمیل برگهٔ خدمات، پیش‌نمایش را باز کنید و از خودتان بپرسید اگر برای اولین بار وارد این صفحه می‌شدم، می‌فهمیدم برای هماهنگی کجا بروم؟
۳. قالب را با متن و عکس واقعی امتحان کنید
پیش‌نمایش یک قالب معمولاً با عکس و نوشتهٔ نمونه آماده شده است. همان قالب را با یک عکس از مغازه و چند خط توضیح فارسی امتحان کنید تا معلوم شود برای پروژهٔ شما چطور کار می‌کند. ببینید تیترها در چیدمان راست‌به‌چپ درست دیده می‌شوند و نوشتهٔ روی دکمه زیر عکس جا می‌شود. یک رنگ اصلی برای دکمه‌ها انتخاب کنید که روی پس‌زمینه خوانا باشد و کاربردش در صفحه‌های مختلف مشخص بماند.
اندازهٔ عکس‌ها را هم در همان جای واقعی بررسی کنید. اگر قرار است بالای صفحه یک عکس بزرگ از تعمیرگاه نمایش بدهید، ببینید برش عکس در صفحهٔ باریک چه چیزی را حفظ می‌کند. برای یک تصویر که موقعیت مغازه را نشان می‌دهد، قاب را طوری تنظیم کنید که تابلو و ورودی مغازه در تصویر معلوم باشند. انتخاب قالب با چنین جزئیاتی راحت‌تر می‌شود چون می‌بینید تصویر و متن واقعی چطور کنار هم قرار می‌گیرند.
۴. صفحه‌ها را به هم وصل کنید و با گوشی تست بگیرید
بعد از ساخت برگه‌ها، آن‌ها را در فهرست یا بخش ناوبری سایت قرار بدهید. محل ویرایش فهرست در وردپرس می‌تواند با توجه به قالب فرق کند. وقتی چیدمان آماده شد، ابتدا روی گوشی از صفحهٔ خانه شروع کنید و تلاش کنید شمارهٔ تعمیرگاه را پیدا کنید. ببینید با چند لمس به برگهٔ تماس می‌رسید، شماره روی صفحه خواناست و نشانی را می‌شود راحت خواند یا کپی کرد.
اگر شماره در پایین صفحه دیده می‌شود، آن را با شمارهٔ برگهٔ تماس تطبیق بدهید. ساعت کاری و روز تعطیلی را هم از نگاه کسی بررسی کنید که برای اولین بار به سایت آمده است. از یک نفر بخواهید بدون راهنمایی شما، صفحهٔ خدمات و مسیر تماس را پیدا کند. جایی که مکث می‌کند یا برگهٔ دیگری را باز می‌کند، سرنخ خوبی برای ساده‌تر کردن منو یا متن دکمه‌هاست.
۵. یک به‌روزرسانی واقعی را تمرین کنید
یک بار به‌روزرسانی ساده را از اول تا آخر انجام بدهید. فرض کنید ساعت کاری پنجشنبه تغییر کرده است. در پیشخوان اطلاعات را ویرایش کنید، صفحه را روی گوشی باز کنید و جاهایی را که ساعت نمایش داده می‌شود مرور کنید. اگر ساعت هم در برگهٔ تماس و هم در پایین سایت آمده، هر دو را تطبیق بدهید. این تمرین نشان می‌دهد وقتی سایت به دست صاحب کسب‌وکار می‌رسد، ویرایش‌های روزمره چقدر برایش قابل انجام است.
برای تحویل هم یک راهنمای کوتاه آماده کنید. توضیح بدهید متن خدمات در کدام برگه تغییر می‌کند، اطلاعات تماس از کجا ویرایش می‌شود و پس از ذخیره چه صفحه‌ای را باید بررسی کنند. اگر سایت برای تمرین شخصی است، همین یادداشت را برای خودتان نگه دارید تا در پروژهٔ بعدی مراحل را به خاطر بیاورید. ثبت چنین جزئیاتی بعدها کمک می‌کند برای هر ویرایش کوچک زمان کمتری صرف پیدا کردن محل تنظیمات کنید.
وقتی قرار است سایت دست یک نفر دیگر باشد، همین راهنما را با یک تمرین امتحان کنید. از صاحب کسب‌وکار بخواهید طبق یادداشت، متن کوتاهی را در یک برگهٔ آزمایشی ویرایش کند و پیش‌نمایش را به شما نشان دهد. اگر برای یافتن گزینهٔ ذخیره یا برگشت به فهرست برگه‌ها سؤال داشت، پاسخ را به راهنما اضافه کنید.
چطور پروژهٔ تمرینی را به نمونه‌کار تبدیل کنیم؟
برای معرفی نمونه‌کار، دو یا سه تصویر از صفحه‌ها آماده کنید و کنارشان بنویسید مسئلهٔ پروژه چه بوده است. مثلاً توضیح بدهید که بازدیدکنندهٔ تعمیرگاه پس از ورود به سایت به دنبال اطلاعات مراجعه است و برای همین شماره و ساعت کاری در صفحهٔ تماس کنار هم قرار گرفته‌اند. یک تصویر موبایل از همان مسیر نشان می‌دهد منو و متن‌های کوتاه در صفحهٔ کوچک چطور به کار می‌آیند.
می‌توانید در توضیح پروژه به یک اصلاح مشخص هم اشاره کنید. فرض کنید در نسخهٔ اول ساعت کاری پایین صفحه بود و کسی که سایت را امتحان کرد آن را پیدا نکرد. در نسخهٔ دوم، ساعت را کنار نشانی آوردید و دوباره از همان فرد خواستید مسیر مراجعه را پیدا کند. شرح همین تصمیم به بینندهٔ نمونه‌کار کمک می‌کند بفهمد چطور صفحه را بر اساس استفادهٔ واقعی بهتر کرده‌اید. این نمونه به مخاطب نشان می‌دهد در ساخت سایت به کاربری که با گوشی دنبال یک جواب فوری می‌گردد فکر کرده‌اید.
سؤال‌های رایج دربارهٔ دوره‌های جوکار پنل
اگر کاملاً تازه‌کارم، از کدام قسمت شروع کنم؟
معرفی دوره طراحی سایت با وردپرس جوکار پنل https://jokarpanel.ir/courses/wordpress-website-design/ را بخوانید و سطح و پیش‌نیازهای اعلام‌شده را با تجربهٔ خودتان تطبیق بدهید. برای تمرین اولیه، موضوعی انتخاب کنید که متن و عکسش را بتوانید آماده کنید. ساخت و بازبینی یک برگهٔ ساده، شروع قابل اندازه‌گیری برای یادگیری کار با پیشخوان است.
برای تمرین باید از همان ابتدا سایت را روی دامنه منتشر کنم؟
ساخت برگه‌ها، انتخاب قالب و مرتب کردن منو را می‌توانید در یک محیط آزمایشی مناسب تمرین کنید. اگر بعداً خواستید سایت در دسترس عموم باشد، نشانی و میزبانی سایت را برای انتشار مشخص کنید. موقع بررسی دوره ببینید محیط پیشنهادی برای تمرین چیست تا امکانات لازم را از ابتدا فراهم کنید.
برای ساخت نمونه‌کار به مشتری واقعی نیاز دارم؟
می‌توانید خودتان یک پروژهٔ فرضی تعریف کنید. اول بنویسید سایت قرار است به چه کسی کمک کند و آن شخص دنبال چه اطلاعاتی می‌گردد. بعد برگه‌ها و منو را با همان هدف بسازید. هنگام معرفی نمونه‌کار، آن را پروژهٔ تمرینی معرفی کنید و توضیح دهید برای حل کدام مسئله چه تصمیمی گرفتید.
انتخاب دوره را با یک پروژه مشخص شروع کنید
پیش از مراجعه به بخش دوره‌های جوکار پنل https://jokarpanel.ir/courses/ ، نام پروژهٔ اولتان را یادداشت کنید و سه صفحه‌ای را بنویسید که می‌خواهید بسازید. بعد معرفی دوره طراحی سایت با وردپرس را با این هدف بخوانید و ببینید برای شروع به چه پیش‌نیازهایی احتیاج دارید. در مثال تعمیرگاه، یک بازدیدکننده باید بتواند خدمات را ببیند، ساعت کار را پیدا کند و راه تماس را بفهمد. همین نتیجهٔ روشن از همان ابتدا به شما می‌گوید چه چیزهایی را تمرین کنید و در پایان برای نمونه‌کارتان چه چیزی نشان بدهید.