Cara Menggunakan iPad untuk Pembangunan Tema WordPress

Selepas kolej, saya terpaksa menggunakan iPad Pro untuk menghadiri kelas sebelum saya membeli MacBook Air saya (dengan cara, cip M1 adalah hebat). Walau bagaimanapun, sebagai pelajar sains komputer, saya terpaksa mencari jalan untuk memprogramnya. Jadi, saya mula mencari cara terbaik untuk program di iPad saya.

Pada mulanya saya dapati beberapa pilihan yang baik, tetapi ia tidak sempurna kerana saya tidak dapat menjalankan sebarang kod atau program yang saya mahukan kerana kekurangan baris arahan atau kebenaran akar. Saya boleh menggunakan platform seperti coder, gitpod, codespaces github, dan juga replit, tetapi mereka bukan apa yang saya mahukan.

Tetapi, saya dapati program yang sempurna. Ia adalah percuma, sumber terbuka, dan boleh dihoskan sendiri. Ia juga menjadi asas pengkod, platform yang saya dapati ketika mencari. Ia dipanggil pelayan kod dan pada dasarnya merupakan kod VS yang diuruskan yang mempunyai akses penuh ke sistem fail pelayan.

Pada mulanya, kes penggunaan saya adalah pengaturcaraan Java (yang merupakan bahasa yang kita pelajari di kelas), tetapi saya dengan cepat menyedari bahawa saya boleh menggunakannya untuk tugas pengaturcaraan lain, iaitu pembangunan tema WordPress juga!

Prasyarat

Anda memerlukan dua perkara untuk bermula:

• Pelayan Linux dengan akses root. Saya secara peribadi menggunakan OVH VPS. Raspberry Pi juga OK, tetapi langkah -langkahnya lebih rumit dan berada di luar skop artikel ini.
• IPad atau mana -mana peranti lain yang biasanya tidak tersedia untuk pengaturcaraan (seperti Chromebook).

Saya mengandaikan bahawa anda sedang mengusahakan pelayan yang sama dengan laman WordPress anda. Juga, adalah penting untuk diperhatikan bahawa panduan ini ditulis menggunakan Ubuntu 20.04.2 LTS.

Pasang

Pertama, kita perlu menyambung ke pelayan kami melalui SSH. Jika anda menggunakan iPad, saya cadangkan menggunakan Termius kerana ia sesuai untuk keperluan kami. Sebaik sahaja kami log masuk ke pelayan, kami akan memasang pelayan kod, yang memerlukan keizinan root/sudo.

Pemasangan sangat mudah; Perintah yang sama juga digunakan semasa menaik taraf:

 <code>curl -fsSL https://code-server.dev/install.sh | sh</code>

Konfigurasi

Selepas memasang pelayan kod, kami boleh mengkonfigurasinya melalui beberapa kaedah. Kami boleh menjalankan pelayan kod secara langsung dan ia berfungsi - tetapi ia juga tidak mempunyai HTTPS dan hanya menyediakan pengesahan asas. Saya selalu mahu HTTPS didayakan dan domain saya memerlukannya juga.

Terdapat juga beberapa cara untuk membolehkan HTTPS. Kaedah pertama dalam dokumentasi kod-pelayan menggunakan Let's Encrypt dan Reverse Proxy, seperti Nginx atau Caddy. Walaupun ini berfungsi hebat, ia memerlukan lebih banyak konfigurasi manual dan saya tidak mahu mengganggu dengannya. Walau bagaimanapun, pelayan kod juga menawarkan pilihan lain, --link , yang berfungsi dengan baik, walaupun dalam fasa beta. Bendera ini menetapkan sijil TLS, pengesahan GitHub, dan URL cdr.co yang berdedikasi! Tiada konfigurasi diperlukan! Begitu sejuk‽ Untuk menetapkannya, jalankan arahan ini (arahan ini tidak memerlukan akses root/sudo, mana -mana pengguna biasa boleh):

 <code>code-server --link</code>

Ini mewujudkan URL untuk kami log masuk ke akaun GitHub anda supaya ia tahu akaun mana yang akan dibenarkan. Setelah selesai, kami akan mendapat URL yang berdedikasi dan semuanya sudah siap! Setiap pengguna mempunyai konfigurasi dan akaun GitHub mereka sendiri, jadi saya fikir secara teknikalnya mungkin untuk menjalankan beberapa contoh untuk beberapa orang pada masa yang sama. Walau bagaimanapun, saya tidak mengujinya.

Selepas mengkonfigurasi akaun GitHub, kami akan menekan Ctrl C untuk menghentikan proses tersebut.

Running <code>code-server --link</code> akan menyediakan URL Login.

Mengklik URL di Termius membukanya di Safari.

Selepas log masuk, GitHub akan membenarkan akaun anda.

Sebaik sahaja permohonan itu diberi kuasa, ia harus membawa anda terus ke antara muka yang biasa!

Kembali ke sesi SSH kami, kami dapat melihat bahawa URL kekal kini tersedia! Ingat bahawa ia berfungsi hanya apabila pelayan kod berjalan.

Tetapkan ketergantungan tema WordPress

Terdapat banyak cara untuk melakukan pembangunan tema WordPress, tetapi saya sangat suka cara menggariskan Automattic (_s), jadi kita akan bermula dengan itu.

Untuk memulakan dengan _s, mari pasang komposer. Kerana saya menganggap anda berada di pelayan yang sama seperti laman web WordPress anda, PHP sudah dipasang. Walaupun saya dapat menyenaraikan langkah -langkah di sini, laman web komposer telah melakukan lebih baik daripada yang saya mungkin.

