گروه دیجیتال مارکتینگ آی‌وب

ادغام وردپرس با GitHub‍

WordPress and GitHub Integration

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

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

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

مزایای استفاده از GitHub با وردپرس

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

گیت هاب به شما اجازه می‌دهد:

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

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

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

برای پوشش بیشتر زمینه، من دو سناریو اصلی را در توسعه وردپرس پوشش داده‌ام:

  1. هنگامی که یک سایت وردپرس زنده روی یک سرور میزبانی زنده دارید و می‌خواهید فایل‌ها را مستقیماً به مخزن گیت هاب فشار دهید (این به توسعه دهندگان کمک می‌کند بدون زحمت با هم همکاری کنند) ، من یک محیط توسعه ایجاد می‌کنم و تغییرات را در سایت زنده اعمال می‌کنم.
  2. زمانی که یک محیط محلی دارید و می‌خواهید فایل‌های وردپرس را به مخزن گیت هاب فشار دهید.

وردپرس و گیت هاب: سرور ابری

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

  • مرحله ۱: یک مخزن در گیت هاب ایجاد کنید
  • مرحله ۲: فایل‌های سایت وردپرس زنده را به مخزن گیت هاب فشار دهید
  • مرحله ۳: Git را نصب کنید
  • مرحله ۴: از مخزن گیت هاب به پوشه محلی بکشید
  • مرحله ۵: ایجاد محیط توسعه بر روی ماشین محلی
  • مرحله ۶: Sublime را به گیت هاب متصل کنید
  • مرحله ۷: از Local به گیت هاب فشار دهید
  • مرحله ۸: گیت هاب را با Live Environment متصل کنید
  • مرحله ۹: تغییرات را به یک محیط زنده از گیت هاب بکشید

مرحله ۱: یک مخزن در گیت هاب ایجاد کنید

وارد گیت هاب شوید و با دنبال کردن این لینک یک مخزن ایجاد کنید.

ادغام وردپرس و GitHub

یک نام به مخزن خود بدهید (در مورد من، گیت هاب است) . می‌توانید توضیحات و کنترل دسترسی را اضافه کنید (من عمومی را انتخاب کردم) و روی ایجاد مخزن کلیک کنید.

مرحله ۲: فایل‌های سایت وردپرس زنده را به مخزن گیت هاب فشار دهید

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

من قصد دارم سرور SSH Terminal را راه‌اندازی کنم. اگر قبلا از سرور ابری استفاده کرده باشید، ممکن است با ترمینال SSH آشنا باشید، یک رابط خط فرمان (CLI) که از طریق آن می‌توانید فایل‌های برنامه خود را مدیریت کنید.

برای راه‌اندازی ترمینال SSH، باید به پنل مدیریت سرور Cloud → Master Credentials → Launch Terminal SSH بروید و اعتبارنامه اصلی سرور خود (نام کاربری و رمز عبور) را جای‌گذاری کنید.

ادغام وردپرس و GitHub

سپس دستورات زیر را اجرا کنید.

cd applications/xxxxxx/public_html ( xxxxxx نام پوشه برنامه وردپرس شما است )

این مسیر پوشه وردپرس شماست. با استفاده از مسیر صحیح، می‌توانید یک پوشه خاص مانند wp-content یا themes folder/files را نیز فشار دهید.

ادغام وردپرس و GitHub
git init

این مخزن خالی Git را مقداردهی اولیه می‌کند.

ادغام وردپرس و GitHub
git add

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

ادغام وردپرس و GitHub
git checkout -b master

به شاخه اصلی بروید.

ادغام وردپرس و GitHub
git commit -m "first commit"

تغییرات ردیابی شده را انجام دهید و آنها را برای فشار به مخزن گیت هاب آماده کنید.

ادغام وردپرس و GitHub

اگر پیام «لطفا به من بگویید که هستید» را مشاهده کردید، باید این دستورات را اجرا کنید:

git config --global user.email "you@example.com"                                                                                           
git config --global user.name "Your Name"
ادغام وردپرس و GitHub

ایمیل و نام خود را جایگزین کنید.

ادغام وردپرس و GitHub

git remote add origin remote repository URL

