Mac'inizde WordPress Geliştirme

İtiraf ediyorum; Mac'im var. Bu, WordPress'e epeyce web geçişinin işlenmesi (kaç tanesinin izini kaybettim) ve eklentilerimizin , Nelio A/B Testi ve Nelio İçeriğinin geliştirilmesi de dahil olmak üzere birçok savaşın geride bırakıldığı 2013'ün bir MacBook Air'i. Zavallı şey, biraz yorgun hissetmeye başlasa da dört yıl sonra savaşmaya devam eder.

İlk Mac'im 2007'de, Apple Mağazaları İspanya'ya gelmeden önce siyah bir MacBook'du. Mac'te geliştirici olarak birkaç yıl geçirdikten sonra (en son web ve WordPress için çalışan), platformla ilgili biraz deneyimim var ve onunla rahat hissediyorum.

Günümüzde her yerde Mac'li geliştiricileri görmek yaygındır. Yine de, günlük hayatımda hangi araçları kullandığımı ve Mac'te WordPress geliştirici becerilerinizi geliştirmek için hangi yardımcı programları bulabileceğinizi açıklamanın yardımcı olabileceğini düşünüyorum.

WordPress için Kod Düzenleyiciler

Kod düzenleyici, WordPress'i geliştirmek için gereken yardımcı programların kutsal kâsesidir. Çok ve çok iyi olanlar var ve kesinlikle birini veya diğerini seçmek geliştiricinin zevklerine bağlı. Bu yüzden sana listeyi bırakıyorum ve karar verecek olan sensin:

• VIM: Tüm bilgisayar korsanlarının tercih ettiği editör. Zaten orada olduğu için Mac'e yüklemeniz gerekmeyecek. Sadece bir terminal açın ve vi yazın. Daha önce hiç kullanmadıysanız, sizi buraya bağladığım gibi bir eğitimle başlayın. Öğrenme eğrisinin eğlenceli olacağını unutmayın (kelimenin tam anlamıyla, çünkü onu bir grafik macera oynayarak öğreneceksiniz). Bir VIM ustasıysanız, geliştirici olarak üretkenliğiniz çok artabilir. Ortağım David her gün kullandığından ve sihir yapma yeteneğine sahip olduğundan, deneyimlerime dayanarak söylüyorum. Bununla birlikte, programlamayı onunla eşleştirmeye çalışırsanız, kolayca bir vuruş alabilirsiniz.
• TextMate: Yıllar içinde körüklerini kaybeden basit bir editör. Bir zamanlar SublimeText'in bir yarışmasıydı, ancak daha fazla referans pozisyonuna düşmüş gibi görünüyor.
• SublimeText: VIM'den daha kullanıcı dostu, temel ve yüksek düzeyde yapılandırılabilir bir düzenleyici arıyorsanız, SublimeText ihtiyacınız olan düzenleyici olabilir. Değerli İsviçre bıçağınız yapmak için binlerce uzantıya sahip olduğu için WordPress geliştiricileri arasında çok popülerdir. Bir süre onunla uğraştım, ancak güncellemelerle ilgili sorunlar yaşadım ve neredeyse her zaman bozuldu. Yine de şiddetle tavsiye edilen bir seçenek.
• Köşeli ayraçlar: Bir öncekinden daha samimi ve biraz daha az popüler olsa da Atom'a çok benzeyen bir felsefeye sahip bir editörün önündeyiz. Dürüst olmak gerekirse, bu yazıyı yazmak için kendimi belgeleyene kadar onu tanımıyordum ama gördüklerim oldukça zevkliydi. Ayrıca ihtiyacınız olan tipik uzantıların çoğuna sahiptir, bu yüzden buna değer görünüyor.
• Atom: şu anki editörüm. Bunun iyi yanı, zaten faydalı olacak önceden yüklenmiş birkaç uzantıyla birlikte gelmesidir, ancak günümüzde en popüler editörlerden biri haline geldiği için istediğiniz kadar yükleyebilirsiniz. Evet, bazen biraz yavaş olabilir, ancak yükseltmeler performans açısından giderek daha iyi hale geliyor.
• Visual Studio Code: Microsoft'un şaşırtıcı derecede iyi çalışan ve açık kaynak kodlu en son düzenleyicisi. Hedef kitlesi benzer olduğu için şu anda Atom'un en doğrudan rakibi. Atom'u denediyseniz ve beğenmediyseniz, bunu tavsiye ederim, çünkü kıskanılacak bir şey yok ve mevcut uzantıların sayısı benzer.
• PHPStorm: Eclipse gibi entegre bir geliştirme ortamına (IDE) ihtiyacınız varsa, şüphesiz en çok beğeneceğiniz seçenek PHPStorm olacaktır. WordPress ve diğer PHP çerçeveleri için geliştirme desteği işlevlerine sahiptir. Çok güçlü, ama benim zevkime göre biraz ağır ve eski moda bir kullanıcı arayüzüne sahip. Bu yüzden birçok geliştirici profili için ilginç bir seçenek olduğunu düşünmeme rağmen uzun zaman önce kullanmayı bıraktım.

