چگونه می توان تغییرات قالب WordPress را با استفاده از GitHub و Deploy به صورت خودکار پیاده کرد

آیا می خواهید تغییرات پوسته وردپرس را به طور خودکار در وب سایت خود مستقر کنید؟ اکثر برنامه نویسان وب حرفه ای از سیستم کنترل نسخه مانند GitHub یا BitBucket استفاده می کنند و تغییرات خود را در سایت یا سایت زنده بصورت خودکار اعمال می کنند. در این مقاله ، ما به شما نشان خواهیم داد که چگونه تغییرات پوسته وردپرس را با استفاده از GitHub و Deploy به طور خودکار پیاده کنید.

Automatically deploy WordPress theme changes with GitHub and Deploy

چرا از سیستم کنترل نسخه برای توسعه قالب وردپرس استفاده می کنیم؟ h4>

ابتدا باید بدانیم که کنترل نسخه به چه معنی است:

system سیستمی که تغییرات را در یک فایل یا مجموعه ای از پرونده ها با گذشت زمان ضبط می کند تا بعداً بتوانید نسخه های خاص را به یاد بیاورید / v2 / شروع-شروع-درباره-کنترل-نسخه

به عبارت دیگر ، هر بار که یک قالب وردپرس الگو ، تصویر یا CSS ، یک سیستم کنترل نسخه این تغییرات را پیگیری می کند. در نقاط خاص ، ما می توانیم یک دسته از تغییرات را برچسب گذاری (تعهد) کنیم. اگر این تغییرات مشکلی ایجاد کند ، ما می توانیم یک نسخه موجود از قالب وردپرس خود را برگردانیم (یا دوباره برگردیم).

Git یک سیستم کنترل نسخه رایج است و به چندین کاربر (توسعه دهندگان وب) اجازه می دهد بر روی همان کد کد (مانند قالب وردپرس) کار کنند. اگر دو برنامه نویس یک فایل را ویرایش کنند ، Git کنترل هایی را برای مقابله با این مسائل (معروف به درگیری های ادغام) ایجاد کرده است.

سیستم های کنترل نسخه Git شخص ثالث میزبانی شده ، مانند GitHub و BitBucket ، به کاربران امکان می دهند در صورت مشاهده مشکلی در کد شما ، مشکلات (یا بلیط ها) را ترک کنند. تغییرات کد شما می تواند در برابر یک مسئله خاص انجام شود (برچسب گذاری شود) ، تا تغییرات دقیق کد ایجاد شده برای رفع مشکل را نشان دهد. این واقعا مفید است وقتی در مدت 6 یا 12 ماه به کد مراجعه کنید و می خواهید بدانید که چرا کاری را به روشی خاص انجام داده اید.

چرا از سیستم استقرار استفاده می کنیم؟ h4>

یک سیستم استقرار ، که با سرویس هایی مانند GitHub ادغام می شود ، به شما امکان می دهد تغییراتی را که در قالب وردپرس خود ایجاد کرده اید به طور خودکار یا دستی بارگذاری کنید.

می توانید آن را به عنوان یک سیستم همگام سازی یک طرفه مشاهده کنید – به عنوان مثال ، اگر فایلی را از قالب وردپرس خود حذف می کنید ، لازم است به خاطر داشته باشید که آن را از طریق FTP نیز حذف کنید. با استفاده از سیستم استقرار ، وقتی تغییرات کد خود را به GitHub اعمال می کنید ، این امر به طور خودکار برای شما انجام می شود.

راه اندازی مخزن GitHub برای قالب وردپرس خود h4>

ابتدا یک حساب کاربری در GitHub راه اندازی می کنیم ، از مشتری GitHub برای Windows یا Mac برای ذخیره قالب WordPress خود در GitHub استفاده می کنیم.

به https://github.com بروید و برای یک حساب رایگان ثبت نام کنید.

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

Adding a new repository in GitHub

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

در آخر ، کادر زیر را علامت بزنید این مخزن را با README شروع کنید و سپس روی دکمه ایجاد مخزن کلیک کنید.

Creating a new repository for your WordPress theme on GitHub

اگر همه چیز کار کرده است ، باید مخزن جدید خود را در صفحه مشاهده کنید:

New GitHub repository

GitHub را برای Windows / Mac نصب کنید h4>

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

به سادگی از وب سایت GitHub Desktop بازدید کنید و مشتری GitHub Desktop را بارگیری کنید برای Windows و Mac موجود است.

پس از بارگیری ، مراحل نصب را با کلیک روی ادامه

شروع کنید

GitHub desktop install welcome screen

در صفحه بعد ، ورود GitHub (نام کاربری) و گذرواژه خود را که هنگام ثبت نام در GitHub ایجاد کردید ، وارد کنید. پس از اتمام بر روی دکمه ورود به سیستم کلیک کنید.