Selepas memasang komposer, kita perlu memasang node.js dengan menjalankan arahan berikut di terminal:

 <code>cd ~ curl -sL https://deb.nodesource.com/setup_16.x -o nodesource_setup.sh sudo bash nodesource_setup.sh sudo apt install nodejs node -v</code>

Perintah ini menambah PPA nod yang dikemas kini -kerana satu Ubuntu mengandungi sudah ketinggalan zaman (nod 10!) - dan kemudian pasang nod dan dapatkan versi.

Perintah terakhir harus mengembalikan sesuatu seperti v16.6.1, yang bermaksud kita sudah bersedia!

Menyiapkan tema

Untuk menetapkan tema _S, kami menjalankan npx degit automattic/_s my-cool-theme . Ini memuat turun kod _S ke folder bernama My-Cool-Theme. Jika anda mahu tema itu terletak terus dalam direktori tema WordPress anda, anda boleh memindahkan folder, membuat pautan simbolik untuknya, atau memberikan laluan penuh ke folder dalam perintah sebelumnya. Saya secara peribadi lebih suka memampatkan fail saya dengan menjalankan npm run bundle dan kemudian unzip mereka secara manual dalam folder tema saya.

Sebaik sahaja semua ini selesai, mari kita jalankan <code>code-server --link</code> , buka penyemak imbas kami dan navigasi ke URL kami!

Dalam contoh kod vs kami, kami boleh membuka folder yang mengandungi tema kami dan ikuti langkah QuickStart _s untuk menamakan tema kami dengan betul. Kemudian, di terminal bersepadu, kami menjalankan composer install dan npm install . Ini akan memasang semua pakej yang diperlukan untuk tema. Saya tidak akan menerangkan bagaimana tema WordPress berfungsi, seperti yang telah dilakukan oleh ramai orang yang berpengalaman.

Itu sahaja! Pelayan kami kini mempunyai segala yang kami perlukan untuk membangunkan beberapa tema WordPress yang sejuk menggunakan iPad atau mana -mana peranti lain dengan penyemak imbas dan papan kekunci. Sebaik sahaja penyemak imbas baru mereka dibebaskan, kami juga boleh menggunakan Xbox.

Proses pembangunan

Semua yang kita bincangkan bunyi hebat dalam teori, bukan? Apa yang anda mungkin tertanya -tanya adalah apa yang sebenarnya ingin dibangunkan pada iPad dengan konfigurasi ini. Saya mencatatkan video berikut untuk menunjukkan apa yang kelihatannya kepada saya. Ia hanya beberapa minit, tetapi saya fikir ia mencerminkan idea yang baik tentang apa yang berlaku dalam pembangunan WordPress.

Beberapa arahan mengenai persediaan ini

Oleh kerana pelayan kod menggunakan sumber terbuka vs kod-bukan versi Microsoft-sesuatu yang hilang. Ia juga tidak menggunakan pasaran pengembangan Microsoft, yang bermaksud tidak semua sambungan tersedia. Kami tidak boleh log masuk ke akaun Microsoft atau GitHub kami untuk menyegerakkan tetapan kami, tetapi kami juga boleh menggunakan sambungan penyegerakan tetapan, walaupun saya secara peribadi menghadapi masalah menggunakannya untuk menyegerakkan sambungan saya. Setiap pengguna Linux mempunyai tetapan dan sambungan sendiri, disimpan dalam folder ini: ~/.local/share/code-server . Ia sama dengan struktur folder pemasangan kod VS biasa.

Terdapat juga cara untuk menjalankan pelayan kod sebagai perkhidmatan dan bukannya berjalan secara langsung dalam sesi SSH supaya ia sentiasa berjalan, tetapi saya lebih suka membukanya jika diperlukan.

Beberapa petua khusus iPad

Jika anda bercadang untuk menggunakan iPad anda seperti saya, berikut adalah beberapa petua untuk menjadikan pengalaman anda lebih menyeronokkan!

• Aktifkan ciri penjejakan lokasi di Termius kerana ia menyimpan sambungan SSH aktif walaupun aplikasi berjalan di latar belakang.
• Buka laman web dengan Safari dan buka jadual kongsi untuk menambahkannya ke skrin utama anda! PWA Long Live!
• Kandungan cache safari sangat agresif, dan membersihkan cache sangat menjengkelkan. Satu -satunya cara yang saya dapati adalah pada dasarnya untuk membersihkan sejarah penyemak imbas, yang tidak sesuai. Ia tidak mempunyai "refresh force" seperti mana -mana pelayar desktop lain. Chrome mungkin mengendalikannya dengan lebih baik, walaupun.
• Beli papan kekunci Bluetooth, atau bahkan kes pelindung (Brydge adalah pilihan yang baik) kerana ia menjadikannya lebih seperti komputer riba daripada tablet. Papan kekunci fizikal menjadikan pengalaman 1,000 kali lebih baik daripada papan kekunci pada skrin!
• iPads kadang -kadang "kehilangan" tumpuan editor, terutamanya apabila beralih antara aplikasi, yang menjadikannya mustahil untuk menaip. Saya biasanya menyelesaikan masalah ini dengan mengklik pada bar sisi dan kemudian mengklik pada editor.

Atas ialah kandungan terperinci Cara Menggunakan iPad untuk Pembangunan Tema WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!