VIM, SublimeText, PHPStorm, Atom,… en sevdiğinizi seçin ve hepsi bu. Belirttiğim gibi, şu anda Atom kullanıyorum. Bir WordPress geliştiricisi olarak işimi kolaylaştıran bu editör ve eklentilerinden oldukça memnunum. Yine de, Microsoft'a ait olsa bile harika görünen Visual Studio Code'u denemek için sabırsızlanıyorum.

Sürüm Kontrol Araçları

Kodu geliştirdikten sonra, ihtiyacınız olan şey onu kaybetmemektir. Bunun için Git ve Subversion gibi sürüm kontrol araçlarına sahipsiniz. Ayrıca ekip olarak da çalışıyorsanız, herkesin çalışmasını koordine etmeniz, kodları birleştirmeniz ve bazılarının birbirlerinin değişikliklerini ezmesini önlemeniz daha da gerekli olacaktır. Her iki araç da komut satırından kullanılır, ancak terminale alerjiniz varsa, Mac'iniz için bazı grafik arabirim alternatiflerini burada bulabilirsiniz. Doğrudan terminali kullanıyoruz, ancak bunlardan birini yararlı bulacağınızdan eminim:

• SourceTree: Bitbucket yaratıcılarından Mac ve Windows için Git istemcisi. Terminali kullanmayı zor buluyorsanız, buradan Git ile sorunsuz çalışabilirsiniz. Bir süredir kullanıyordum, ancak terminali daha hızlı kullanıyorum, bu yüzden bıraktım.
• GitHub Desktop: GitHub hesabınızla bağlantı kurmak için istemci. Kod depolarınızı orada barındırırsanız, bu masaüstü uygulamasından her şeyi kontrol etmenize yardımcı olabilir.
• Tower: Mac ve Windows için oldukça hoş bir arayüze sahip Git istemcisi. Ayrıca diğerleri arasında Bitbucket ve Github ile bütünleşir.
• SmartSVN: Kod farklılıklarını görmek için dosya karşılaştırmasını da içeren çok platformlu Subversion istemcisi.
• Sürümler: Mac için SVN havuzlarınızla çalışmayı kolaylaştıran özel Subversion istemcisi.
• Cornerstone: Yalnızca Mac için Subversion istemcisi. Elbette en gelişmiş özelliklere sahip olan, güzel ve kullanımı kolay bir kullanıcı arayüzü tutuyor.

Bugün Git, Subversion'dan çok daha yaygın, ancak WordPress'te tam olarak böyle değil. Eklenti kodunuzu WordPress'e yüklemek için yine de Subversion kullanmanız gerekecek. Diğer her şey için Bitbucket'te uzaktan ve ücretsiz olarak barındırılan özel Git depolarını kullanıyoruz. Alternatif olarak GitHub'a da sahip olduğunuzu unutmayın.

