نحوه میزبانی یک استاتیک WordPress سایت به صورت رایگان (در صفحات GitHub، Vercel، Netlify)

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

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

ابزارهایی که نیاز دارید

قبل از غواصی در این فرآیند، بیایید مطمئن شویم که همه ابزارهای لازم را دارید. در اینجا لیستی از همه چیزهایی که برای میزبانی استاتیک خود نیاز دارید آمده است WordPress سایت به صورت رایگان:

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

مرحله 1: خود را توسعه دهید WordPress سایت در LocalWP

قبل از شروع، شما باید خود را داشته باشید WordPress سایت آماده است اگر هنوز سایت خود را ایجاد نکرده اید، یا اگر در حال حاضر در جای دیگری میزبانی شده است، توصیه می کنم از LocalWP (قبلاً Local by Flywheel) برای توسعه و آزمایش سایت خود به صورت محلی استفاده کنید.

1. LocalWP را به صورت رایگان از اینجا دانلود و نصب کنید localwp.com.
2. ایجاد یک جدید WordPress سایت در LocalWP
3. سایت خود را طراحی کنید، محتوا اضافه کنید و افزونه های لازم را نصب کنید.
4. اطمینان حاصل کنید که سایت شما دقیقاً همانطور که می خواهید در فرم ایستا به نظر می رسد و کار می کند.

درک محدودیت های سایت استاتیک

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

1. WordPress تشکیل می دهد: سنتی WordPress فرم هایی که به پردازش سمت سرور متکی هستند کار نمی کنند. این شامل فرم های تماس، فرم های اشتراک و سایر فرم های تعاملی است.
2. WordPress نظرات: سیستم‌های نظر پویا که امکان تعامل بی‌درنگ کاربر را می‌دهند، در سایت‌های ثابت پشتیبانی نمی‌شوند.
3. دسترسی به منطقه مدیریت: هر پیوندی به /wp-admin یا مشابه داخلی WordPress مسیرها کار نخواهند کرد، زیرا به پردازش سمت سرور نیاز دارند.
4. به روز رسانی محتوای بلادرنگ: سایت های ایستا بر خلاف پویا، برای ظاهر شدن هر گونه تغییر محتوا، نیاز به بازسازی و استقرار مجدد دارند WordPress سایت هایی که تغییرات در آنها فوری است.
5. احراز هویت کاربر: ویژگی هایی که نیاز به ورود کاربر یا عضویت دارند در یک راه اندازی اولیه سایت ثابت پشتیبانی نمی شوند.
6. کارکرد تجارت الکترونیک: سبدهای خرید پویا و پردازش پرداخت معمولاً در یک محیط ثابت کار نمی کنند.
7. قابلیت جستجو: WordPressویژگی جستجوی داخلی کار نخواهد کرد، اگرچه می‌توان گزینه‌های جایگزین را پیاده‌سازی کرد (همانطور که در ویژگی‌های Simply Static Pro ذکر شد).
8. نوارهای جانبی پویا و ابزارک ها: ابزارک‌هایی که داده‌های بی‌درنگ استخراج می‌کنند یا به پردازش سمت سرور نیاز دارند، آن‌طور که انتظار می‌رود عمل نمی‌کنند.

راه حل های ممکن

در حالی که این محدودیت ها وجود دارد، راه هایی برای کاهش برخی از آنها وجود دارد:

• برای فرم ها، می توانید از خدمات شخص ثالث مانند Formspree یا Netlify Forms استفاده کنید.
• نظرات را می توان از طریق سرویس هایی مانند Disqus یا نظرات فیس بوک بررسی کرد.
• عملکرد جستجو را می توان با استفاده از راه حل های سمت مشتری مانند Lunr.js یا Algolia (همانطور که در Simply Static Pro ارائه شده است) پیاده سازی کرد.
• برای تجارت الکترونیک، از خدمات خارجی مانند Snipcart یا Gumroad استفاده کنید.

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

مرحله 2: Simply Static را نصب و پیکربندی کنید

Simply Static رایگان است WordPress پلاگین که یک نسخه ثابت از شما ایجاد می کند WordPress سایت در اینجا نحوه تنظیم آن آمده است:

1. در خود WordPress داشبورد، به Plugins > Add New بروید.
2. «Simply Static» را جستجو کنید، افزونه را نصب کنید و افزونه را فعال کنید.
3. به Simply Static > Settings در خود بروید WordPress داشبورد.
4. در برگه "عمومی" موارد زیر را تنظیم کنید:
   • نشانی‌های وب مقصد: «ذخیره برای استفاده آفلاین» را انتخاب کنید. اگر از قبل یک دامنه سفارشی دارید، مطابق تصویر زیر، «URLهای مطلق» را انتخاب کنید:

5. Local Directory: این را روی دایرکتوری خارج از خود تنظیم کنید WordPress نصب، به عنوان مثال، /Users/yourusername/Documents/StaticSite

6. در برگه «شامل/حذف»، مطمئن شوید که همه URL های ضروری گنجانده شده اند.
   • در بیشتر موارد از /wp-content/ و /wp-includes/ استفاده کنید

7. تنظیمات خود را ذخیره کنید.

همچنین وجود دارد نسخه حرفه ای SimplyStatic، در اینجا خلاصه ای از ویژگی های حرفه ای افزونه Simply Static آورده شده است:

1. استقرار پیشرفته:
   • سایت های استاتیک را در چندین پلتفرم از جمله SimplyCDN، GitHub، Amazon AWS S3، Digital Ocean Spaces و BunnyCDN مستقر کنید.
2. به روز رسانی آسان سایت:
   • به‌روزرسانی‌های محتوا را به طور مؤثر مدیریت کنید، چه برای پست‌های تک، به‌روزرسانی‌های انبوه یا URLهای خاص.
3. یکپارچه سازی فرم ها و نظرات:
   • فرم‌های افزونه‌های محبوب مانند فرم تماس 7، فرم‌های جاذبه و فرم‌های عنصری را به صورت یکپارچه در سایت استاتیک خود ادغام کنید.
4. عملکرد جستجو:
   • جستجوی اساسی را با استفاده از Fuse.js اجرا کنید یا به تجربه جستجوی جامع تر با Algolia ارتقا دهید.
5. پشتیبانی از WP-CLI:
   • از WP-CLI برای پیکربندی، صادرات و مدیریت ویژگی های Simply Static به طور مستقیم از خط فرمان استفاده کنید.
6. پشتیبانی چند زبانه:
   • ارائه محتوا به چندین زبان با ادغام برای WPML، Polylang و TranslatePress.
7. کوچک سازی:
   • عملکرد سایت را با کوچک کردن فایل های CSS، جاوا اسکریپت و استاتیک HTML بهینه کنید.
8. WordPress پنهان کاری:
   • پیش فرض را جایگزین کنید WordPress راه هایی برای پنهان کردن این واقعیت که WordPress به عنوان سیستم مدیریت محتوا استفاده می شود.

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

مرحله 3: مخزن Git را راه اندازی کنید

اکنون که مولد سایت استاتیک خود را راه اندازی کرده ایم، بیایید فهرست محلی خود را برای کنترل نسخه آماده کنیم:

1. ترمینال یا خط فرمان را باز کنید.
2. به دایرکتوری که در Simply Static مشخص کرده اید بروید (به عنوان مثال، cd /Users/yourusername/Documents/StaticSite).
3. با اجرای زیر یک مخزن Git جدید راه اندازی کنید:

   git init

مرحله 4: یک مخزن GitHub ایجاد کنید

ما از GitHub Desktop برای ایجاد و مدیریت مخزن خود استفاده خواهیم کرد:

1. GitHub Desktop را از اینجا دانلود و نصب کنید desktop.github.com اگر قبلا نرفته اید
2. GitHub Desktop را باز کنید و وارد حساب GitHub خود شوید.
3. روی "File" > "New Repository" کلیک کنید یا از دکمه "Create a New Repository on your hard drive" استفاده کنید.
4. موارد زیر را تنظیم کنید:
   • نام: نامی را برای مخزن خود انتخاب کنید (به عنوان مثال، "my-static-wordpress")
   • Local Path: این را روی همان فهرستی که در Simply Static مشخص کرده اید، تنظیم کنید
   • این مخزن را با یک README راه اندازی کنید: بدون علامت بگذارید
   • Git ignore: "هیچکدام" را انتخاب کنید (ما در مرحله 3 خود را ایجاد کردیم)
   • مجوز: یک مجوز مناسب را انتخاب کنید یا به عنوان "هیچ" ترک کنید
5. روی "ایجاد مخزن" کلیک کنید

مرحله 5: مخزن را متعهد کنید

اکنون که مخزن خود را راه اندازی کرده ایم، بیایید اولین commit خود را انجام دهیم:

1. در GitHub Desktop، شما باید تمام فایل های موجود در سایت استاتیک خود را که به عنوان تغییرات فهرست شده اند، مشاهده کنید.
2. خلاصه ای را برای commit خود وارد کنید (به عنوان مثال، "تعهد اولیه فایل های سایت استاتیک").
3. روی "Commit to main" (یا "Commit to master" در نسخه های قدیمی تر) کلیک کنید.
4. روی «انتشار مخزن» کلیک کنید تا مخزن محلی خود را به GitHub هدایت کنید.

مرحله 6: یک Export Simply Static را اجرا کنید

اکنون زمان آن است که سایت استاتیک خود را تولید کنیم:

1. بازگشت به خود را WordPress داشبورد.
2. به Simply Static > Generate بروید. (شما می توانید هشدار خطای Diagnostics را نادیده بگیرید، زیرا فقط در یک فهرست محلی مستقر می شوید).
3. روی “Generate Static Files” کلیک کنید.
4. منتظر بمانید تا فرآیند تکمیل شود. بسته به اندازه سایت شما ممکن است چند دقیقه طول بکشد.
5. پس از تکمیل، به دسکتاپ GitHub برگردید.
6. شما باید فایل های جدید تولید شده یا به روز شده را که به عنوان تغییرات فهرست شده اند مشاهده کنید.
7. این تغییرات را با پیامی مانند «به‌روزرسانی فایل‌های سایت استاتیک» انجام دهید.
8. با کلیک روی "Push origin" تغییرات را به GitHub فشار دهید.

مرحله 7: مخزن را به یک پلتفرم میزبانی متصل کنید

اکنون که سایت ثابت ما در GitHub است، می توانیم به راحتی آن را به یک پلت فرم میزبانی رایگان متصل کنیم. من دستورالعمل هایی را برای صفحات GitHub، Netlify و Vercel ارائه خواهم کرد:

صفحات GitHub

1. به مخزن خود در GitHub.com بروید.
2. روی «تنظیمات» > «صفحات» در نوار کناری سمت چپ کلیک کنید.
3. در قسمت «منبع»، «استقرار از یک شعبه» را انتخاب کنید.
4. شاخه ای را که می خواهید مستقر کنید (معمولاً "اصلی" یا "مستر") انتخاب کنید.
5. پوشه ریشه (/) را انتخاب کنید و روی "ذخیره" کلیک کنید.
6. سایت شما به صورت زنده در https://yourusername.github.io/repository-name/.

خالص کردن

1. ثبت نام برای یک حساب کاربری رایگان در netlify.com.
2. روی «سایت جدید از Git» در داشبورد Netlify خود کلیک کنید.
3. GitHub را به عنوان ارائه دهنده Git خود انتخاب کنید و Netlify را مجاز کنید.
4. مخزن خود را از لیست انتخاب کنید.
5. دستور build و انتشار دایرکتوری را خالی بگذارید.
6. روی «استقرار سایت» کلیک کنید.
7. سایت شما در یک زیر دامنه Netlify فعال می شود که می توانید آن را در تنظیمات سایت شخصی سازی کنید.

ورسل

1. ثبت نام برای یک حساب کاربری رایگان در vercel.com.
2. روی «پروژه جدید» در داشبورد Vercel خود کلیک کنید.
3. مخزن GitHub خود را وارد کنید.
4. تنظیمات ساخت را همانطور که هستند رها کنید (ورسل باید به طور خودکار تشخیص دهد که یک سایت ثابت است).
5. روی "استقرار" کلیک کنید.
6. سایت شما در یک زیر دامنه Vercel فعال می شود که می توانید آن را در تنظیمات پروژه شخصی سازی کنید.

خلاصه

تبریک می گویم! شما اکنون یک نسخه ثابت از خود دارید WordPress میزبانی سایت به صورت رایگان به یاد داشته باشید که هر زمان که در فایل های خود تغییراتی ایجاد می کنید، فایل های استاتیک خود را بازسازی و فشار دهید WordPress سایت این گردش کار به شما امکان می دهد از سهولت لذت ببرید WordPress برای تولید محتوا ضمن بهره مندی از سرعت، امنیت و میزبانی رایگان یک سایت ثابت.

چند نکته اضافی:

• راه اندازی یک دامنه سفارشی را برای ظاهر حرفه ای تر در نظر بگیرید.
• به طور منظم خود را به روز کنید WordPress نصب و پلاگین ها برای اطمینان از اینکه با آخرین ویژگی ها و به روز رسانی های امنیتی کار می کنید.
• ویژگی های پیشرفته را کاوش کنید نسخه حرفه ای Simply Staticمانند پنهان شدن WordPress و راه اندازی فرم ها یا قابلیت جستجو برای سایت استاتیک خود.