نشانی اینترنتی مخزن گیت هاب شما که در آن همه فایل‌ها فشار داده می‌شوند. URL راه دور HTTPS را کپی کنید و آن را در URL مخزن راه دور جایگذاری کنید.

git remote add source https://github.com/farhanayub/GitHub.git

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

ادغام وردپرس و GitHub

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

ادغام وردپرس و GitHub

در صورت مشاهده هر گونه خطایی، از دستور زیر استفاده کنید و تمام دستورات را به ترتیب تکرار کنید.

rm -rf .git/
ادغام وردپرس و GitHub

توجه: اگر یک مخزن عمومی دارید، یک تمرین خوب این است که wp-config.php را از مخزن گیت هاب حذف کنید زیرا حاوی اطلاعات کاربری برنامه وردپرس شما است. همیشه می‌توانید آن را مستقیماً در سایت زنده ویرایش کنید.

ادغام وردپرس و GitHub

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

مرحله ۳: Git را نصب کنید

اکنون می‌توانید فایل‌های خود را از GitHub به رایانه محلی خود بکشید. شما باید Git را در سیستم محلی خود دانلود و نصب کنید.

ادغام وردپرس و GitHub

مرحله ۴: از مخزن GitHub به پوشه محلی بکشید

پس از نصب Git، بیایید شروع به کشیدن فایل‌ها و پوشه‌ها به یک پوشه محلی کنیم.

یک پوشه ایجاد کنید، وارد آن شوید و روی Git Bash Here کلیک راست کنید. پنجره‌ای باز می‌شود (شبیه خط فرمان) که در آن می‌توانید دستورات Git را وارد کنید تا این پوشه را به مخزن آنلاین GitHub متصل کنید.

دستورات Git زیر را یکی یکی وارد کنید.

git init
git add.
git remote add origin https://github.com/farhanayub/GitHub.git
/* Don’t forget to replace the URL with your own. */
git pull origin master
ادغام وردپرس با GitHub‍

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

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

ادغام وردپرس با GitHub‍

مرحله ۵: ایجاد محیط توسعه بر روی ماشین محلی

حال، بیایید یک محیط توسعه برای وردپرس و GitHub در ماشین محلی ایجاد کنیم. من Sublime Text و بسته GitHub معروف به GitSavvy را نصب خواهم کرد.

  1. Sublime Text را نصب کنید. من از Sublime Text به عنوان ویرایشگر کد خود استفاده می‌کنم. باید آخرین نسخه ویرایشگر Sublime Text را دانلود و نصب کنید.
  1. بسته GitHub را برای ویرایشگر متن Sublime نصب کنید. بسیاری از ابزارهای GitHub برای Sublime Text را خواهید یافت. من از GitSavvy، یک بسته محبوب استفاده می‌کنم.

GitSavvy فهرست کاملی از دستورات GitHub دارد که می‌تواند به شما در مدیریت فرآیندهای Push و Pull کمک کند. برای نصب بسته، پالت فرمان را با فشار دادن CTRL+SHIFT+P باز کنید یا به Tools → Command Palette بروید.

ادغام وردپرس با GitHub‍

یک پنجره جدید ظاهر می‌شود که از شما می‌خواهد یک کار را انجام دهید. شما باید Package Control را نصب کنید، که امکان اضافه کردن بسته‌های مختلف Sublime Text را فراهم می‌کند. Install Package را جستجو کنید و Enter را فشار دهید.

ادغام وردپرس با GitHub‍

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

ادغام وردپرس با GitHub‍

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

ادغام وردپرس با GitHub‍

توجه: پیشنهاد می‌کنم این مطلب را به طور کامل بخوانید زیرا اصول GitSavvy را به خوبی درک خواهید کرد. همچنین می‌توانید در Sublime Text با فشار دادن کمک دریافت کنید

مرحله ۶: Sublime Text را به GitHub متصل کنید

در مرحله بعد، شما باید Sublime Text را با GitHub متصل کنید تا بتوانید به راحتی تغییرات را از محیط محلی به مخزن وردپرس در GitHub فشار دهید.

با رفتن به File → Open Folder، پوشه محلی وردپرس را در Sublime Text باز کنید.

ادغام وردپرس با GitHub‍

