در این مقاله که برگرفته از ویدیو ساخت سایت وردپرسی با هوش مصنوعی از کانال یوتیوب ژان بقوسیان است، به توضیح عملی و گامبهگام نحوه راهاندازی یک سایت ووردپرسی، ابزارهای ضروری، استفاده از صفحهساز المنتور و کاربردهای هوش مصنوعی در توسعه و افزودن امکانات ویژه به وبسایت پرداخته میشود.
هدف این نوشته آن است که خواننده بدون ترس از کدنویسی و با تکیه بر ابزارها و روشهای مدرن، قادر شود یک سایت وردپرسی با هوش مصنوعی بسازد یا قابلیتهای سفارشی را به سایت خود اضافه کند.
چرا طراحی سایت سادهتر از آن است که فکر میکنید
بسیاری از افراد تصور میکنند طراحی سایت یک کار عجیب و غریب، پر از کدنویسی پیچیده و برای افراد باهوش است؛اما واقعیت آن است که طراحی سایت، امروز بیش از همیشه ابزارمحور شده و هر درخواست طراحی یا اضافه کردن یک ویژگی مشخص، نیاز به یک ابزار یا مجموعهای از ابزارها دارد؛ دقیقا همانندِ ویرایش عکس با فتوشاپ یا تدوین ویدیو با پریمیر.
طراحی سایت؛ یک مهارت ابزارمحور
در دنیای امروز، برای انجام هر کار مشخص در سایت، ابزار مشخصی وجود دارد. اگر بخواهید ظاهر سایت را تغییر دهید از قالب یا تم استفاده میکنید. اگر نیاز به قرار دادن المانها در صفحه دارید از صفحهسازها مانند المنتور بهره میبرید.
اگر بخواهید امکاناتی فراتر از قالب داشته باشید از افزونهها استفاده میکنید؛ بنابراین تمرکز اولیه باید روی یادگیری ابزارها و نحوه استفاده موثر از آنها باشد؛ نه یادگیری صرفا کدنویسی.
افزایش اعتمادبهنفس و شکست ترس ورود به حوزه وب
شروع از صفر طبیعی است. مهم این است که گامهای کوچک و عملی بردارید:
- نصب وردپرس
- نصب یک قالب ساده
- نصب المنتور
- سپس طراحی چند بخش از صفحه با کشیدن و رها کردن
وقتی این مراحل را تجربه کنید میبینید کار بسیار سادهتر از آن چیزی است که قبلا تصور میکردید. همین روند بهمرور شما را از «کسی که فقط قالب نصب میکند» به «طراح واقعی سایت» تبدیل میکند.
سایت وردپرسی با هوش مصنوعی
قبل از هرچیز باید بدانید برای نصب وردپرس به یک دامنه و هاست نیاز دارید. توضیحات ارائهشده در این بخش بهصورت خلاصه است تا ذهن شما از ترس اولیه رها شود.
به یاد داشته باشید: «نصب وردپرس، فرایندی ساده و قابل آموزش، از طریق منابع متعدد است».
نیازمندیها: دامنه و هاست
برای اینکه سایت شما روی اینترنت قابل مشاهده باشد باید دامنه ثبت کنید و یک سرویس میزبانی خریداری کنید. توصیه میشود از هاستهای معتبر استفاده کنید تا در آینده هنگام نصب افزونهها و اجرای عملیات حرفهای با مشکل مواجه نشوید. هزینهها متغیر است و بسته به کیفیت و پهنای باند، هزینه سالانه یا دورهای مشاهده خواهید کرد.
دانلود و نصب وردپرس
برای نصب وردپرس، باید مراحل نصب را طی کنید:
- دانلود بسته نصب وردپرس
- آپلود روی هاست
- ایجاد یک دیتابیس
این مراحل شبیه نصب هر نرمافزار دیگری است: «فایل را دانلود کنید، آپلود و استخراج کنید، اطلاعات دیتابیس را وارد کرده و نصب را تکمیل کنید».
پس از نصب، سایتتان در حالت پیشفرض بالا میآید؛ ظاهر ساده و محتوای نمونه که قابل ویرایش است.
ورود به پیشخوان و مشاهده صفحه اولیه
بعد از نصب وردپرس میتوانید به پیشخوان ادمین وارد شوید و محتوای نمونه مانند «Hello World» را مشاهده یا ویرایش کنید. تغییر متن پشتصحنه، بلافاصله در نمای کاربر نهایی نمایش داده میشود.
این مرحله نشان میدهد اساس کار کاملا روشن و قابل دسترس است و نمای ظاهری سایت در ابتدا ساده خواهد بود؛ اما با قالب و افزونه میتوانید آن را به چیزی حرفهای تبدیل کنید.
ظاهر سایت و امکانات: قالب و افزونه
ظاهر سایت و امکانات فنی، دو بخش مجزا اما مکمل هستند. ظاهر سایت مرتبط با قالب یا تم است و امکانات کلی سایت با کمک افزونهها فراهم میشود. برای طراحی صفحهها بدون کدنویسی میتوان از صفحهسازهای محبوب مثل المنتور استفاده کرد که تجربهای بصری از کشیدن و رها کردن ارائه میدهد.
تم و ظاهر سایت
قالب تعیینکننده اسکلت و ظاهر کلی سایت است. میتوانید قالب ساده Hello Elementor یا قالبهای دیگر را نصب کنید و سپس با المنتور صفحهها را مطابق نمونه دلخواه طراحی کنید. همانند انتخاب یک پیراهن، قالبهای متنوعی وجود دارند و انتخاب صحیح و سبکسازی آن اهمیت دارد.
افزودن امکانات با پلاگینها
برای اضافه کردن قابلیتهای خاص به سایت باید از پلاگینها استفاده کنید.
مثال ساده
افزونه المنتور را نصب کنید تا بتوانید صفحهها را با المانهای از پیش ساخته شده طراحی کنید. سپس المانهایی مثل تصویر، تیتر، متن، جعبهها و… را میتوانید ایجاد، استایلدهی و منتشر کنید.
همه این عملیات بدون یک خط کدنویسی انجام میشود.
نمونه عملی با المنتور
در عمل، ایجاد یک بنر در صفحه اصلی با المنتور شامل گامهای زیر است:
- افزودن یک بخش
- انتخاب تعداد ستون
- قرار دادن ویجت تصویر
- انتخاب تصویر از کامپیوتر
- تنظیم اندازه و استایل
- اعمال حاشیه یا انحنا
- انتشار صفحه
پس از انتشار کافی است صفحه را رفرش کنید تا نتیجه در سایت نمایان شود.
هوش مصنوعی؛ ابزار جدید برای فراتر رفتن از محدودیتها
وقتی با قالب و افزونهها میتوان بخش بزرگی از طراحی را انجام داد، پرسش بعدی این است که وقتی نیاز به ویژگیای خاص داریم که افزونهای برای آن وجود ندارد یا میخواهیم بدون خرید افزونه و بدون کدنویسی زمانبر، آن را پیادهسازی کنیم چه باید کرد؟
پاسخ: «استفاده از هوش مصنوعی برای تولید کد و راهکارهای سفارشی».
استفاده از هوش مصنوعی برای تولید کد
ابزارهای مبتنی بر هوش مصنوعی قادر هستند بر اساس دستورات ساده شما، قطعهکدهای آماده تولید کنند. کافی است خواسته خود را به زبان ساده و دقیق توصیف کنید.
هوش مصنوعی میتواند مثالهای PHP، کدهای کوتاه، اسکرپتهای جاوااسکریپت و CSS را آماده کند و نحوه قرار دادن آن در قالب یا فایل توابع را نیز توضیح دهد. سپس آن کد را در فایل توابع قالب یا افزونه مناسب قرار داده و از طریق المنتور یا ویجت کد، خروجی را در صفحه ببینید.
نمونههای عملی
تولید یک شورتکد برای نمایش نام کاربر و ایمیل
با یک درخواست ساده به هوش مصنوعی میتوان کدی دریافت کرد که نام کاربر واردشده به سایت و ایمیل او را گرفته و عبارت خوشامدگویی با فرمت دلخواه را نمایش دهد. این شورتکد در المنتور با ویجت شورتکد قرار میگیرد و خروجی در صفحه نمایش داده میشود.
ایجاد دکمه تماس ثابت در پایین صفحه
درخواست تولید کدی که دکمهای در پایین صفحه قرار دهد و با کلیک پنجرهای باز شود که شماره تلفن، واتساپ، ایمیل و دیگر راههای ارتباطی را نمایش دهد. هوش مصنوعی کد HTML، CSS و JS موردنیاز را تولید میکند و راهنمای نحوه نصب را ارائه میدهد.
در هر دو مورد بالا نیازی به دانستن جزئیات کدنویسی نیست. کافی است درخواست واضح و دقیق به هوش مصنوعی بدهید، کد تولیدشده را جایگذاری کنید و نتایج را ببینید.
این روش امکان میدهد امکانات بسیار ویژه و سفارشی را بدون اینکه به یک برنامهنویس حرفهای نیاز داشته باشید، به سایت ووردپرسی با هوش مصنوعی خود اضافه کنید.
چطور از ابزارهای هوش مصنوعی استفاده کنیم
برای استفاده از هوش مصنوعی میتوانید از سرویسهای ایرانی یا بینالمللی که مدلهای زبانی و کدنویسی ارائه میدهند استفاده کنید. پس از ثبتنام و ورود به پلتفرم، مدل مناسب را انتخاب و درخواست خود را به زبان ساده بنویسید. مدل معمولا در چند گام کد نهایی و راهنمای نصب را ارائه میدهد. اگر کد ناقص بود میتوانید از مدل بخواهید آن را تکمیل کند.
نکات مهم در نوشتن درخواست برای هوش مصنوعی
- دقیق بودن: مشخص کنید که خروجی باید چه المانهایی داشته باشد و در چه قالبی نمایش داده شود.
- قابلیت سفارشیسازی: رنگها، آیکونها و متنها را مشخص کنید تا کد دقیقتری تحویل بگیرید.
- محل قرارگیری کد: بپرسید که کد را در کدام فایل یا بخش وردپرس قرار دهید تا اجرا صحیح داشته باشد.
دوره سایت پلاس و منابع یادگیری
برای کسانی که میخواهند مسیر یادگیری را سازمانیافته ادامه دهند، «دوره سایت پلاس» پیشنهاد میشود. این دوره از مقدمات میزبانی و دامنه تا طراحی با المنتور و استفاده گسترده از هوش مصنوعی برای افزودن قابلیتهای اختصاصی را پوشش میدهد.
چرا این دوره؟
دوره بهگونهای طراحی شده است که شرکتکننده از سطح صفر تا توانایی پیادهسازی یک سایت فروشگاهی یا شرکتی پیشرفته پیش برود. در طول دوره تمرینات عملی، پروژهمحور و پشتیبانی تا پایان دوره ارائه میشود تا دانشجویان در مسیر تبدیل شدن به طراحان سایت واقعی حرکت کنند.
ساختار دوره و پشتیبانی
دوره، شامل 14 جلسه زنده است که در قالب آموزشهای عملی تدریس میشود. پشتیبانی دوره بهصورت پاسخگویی تا پایان بخش زنده دوره فراهم میشود و ضبط جلسات در اختیار شرکتکنندگان قرار میگیرد. همچنین در این دوره به استفاده از هوش مصنوعی برای تولید کدها و افزودنیهای سفارشی تاکید ویژه شده است.
برای علاقهمندان معمولا پیشنهادهای تخفیفی محدود ارائه میشود. همچنین اگر دنبال منابع تکمیلی هستید میتوانید مطالب و مقالات مرتبط در وبسایت مدیرسبز را مطالعه کنید تا با نمونههای بیشتر و راهنماهای گامبهگام آشنا شوید.
طراحی سایت دیگر آن سد غیرقابل عبوری نیست که بسیاری تصور میکنند.
با ترکیب وردپرس، قالبهای مناسب، صفحهسازهایی مانند المنتور و استفاده هوشمندانه از هوش مصنوعی میتوان یک سایت ووردپرسی با هوش مصنوعی ساخت که هم ظاهر حرفهای دارد و هم امکانات ویژه و سفارشی را ارائه میدهد. مهمترین نکته آن است که نگران ندانستن کدنویسی نباشید. ابزارها و سرویسهای هوش مصنوعی بسیاری وجود دارند که میتوانند کدهای کاربردی را بر اساس نیاز شما تولید کنند و روند توسعه را بسیار سادهتر کنند.