Localhost'unuzda Çalışacak WordPress Sunucuları

WordPress için geliştirme yapmak için yerel bir WordPress sunucusuna ihtiyacınız olacak. Bu olmadan, hiçbir koşulda önermediğim temalarınızın, eklentilerinizin veya geliştirdiğiniz her şeyin kodunu test edemezsiniz. Günümüzde test WordPress kurulumları ile bir geliştirme ortamı kurmak çok daha kolay. Burada detaylandıracağım birkaç alternatif var:

• Değişen Vagrant Vagrants (VVV): WordPress geliştiricileri için “resmi” seçenek. Önceden Vagrant ve VirtualBox'ın kurulu olması gerekir. Oradan, VVV komut satırından yüklenir, bu nedenle biraz teknik deneyime sahip olmanız gerekir. İşinize yararsa, kullanmak için en iyi ortamdır, ancak bazen nedenini bilmeden bozulur. Ve bunu düzeltmek her zaman kolay değildir. Ek olarak, hem yeni kurulumların yönetimi hem de belirli konfigürasyonların seçimi, terminal üzerinde belirli bir kontrole sahip değilseniz biraz zahmetli hale gelir.
• Yerel: VVV ile aynı şeyi yapar, ancak kurulumu ve yönetimi çok daha kolaydır. WordPress kurulumlarınızla sadece bir arayüz göreceksiniz ve sanal makineler, konfigürasyonlar veya başka bir şey hakkında endişelenmenize gerek kalmayacak. Hosting şirketi Flywheel tarafından geliştirilmiştir, ancak ücretsizdir ve benim için asla başarısız olmadı. Birkaç günde bir VVV hataları almaktan bıkıp Yerel'e geçtim ve çok memnunum.
• MAMP: Apache web sunucusu, MySQL veritabanı ve PHP'yi içeren kurulabilir bir paket. En son sürümler ayrıca Apache yerine NGINX'i seçme olasılığını da içerir. Sunucu yönetimi hakkında çok fazla fikriniz yoksa, her şey tek bir panelden kontrol edildiğinden bu seçenek ilginizi çekebilir. Ancak, daha sonra doğrudan Codex'teki talimatları izleyerek WordPress'inizi sunucuya yüklemeniz gerekecektir.

Şu anda yerel WordPress kurulumlarım için VVV'yi Yerel ile birleştiriyorum. Dürüst olmak gerekirse, kolaylığı ve hızı göz önüne alındığında en çok kullandığım Local.

Tasarım Araçları

Nelio'da tasarım konusunda uzman değiliz, ancak bunun çok önemli bir unsur olduğuna inandığımız açık ve bu yüzden ihtiyaçlarımızı karşılamak için arada sırada elimizden gelenin en iyisini yapıyoruz. İşte bildiğimiz araçların listesi:

• ScreenFlow: bilgisayar ekranınızı kaydetmek ve video düzenlemek için bir araç. Nelio İçeriği için tanıtım videosunu oluşturmamıza yardımcı olduğu için bundan çok memnunuz.
• Inkscape: Mac için de çalışan bir çapraz platform vektör çizim aracı, ancak Mac OS X'e pek iyi uyarlanmadığını söylemeliyim. Onu kullanmaya devam ediyorum çünkü David bana onu nasıl yöneteceğimi üniversite zamanlarımızda öğretmişti. ikisi de Ubuntu kullandı ve ben onu seviyorum. Gerçekten yerel olarak Mac'e getirdiklerinde, bu bir lüks olacak, ama şimdi en azından çalışıyor.
• GIMP: Linux dünyasından gelen ve Mac için de çalışan görüntü işleme programı. Nelio'da resimler, afişler vb. ile çalışmak için çok kullanıyoruz.
• Sketch: gelişmiş vektör çizim aracı. Nelio'da şu anda çok fazla ihtiyacımız olmadığı için hiç kullanmadım, ancak gelecekte denemek için seçenekler listemde var. Bağlantı noktasını sonunda bunun yerel bir Mac sürümüne bırakırlarsa, bunu Inkscape'in yerini alacak bir şey olarak görüyorum.

