آموزش ساخت وب‌سایت وردپرس با ChatGPT

• ۲۰ آذر ۱۴۰۳
• دسته بندی ها: وردپرس

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

ChatGPT چیست؟

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

ChatGPT چگونه کار می‌کند؟

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

اما فرآیند پشت این پاسخ هوش مصنوعی، بسیار پیچیده است.

ChatGPT از یک تکنیک یادگیری ماشین به نام مدل پردازش زبان طبیعی (NLP) استفاده می‌کند که کامپیوترها را قادر می‌سازد تا با ترکیب جنبه‌های زبان‌شناسی و علوم کامپیوتر، زبان انسانی را درک، تفسیر و تولید کنند.
با این حال، این یک مدل جدید نیست. در واقع، بیشتر ابزارهایی مانند Google Translate و Siri که ویژگی‌هایی مانند پیشنهاد کلمات، تشخیص سرقت ادبی و تصحیح را ارائه می‌دهند، از مدل NLP استفاده می‌کنند.

چیزی که OpenAI را متفاوت می‌کند این است که ChatGPT را با استفاده از روش یادگیری تقویتی از بازخورد انسانی (RLHF) آموزش می‌دهد که شامل بازخورد انسانی برای اندازه گیری و رتبه بندی پاسخ‌ها بر اساس کیفیت آنها است.

علاوه بر این، مهندسان از الگوریتم Proximal Policy Optimization (PPO) برای تنظیم دقیق روش یادگیری تقویت شده و تولید پاسخ‌های واقعی‌تر از ChatGPT استفاده می‌کنند.

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

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

نحوه تنظیم ChatGPT

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

1. به ChatGPT OpenAI بروید

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

2. آدرس ایمیل و رمز عبور خود را وارد کنید

با وارد کردن آدرس ایمیل و رمز عبور خود یک حساب کاربری جدید ایجاد کنید و روی Continue کلیک کنید.

3. سوالات خود را نوشته و روی Submit کلیک کنید و منتظر پاسخ باشید

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

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

کاربران می‌توانند با کلیک بر لایک و دیس‌لایک، پاسخ را رتبه‌بندی کنند که به هوش مصنوعی کمک می‌کند تا بهترین پاسخ را برای درخواست دریافت کند. همچنین می‌توانید با کلیک روی دکمه Regenerate Response در بالای کادر چت، پاسخ جدیدی را با همان اعلان امتحان کنید.

چگونه یک وب‌سایت وردپرس با ChatGPT بسازیم

به عنوان یک مدل زبان، ChatGPT می‌تواند به وظایف مختلف در پروژه توسعه وب کمک کند. به عنوان مثال، یک توسعه دهنده فول استک ممکن است از آن برای موارد زیر استفاده کند:

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

علاوه بر این، مدل هوش مصنوعی می‌تواند به کاربران کمک کند تا طرح‌های اولیه وب‌سایت را بنویسند، یک سایت و قالب‌ها طراحی کنند و ایده‌هایی برای محتوا ارائه دهند.

یک سرویس میزبان وب و یک نام دامنه دریافت کنید

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

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

برای ثبت دامنه و خرید هاست وردپرس می‌توانید از خدمات پارسدو استفاده کنید.

صفحات سایت وردپرس خود را با ChatGPT بسازید

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

ChatGPT یک طرح کلی ساده و توضیحات مختصری در مورد آنچه هر صفحه باید داشته باشد به ما ارائه کرد. کاربران می‌توانند از این توصیه به عنوان مبنای نقشه سایت (sitemap) خود استفاده کنند.

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

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

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

سایت خود را با هوش مصنوعی طراحی کنید

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

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

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

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

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

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

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

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

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

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

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

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

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

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

می توانید کد CSS سفارشی را در قالب وردپرس وارد کنید، از جمله استفاده از ویژگی سفارشی ساز داخلی، ایجاد یک تم فرزند یا استفاده از افزونه‌هایی مانند Simple Custom CSS و Custom CSS Pro است.

محدودیت‌های استفاده از ChatGPT برای ساخت یک وب سایت

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

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

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

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

نتیجه گیری

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