برای آزمایش این محیط، فایل wp-login.php را ویرایش کرده و اکو “Hello World! ” را اضافه می‌کنم. در بالای فایل درست زیر <?php و ذخیره آن.

ادغام وردپرس با GitHub‍

سپس، با باز کردن Command Palette، GitHub را روی Sublime Text مقداردهی اولیه کنید، وضعیت را جستجو کنید و Enter را فشار دهید، جایی که می‌گوید git: status.

ادغام وردپرس با GitHub‍

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

ادغام وردپرس با GitHub‍

می‌توانید ببینید که wp-login.php در حالت unstaged است. با پیروی از دستورات آموزش داده شده می‌توانید کارهای زیادی با این فایل انجام دهید. اما ابتدا باید این فایل را مرحله‌بندی کنید، آن را commit کنید و سپس آن را به مخزن GitHub فشار دهید.

برای مرحله‌بندی این فایل S را فشار دهید و وضعیت را از طریق دستور git: status بررسی کنید. متوجه خواهید شد که فایل به حالت مرحله‌ای منتقل شده است.

ادغام وردپرس با GitHub‍

برای انجام این تغییر، c را فشار دهید. یک تب جدید باز خواهد شد که تغییرات من را در فایل wp-login.php شرح می‌دهد. ” My commit” را در بالای فایل بنویسید و CTRL+ENTER را فشار دهید تا commit ارسال شود.

ادغام وردپرس با GitHub‍

توجه : ممکن است نام و ایمیل شما را بخواهد تا commit با نام شما ارسال شود.

مرحله ۷: از Local به GitHub فشار دهید

من باید به Sublime Text در مورد مخزن بگویم که تغییر را انجام خواهم داد. از دستور git: remote add برای تنظیم URL راه دور استفاده کنید.

ادغام وردپرس با GitHub‍
ادغام وردپرس با GitHub‍

هنگامی که به مخزن GitHub متصل شدید، از git: push برای اعمال تغییرات استفاده کنید.

ادغام وردپرس با GitHub‍

مبدا و نام شاخه اصلی را انتخاب کنید .

ادغام وردپرس با GitHub‍

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

ادغام وردپرس با GitHub‍

مرحله ۸: GitHub را با Live Environment متصل کنید

پس از اتصال Sublime Text به GitHub، باید وارد حساب کاربری Cloudways خود شوید و وارد اپلیکیشن وردپرس شوید. از پنل سمت چپ در داشبورد، به Deployment via Git بروید و روی Generate SSH Keys ضربه بزنید .

ادغام وردپرس با GitHub‍

روی VIEW SSH KEY کلیک کنید و کلیدهای SSH را دانلود کنید.

ادغام وردپرس با GitHub‍

به مخزن GitHub برگردید، به Settings → Deploy Keys → Add Deploy Key بروید ، عنوان را تنظیم کنید و کلیدهای SSH دانلود شده را وارد کنید .

ادغام وردپرس با GitHub‍

همانطور که می بینید، من چک باکس را علامت زده ام که می گوید Allow write access چون من تغییرات را مبادله خواهم کرد.

در مخزن GitHub خود، به تب Code بروید، کلید SSH را کپی کنید و مطمئن شوید که استفاده از SSH را انتخاب کرده اید .

ادغام وردپرس با GitHub‍

به پلتفرم Cloudways برگردید، که می گوید Deployment via Git . کلید SSH را در قسمت Git Remote Address قرار دهید، روی Authenticate کلیک کنید و شعبه مخزن Git خود را انتخاب کنید (من از master استفاده می کنم ).

مسیر استقرار خالی مانده است زیرا من پوشه public_html برنامه وردپرس را با مخزن GitHub متصل خواهم کرد. اکنون روی Start Deployment ضربه بزنید تا پلتفرم Cloudways با GitHub متصل شود.

ادغام وردپرس با GitHub‍

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

ادغام وردپرس با GitHub‍

مرحله ۹: تغییرات را به یک محیط زنده از GitHub بکشید

همه چیز پیکربندی شده و به خوبی کار می کند. ما باید تغییرات را از مخزن GitHub به یک سایت وردپرس در Cloudways بکشیم.