Biliyorum, herhangi bir Adobe aracı eklemedim (bkz. Photoshop, Lightroom, Premiere…), ancak gerçek şu ki hiçbirini kullanmıyoruz ve kullandığım alternatiflerle birlikte kullanmamıza da gerek kalmadı. önce açıklanmıştır. Bir noktada tasarımda daha fazla uzmanlaşırsak, liste muhtemelen uzayacaktır.

Web geliştiricileri için diğer yardımcı programlar

Yukarıdakilerin hepsine ek olarak, bir WordPress web geliştiricisi olduğunuzda çok faydalı bulduğumuz bir dizi aracı listelemeyi unutmadan makaleyi bitirmek istemiyorum. İşte buradalar:

• Poedit: uluslararasılaşma çok önemlidir. Temalarınızı ve eklentilerinizi çevirmeniz gerekiyorsa, bunu yapmak için mükemmel bir araçtır. Ayrıca Pro sürümü, WordPress temalarını ve eklentilerini destekler.
• Postacı: Hem çağrıların hem de yanıtların doğru olduğunu doğrulamak için çoğu zaman sunuculara HTTP istekleri göndermeniz gerekir. Terminalden wget veya curl kullanabilirsiniz, ancak Postman ile arayüzü sayesinde süreci basitleştirebilirsiniz.
• İletim: Dosyaları uzak bir sunucuya yüklemek veya indirmek için terminalden ftp veya sftp (veya hatta bir gün bahsedeceğim lftp ) kullanma seçeneğiniz vardır. Ancak, giriş şifrelerimi kaydetmek ve daha rahat çalışmak için İletim'i kullanmayı seviyorum. İletim arayüzü bana daha modern görünse de, başka bir seçenek de Filezilla.
• Düğüm/NPM: Nelio'da, Nelio İçerik bulut kodundaki bağımlılıkları yönetmek için bu JavaScript paket yöneticisini kullanıyoruz. Paketleri ve bunların yeni sürümlerini kontrol ederek daha verimli olmayı çok daha kolay hale getirir.
• Gulp/Grunt: Geliştirme sırasında görevleri otomatikleştirmek (dosyaları küçültme, birleştirme vb.) size zaman kazandıran ve hayatınızı kolaylaştıran bir şeydir. Nelio'da eklentilerimizin geliştirilmesiyle ilgili belirli görevleri otomatikleştirmek için gulp ve grunt kullanıyoruz.

Daha fazla yardımcı program bulursak, onları buraya ekleyeceğiz.

Kişisel Sonuçlar

Bugün, ister Mac, ister Linux veya Windows olsun, herhangi bir platformda WordPress (veya genel olarak web) için mükemmel bir geliştirme ortamına sahip olabilirsiniz. Birden fazla platform için birçok program mevcuttur, bu yüzden burada en önemli şey, kendinizi en rahat hissedeceğiniz programları seçmenizdir.

Minimal araçlarla, yani yerel bir WordPress düzenleyicisi ve sunucusuyla, başlamak için fazlasıyla yeterli şeye sahipsiniz. Ancak, daha profesyonel hale geldikçe, araç setinizi daha fazla seçenekle genişleteceksiniz. Önce Nelio A/B Testini ve ardından Nelio İçeriğini geliştirdikçe cephaneliğimiz büyüyor.

Bu listede yer almayan araçlar kullanıyorsanız, lütfen bize bir yorum bırakın, makaleyi güncelleyelim. Bilmeye değer WordPress geliştirme konusunda size yardımcı olacak daha birçok yardımcı program olduğundan eminim. Hepimiz böyle öğreniyoruz.

Unsplash aracılığıyla Mikaela Shannon tarafından öne çıkan görüntü.