دوره جامع طراحی سایت با وردپرس

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

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

• تعریف ساده و کامل ورپرس
• دانلود وردپرس و نحوه نصب وردپرس روی هاست
• انجام تنظیمات اولیه وردپرس

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

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

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

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

مواردی که در بخش المنتور آموزش می‌دهیم

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

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

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

• طراحی صفحه اصلی با المنتور
• طراحی قالب اختصاصی برای صفحه‌های مقالات با المنتور
• طراحی فوتر اختصاصی با المنتور
• طراحی اختصاصی صفحه محصول برای محصولات فیزیکی
• طراحی اختصاصی صفحه محصول برای محصولات آموزشی

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

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

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

• آموزش کامل نحوه قرار دادن محصول در سایت وردپرسی (محصولات دانلودی، محصولات فیزیکی، محصولات مجازی).
• توضیح دقیق جزئیات صفحه محصول (تخفیف‌گذاری، تعریف موجودی، انتخاب دسته‌بندی محصول، قرار دادن فایل‌های دانلودی در محصول دانلودی)
• آموزش اتصال فروشگاه به درگاه‌های بانکی و راهنمایی جهت اینکه از کجا و چگونه اقدام به دریافت درگاه‌های بانکی کنید
• آموزش جامع اتصال فروشگاه به پنل پیامکی
• آموزش کامل افزودن انواع روش‌های پستی (پیک، پست سفارشی، تیپاکس، باربری)
• آموزش توسعه و بهبود فیلد‌های صفحه تسویه حساب
• آموزش ساخت صفحه‌های تشکر اختصاصی (مثلا خریدار را بعد از خرید محصول A و بعد از پرداخت به برگه‌ای A هدایت کنیم که داخل آن اطلاعات دلخواه خودمان باشد و در عین حال صفحه بعد از پرداخت باقی محصولات، به‌صورت عمومی برگه B باشد)
• آموزش پیاده‌سازی سیستم پیشنهادات هوشمندانه (مثلا تعریف می‌کنیم هر زمان خریدار محصول A را به سبد خرید اضافه کرد، محصول B به‌صورت خودکار با 20 درصد تخفیف پیشنهاد دهد)

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

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

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

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

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

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

مثلا خلاصه کتاب‌های صوتی تولید می‌کنیم که می‌خواهیم به‌صورت اشتراکی بفروشیم. یک اشتراک یک‌ساله در سایت تعریف می‌کنیم به قیمت 490,000 تومان. زمامی که کاربری اشتراک یک‌ساله را خریداری کرد، تا یک سال می‌تواند خلاصه کتاب‌های صوتی را گوش دهد یا دانلود کند.

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

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

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

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

توجه داشته باشید که ساخت، تنظیم پیامک‌ها در پنل پیامکی و چگونه ارسال شدنش در سایت بسیار اهمیت دارد که به طور کامل به شما یاد خواهیم داد.

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

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

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

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

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

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

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

انواع فرم‌ها

• فرم‌های تماس
• فرم‌های گرفتن اطلاعات کاربران مانند (نام، نام خانوادگی، نام شهر، شماره موبایل، اطلاعات چندگزینه‌ای، ایمیل)
• فرم‌های چند مرحله‌ای
• فرم‌هایی با ورودی‌های شرطی (مثلا فرمی می‌سازیم که داخلش یک سوال می‌پرسیم که «آیا وب‌سایت دارید؟» اگر گزینه خیر را زد که هیچ؛ اما اگر گزینه بله را تیک زد، فیلدی نمایش داداه بشود که نام سایت خود را بنویسید)

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

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

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

• مثلا تعریف می‌کنیم بنر شماره 1 در متن تمام مقالات نمایش داده شود و بعد از دومین پاراگراف باشد.
• مثلا بنر شماره 2 در متن مقالات دسته «پوشاک» در انتهای مقاله نمایش دهد.
• مثلا باکس شماره 3 در ستون کناری تمامی مقالات که برچسب «سئو» دارند نمایش داده شود.

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

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

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

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

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

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

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

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

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

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

برای این بخش نمونه‌های بسیار را پیاده‌سازی می‌کنیم

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

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

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

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