Login to GitHub

اگر جزئیات ورود به سیستم درست باشد ، حساب شما نمایش داده می شود. برای ادامه روی دکمه ادامه کلیک کنید:

Logged into GitHub

ما می توانیم قسمت Git Config را به عنوان تنظیمات پیش فرض بگذاریم. قبل از کلیک روی دکمه ادامه مطمئن شوید که روی گزینه نصب ابزارهای خط فرمان کلیک کنید:

Configure git and install command line tools

در آخر ، روی “تمام” کلیک کنید و صفحه GitHub به شما نمایش داده می شود.

اجازه دهید مخزن GitHub خود را که قبلاً ایجاد کردیم اضافه کنیم. برای این کار ، روی نماد بعلاوه در گوشه سمت راست بالا کلیک کنید و سپس گزینه Clone را کلیک کنید. لیستی از مخازن GitHub خود را مشاهده خواهید کرد ، از جمله مواردی که قبلا ایجاد کردیم:

Clone repositories

روی مخزنی که قبلاً ایجاد کرده اید کلیک کنید و سپس روی دکمه Clone کلیک کنید.

مکانی که می خواهید این مخزن را در رایانه خود ذخیره کنید ، انتخاب کنید و پس از انتخاب دکمه Clone کلیک کنید.

ما اکنون مخزن خود را که در GitHub میزبانی شده بود ، بر روی رایانه خود کلون کردیم (کپی کردیم).

بعد ، ما باید کد قالب WordPress خود را به پوشه مخزن اضافه کنیم ، و سپس این کد را با GitHub متعهد و همگام سازی کنیم.

با پیدا کردن پوشه ای که در مرحله بالا انتخاب کرده اید در رایانه خود شروع کنید. باید یک پرونده README.md در پوشه داشته باشد. بسته به تنظیمات رایانه ، پوشه .git مخفی را نیز می بینید:

Clone repository folder on your computer

کد قالب WordPress خود را کپی کرده و در این پوشه جای گذاری کنید:

Copy and paste your theme files in the repository folder on your computer

برنامه GitHub Mac یا Windows را باز کنید و اکنون می بینید که پرونده هایی که تازه اضافه کرده اید در پنجره ظاهر می شوند:

Uncomitted changes

تغییرات برجسته شده با رنگ سبز را مشاهده خواهید کرد. اینها تغییراتی است که شما در مخزن محلی ذخیره کرده اید اما هنوز آنها را انجام نداده اید.

بعد ، ما باید این پرونده ها را متعهد (بارگذاری) در GitHub کنیم. برای انجام این کار ، برای توضیح تغییرات ایجاد شده (به عنوان مثال اولین تعهد من ) مقداری را در کادر خلاصه وارد کنید و تعهد برای تسلط بر دکمه.

Commit changes

این تغییراتی را که شما در مخزن ایجاد کرده اید انجام می دهد. برای بارگذاری این تغییرات در GitHub ، روی دکمه همگام سازی در گوشه سمت راست بالای پنجره برنامه GitHub کلیک کنید.

Sync your local and GitHub repositories

برای بررسی اینکه تعهد شما در GitHub بارگذاری شده است ، از مخزن خود در وب سایت GitHub دیدن کنید. اگر همه کارها انجام شود ، کد خود را مشاهده خواهید کرد:

Changes successfully uploaded to GitHub

راه اندازی استقرار h4>

تاکنون ، ما GitHub را تنظیم کرده و کد قالب WordPress خود را به مخزن GitHub شما متصل کرده ایم. مرحله آخر بارگذاری هرگونه تغییر در مخزن GitHub در وب سایت وردپرس است.

DeployHQ یا به سادگی Deploy ، یک سرویس تحت وب است که تغییرات در مخزن GitHub شما را رصد می کند و فقط آن تغییرات را به صورت خودکار یا دستی در وب سایت وردپرس خود بارگذاری می کند.

تصور کنید که این یک اتصال در وسط کد و وب سرور شما است:

ابتدا باید از استقرار وب سایت بازدید کرده و وارد سیستم شوید. استقرار یک سرویس پولی است ، اما یک حساب رایگان برای یک پروژه و 10 استقرار در روز ارائه می دهد.

پس از پایان ثبت نام ، می توانید به داشبورد Deploy خود وارد شوید. برای شروع روی ایجاد یک پروژه جدید کلیک کنید.

Add new project in Deploy

در مرحله بعدی شما باید نامی برای پروژه خود ارائه دهید و بستر میزبانی کد خود ، GitHub را انتخاب کنید. برای ادامه بر روی دکمه ایجاد پروژه کلیک کنید.

Deploy project name and code hosting