از پلتفرم Cloudways، وارد برنامه خود شوید و سپس به Application Management → Deployment via Git بروید . دکمه Pull را بزنید.

ادغام وردپرس با GitHub‍

بینگو!

تمامی تغییرات در سایت زنده به روز رسانی شده است. در اینجا چگونه آنها به نظر می رسند.

ادغام وردپرس با GitHub‍

چرا The Pull خودکار نیست؟

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

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

وردپرس و گیت هاب: محیط محلی

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

در اینجا، من فرض می کنم که شما یک راه اندازی محلی آماده دارید.

بنابراین، بیایید شروع کنیم!

  • مرحله ۱: Git را دانلود و نصب کنید
  • مرحله ۲: وارد GitHub شوید و یک مخزن جدید ایجاد کنید
  • مرحله ۳: فایل های وردپرس را از محیط محلی به GitHub فشار دهید
  • مرحله ۴: مخزن GitHub را بررسی کنید

مرحله ۱: Git را دانلود و نصب کنید

ابتدا باید Git را بر روی دستگاه محلی خود دانلود و نصب کنید. نسخه ای را انتخاب کنید که با سیستم عامل شما سازگار است.

ادغام وردپرس با GitHub‍

مرحله ۲: وارد GitHub شوید و یک مخزن جدید ایجاد کنید

پس از نصب Git، وارد حساب GitHub → Respostories → New شوید.

ادغام وردپرس با GitHub‍

در مرحله بعد، باید فیلدها را پر کنید و روی ایجاد مخزن کلیک کنید .

ادغام وردپرس با GitHub‍

مرحله ۳: فایل‌های وردپرس را از محیط محلی به GitHub فشار دهید

من فایل‌های تم محلی وردپرس (موضوع بیست بیست) را به مخزن GitHub فشار می‌دهم.

به پوشه قالب وردپرس بروید، برای منوی زمینه کلیک راست کنید و روی Git Bash Here کلیک کنید.

ادغام وردپرس با GitHub‍

یک خط فرمان ظاهر می‌شود و تنها کاری که باید انجام دهید این است که از دستورات زیر استفاده کنید.

git init
ادغام وردپرس با GitHub‍
git add .
ادغام وردپرس با GitHub‍
git commit -m "first commit"
ادغام وردپرس با GitHub‍
git remote add source https://github.com/farhanayub/MyWordPress.git
ادغام وردپرس با GitHub‍

می‌توانید URL خود را از اینجا کپی کنید:

ادغام وردپرس با GitHub‍
git push -u origin master
ادغام وردپرس با GitHub‍

مرحله ۴: مخزن GitHub را بررسی کنید

اکنون به GitHub بروید و صفحه مخزن را رفرش کنید. همانطور که می‌بینید، تمام فایل‌های تم (Twenty Twenty) با موفقیت به این مخزن GitHub منتقل شده‌اند.

ادغام وردپرس با GitHub‍

خلاصه

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

سوالات متداول

س. بهترین افزونه‌های GitHub برای وردپرس چیست؟

در زیر بهترین و محبوب ترین افزونه های GitHub برای وردپرس آورده شده است:

  1. GitHub Embed
  2. وردپرس GitHub Sync
  3. Git Updater

س. چگونه می‌توانم یک مخزن وردپرس در GitHub ایجاد کنم؟

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

  1. ثبت نام/ورود به یک حساب GitHub و ایجاد یک مخزن جدید
  2. یک نام به مخزن خود، مانند وردپرس، بدهید
  3. فایل های سایت وردپرس خود را به مخزن GitHub فشار دهید

س. چگونه وردپرس را در GitHub مستقر کنم؟

چهار مرحله را برای استقرار یک سایت وردپرس در GitHub دنبال کنید.

  1. ابتدا Git را در دسکتاپ خود دانلود و نصب کنید
  2. وارد GitHub شوید و یک مخزن جدید ایجاد کنید
  3. سپس فایل های وردپرس را از محیط محلی به GitHub فشار دهید
  4. مخزن GitHub را بررسی کنید

منبع: وبلاگ کلودویز
حمیدرضا درهمی

حمیدرضا درهمی

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

ما را در شبکه‌های اجتماعی دنبال کنید