استقرار اکنون شما را به GitHub هدایت می کند. اگر قبلاً وارد سیستم نشده اید ، از شما خواسته می شود وارد سیستم شوید. پس از آن از شما خواسته می شود که به Deploy اجازه دسترسی به حساب GitHub خود را بدهید.

Give Deploy permission to access your GitHub account

برای ادامه بر روی دکمه “مجاز کردن برنامه” کلیک کنید.

Deploy لیست مخازن شما را از GitHub واکشی می کند و از شما می خواهد مخزنی را برای این پروژه انتخاب کنید.

Select your repository

به سادگی بر روی مخزن قالب WordPress خود کلیک کنید و Deploy آن را برای شما وارد می کند.

در مرحله بعدی ، Deploy از شما می خواهد اطلاعات سرور را ارائه دهید. اینجاست که به شما می گوید نحوه بارگذاری پرونده ها در سرور وردپرس خود به Deploy چیست.

برای آن به مدارک FTP خود نیاز دارید.

Deploy FTP Details

  • نام: نامی برای این اتصال ارائه دهید
  • پروتکل: FTP یا اگر SFTP یا SSH دارید می توانید از آن ها نیز استفاده کنید
  • نام میزبان: میزبان SFTP / FTP وب سایت شما.
  • پورت: پورت SFTP / FTP میزبان وب سایت شما (معمولاً SFTP = 22 ، FTP = 21)
  • نام کاربری و رمز ورود : نام کاربری و رمز عبور FTP.
  • مسیر استقرار: مسیری که قبل از بارگذاری پرونده های قالب WordPress خود به آن می رفتید. به عنوان مثال ، public_html / example.com / wp-content / themes / MyTheme ، جایی که MyTheme قالب وردپرسی است که شما به GitHub متعهد شده اید.

برای ادامه بر روی دکمه ذخیره کلیک کنید.

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

Server added proceed to deployment

اکنون می توانید بر روی دکمه Deploy Now کلیک کنید تا پرونده های GitHub خود را در وب سایت خود بارگذاری کنید.

New deployment

استقرار جزئیات این استقرار را به شما نشان می دهد. به سادگی بر روی دکمه Deploy در پایین کلیک کنید.

اکنون پیشرفت استقرار را مشاهده خواهید کرد. پس از پایان استقرار ، پیام موفقیت را مشاهده خواهید کرد.

Successfully deployed

شما با استفاده از Deploy تغییرات را با موفقیت از GitHub در وب سایت خود مستقر کرده اید. اکنون هنگامی که در قالب WordPress خود در رایانه خود تغییراتی ایجاد می کنید ، باید آنها را به GitHub متعهد کنید. پس از آن لازم است که برای شروع دستیابی به وب سایت Deploy مراجعه کنید.

بیایید ببینیم چگونه می توان استقرار خودکار را تنظیم کرد تا هر تغییری که در GitHub انجام دهید به طور خودکار در وب سایت شما مستقر شود.

تنظیم استقرار خودکار h4>

ابتدا باید از داشبورد Deploy خود بازدید کرده و به صفحه Projects بروید. روی نام پروژه خود کلیک کنید.

Deploy Projects

از صفحه پروژه خود ماوس را به منوی تنظیمات برده و سرورها و گروه ها را انتخاب کنید.

Project settings - Servers and groups

بر روی نماد ویرایش در کنار سرور خود کلیک کنید.

Edit server

با این کار صفحه سرور را ویرایش می کنید. در ستون سمت راست تنظیمات استقرار خودکار را پیدا خواهید کرد.

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

Automatic deployment settings

در یک برگه مرورگر جدید وارد حساب GitHub خود شوید. روی مخزن خود کلیک کنید و سپس روی تنظیمات کلیک کنید. روی پیوند Webhooks and Services کلیک کنید.

GitHub Webhooks and Services

بر روی دکمه Add Webhook کلیک کنید.

URL را که از صفحه Deploy server settings در قسمت Payload URL کپی کرده اید ، جایگذاری کنید. application / x-www-form-urlencoded را به عنوان نوع محتوا انتخاب کرده و Add webhook را بزنید.

Adding webhook

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

آزمایش استقرار خودکار h4>

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

برنامه دسک تاپ GitHub را باز کنید و سپس آن تغییرات را انجام دهید.

Testing automatic deploy by adding commits to GitHub

فراموش نکنید که روی دکمه همگام سازی کلیک کنید.

اکنون از پروژه خود در داشبورد Deploy بازدید کنید. بر روی استقرارها کلیک کنید و استقرار خودکار خود را که در آنجا ذکر شده است ، خواهید یافت.

deployments

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

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/wp-themes/how-to-automatically-deploy-wordpress-theme-changes-using-github-and-dploy-io/.

دیدگاهتان را بنویسید