WordCamp Berlin 2015, “Ich bin Ein WordPresser”
Depremler, orman yangınları ve diğer doğal afetler hariç, pek fazla şey yapmamı Cumartesi sabahı sabah 7’de uyanmamı sağladı. Ancak, iki hafta önce yataktan atlamayı sevdim. Neden? Niye? Üç kelime: Wordcamp Berlin 2015. Bugün, Avrupa’nın her yerinden insanlar kampın gerçekleştiği Berlin Mühendislik Üniversitesi’nde toplanıyor. Çok mutluyum çünkü bu benim ilk WordCamp. Bilet birkaç hafta önce satıldı ve yayınladıkları ek partiden alacak kadar şanslıydım. Eğer yapamazsan endişelenme. İkimiz için yeterince not aldım. Yani, Wordcamp Berlin’in ne olduğunu bilmek istiyorsanız, okumaya devam edin.
Almanca konuşmanın çoğunun (birkaç İngiliz oturumu var). Tüm çeviriler benim. WordCamp Berlin organizasyonunun gelişi ve tanıtımı en iyi Alman verimliliğidir. Var ve tamamlanmış sorunsuz gitti ve tüm personel her şeyi çalıştırmak için çok iyi bir iş yaptı. Tanınması da hızlı ve konuya. Açılış konuşması yok, doğrudan ilk seansa gitmeden önce beklendiğin genel bir resim. Yuva 1: Web Sitesi Tasarım Durumu İlk yuva için, “Baştan Kendi Temanızı Oluştur” ve “Web Sitesi Tasarım Koşulları” arasında karar vermekte zorluk çekiyorum.
WordPress web tasarım trendi bu yıl gerçekten dikkat ettiğim bir şey olduğu için sonuna karar verdim. Dersler, Köln’den bir web tasarımcısı olan Philipp Roth tarafından İngilizce olarak verilmiştir. Mevcut web tasarımı manzarasının ve mevcut durumundan kaynaklanan sonuçlardan bahsediyor. Bütçe eksikliği, söylediği ilk şeylerden birini markalamanın eksikliğine neden olur, birçok müşterinin şu anda paraması yoktur veya web sitelerinde para harcamak istememiştir. Bu trendin sonuçlarından biri, daha önce hiç düşünmediğim birçok genel web sitesinin ortaya çıkmasıdır.
Kaynak: Philipp Roth Dışarıdan oldukça komik olsa da, markalaşma için ciddi sonuçları var. Bunu bir düşün. Her site aynı göründüğünde, kendinizi rakiplerden nasıl ayırırsınız? Bu, gelecekteki müşteri projeleri için hatırlanması gereken önemli bir sorundur ve “tam olarak ne istediklerini bilen” müşterileri yapmak için iyi bir nokta olabilir. Performans, bir web tasarımının bir parçası, artık mobil cihazlardan daha fazla web trafiğinin geldiği bir sır değil.
Yazı tipi sayısını azaltın
Yüzen varlıklar eşzamansız
Komut dosyasını azaltın ve sayfanın sonuna yerleştirin
Önbellek ve GZIP sıkıştırma kullanın
İçerik Dağıtım Ağını (Yerel) kullanın
Birkaç yazı tipi kullanmanın yanı sıra hücresel kullanımını vurgulayın, hücresel kullanım için bir diğer önemli husus, sitenizdeki yazı tiplerinin tüm cihazlarda açıkça okunmasını sağlamaktır. Kullanıcıların ek yükleme süresini önlemek için tıklamak yerine kaydırmayı tercih ettikleri ortaya çıkıyor. Bu nedenle, Sitenin başka bir bölümüne göndermek yerine aynı sayfada mümkün olduğunca önemli bilgileri iletmek için iyi bir fikir.
Kaynak: Philipp Roth Ayrıca, mobil kullanıcılar kendi özel ihtiyaçları olan bir hedef grup olarak düşünülmelidir. Örneğin, seyahat ederken mağaza web sitesini kontrol eden biri, en son tekliflerden daha fazla konumuna gideceğinizle daha fazla ilgilenebilir. Siteyi tersine çevirmek anlamına gelse bile, tasarım sırasında bu değişen öncelik dikkate alınmalıdır. Farklı kullanıcılara ayarlanan bir site için iyi bir örnek Airbnb’dir. Masaüstü sürümünde bulunan birçok öğe hücreselde bulunamaz. Kullanıcı Etkileşimini Artırın Web Tasarımı Her Zaman Önce İçerikle Başlamalıdır, Bu İçeriğin Nasıl Teslim edildiğini Düşünmek kadar önemlidir. Site etkileşimi için kullanıcılara biraz animasyonlu bir hediye vererek, web sitesinin gezinmesini eğlenceli bir yolculuğa dönüştürebilirsiniz. Aynı zamanda, hareketli tasarım öğeleri şeylerden kurtulmak ve navigasyonu artırmak için de kullanılabilir. Son bir ipucu: Sitenizdeki bir düğme kullanırken, yalnızca bir simge ile imzalamadığınızdan emin olun. İnsanlar önce metin arıyor. Ancak, simgeler destekçi olarak işlev görebilir. Bu konuşma için bir slayt bulabilirsiniz. Yuva 2: Sanal olmayan, geliştiriciler ve sıradan insanlar için web tasarımının temelleri öncelikle, bu dersler için en iyi başlıklardan biri olmalı, değil mi? İçinde Daniela Wibbeke, modern web tasarımı için tasarımın ana temellerini koydu.
Bu ders, önceki oturumun temasını yakalamak için çok fazla, aslında zevk aldığım yeterli. Modern web tasarımı ilkesi sanattan farklıdır, tasarım sadece iyi görünmeyi amaçlamakla kalmaz. Tasarım işlevseldir ve her zaman bir amacı vardır. Web sitesinde, bu amaç bilgileri eğlenceli bir şekilde ayarlamaktır. Bunu yapmak için, web tasarımının odaklanması gerekir: olumlu bir kullanıcı deneyimi yaratmak Sabit ve hızlı içeriğin kullanılabilirliği
İçeriği farklı kullanıcı durumlarına göre ayarlayın (örneğin duyarlı tasarım)
Bu nedenle, iyi bir web tasarımının özellikleri:
Semantik kodu
Hızlı Yükleme Süresi
Yüksek estetik ve kullanım
Tanınabilir
Bazı ilkeler bunu başarmaya yardımcı olur. Netlik ve sadelik hiç kimse kalabalık web sitelerini sevmez. Eğlenceli içerik tüketimi yapmak ve kullanıcılara odaklanmak için basit ve net yapılar çok önemlidir. Sitenin her unsuru bir nedenden dolayı var olmalı ve kendi amacı vardır. Ziyaretçileri ve kullanıcıları kafa karıştırıcı olmaktan kaçınmak için açık hiyerarşi ve görsel birlik mevcut olmalıdır. Beyaz alan Birçok nedenden dolayı birçok müşteri beyaz alanlardan nefret eder ve genellikle öğelerin birbirine çok yakın olmasını ister.
Bununla birlikte, bazen adı verilen beyaz boşluk veya “negatif alan” bir web tasarımının önemli bir parçasıdır. Bu, web içeriği için nefes alma alanı sağlar, öğeleri ön arka plana getirir, aralarında net ilişkiler oluşturur ve kullanıcının odağına rehberlik eder. İşyerinde bu prensibin iyi bir örneği orta. Hizalama ve Izgara Bir web tasarımının üçüncü prensibi, birbirine göre düzenlenmiş öğelerin yöntemidir. Izgarayı takip etmek, öğeleri doğru bir şekilde derlemeye ve uyumlu hale getirmeye yardımcı olur ve sitenin yönünü ve genel tanımını sağlamaya yardımcı olur. Çok statik bir kafes için bir örnek, Polyera web sitesidir, Ableton ana sayfası daha az siparişle nasıl daha ilginç hale getirileceğini gösterir. Rengimin size markanın en önemli kısımlarından biri olduğunu söylemesi gerekmeyebilir. Renk Can: Bir Atmosfer Oluştur
Markayı tanımasını kolaylaştırın
Duygular Üretmek
Vurgulamak
Web tasarımı bir istisna değildir. Renk açısından, Daniela sayıyı iki veya üçle (basitlik, hatırla?) Sınırlamayı ve bir renk şemasıyla çalışmayı önerdi. Örnek olarak:
Tamamlayıcı renkler – Güçlü kontrastlı bir tasarım. Örnek: Ana renk olarak turuncu ve mavi renklere sahip jetBlue.
Monokrom – Birçok doygunluk ve parlaklık varyasyonuna sahip sadece bir temel renk. Örnek: Fanta Almanya (Portakal’ın ana rengi, duh!).
İşte kendi renk şemanızı nasıl yapacağınıza dair bazı ipuçları:
Tamamlayıcı bir renk bulmak için renk tekerleğini kullanın ve sonra oradan hissi belirleyin.
Renk şeması tasarımcıları, Adobe Color CC (daha önce Kuller) veya Google Malzeme Tasarım Yönergeleri gibi renk araçlarını kullanın.
Tipografi tabii ki, yazı tiplerinin kullanımı modern web tasarımının önemli bir parçasıdır.Aslında, tasarımcı Oliver Reichentein, web tasarımının%95 tipografi olduğunu belirtti.Yazı tipleri ve harf türleri tasarlamak için bazı yönergeler: Asla ikiden fazla yazı tipi kullanmayın
Görsel hiyerarşiye ulaşmak için tipografik bir hiyerarşi kullanın
Yazı tipi boyutu 14-16 piksel olmalıdır
H1 başlığı normal metnin yaklaşık% 180-200’ü
% 130 ile% 150 arasındaki diğer direkler
Yazı tipi boyutunun% 30-40’ını satır yüksekliği yapın
Çizginin uzunluğu satır başına 70-90 karakter civarındadır
Teknik bilgiler için basit bir yazı tipi kullanın
Gazeteler ve diğer editoryal içerik için Serif yazı tipi
Web tipografisi için yararlı olan araçlar dahi türü ve Google yazı tipleridir.Slideshare’de (Almanca) bu sohbetten bir slayt bulabilirsiniz.
Slot 3: Tasarımcılar için sahte gibi proje yöneticileri ve bir sonraki konuşma bu kamptan kişisel favorim. Ben yalnız değilim. Automattic’li Sara Rosso, serbest çalışanlar ve solo işçiler için proje yönetimi ilkelerinin nasıl kullanılacağı hakkında konuştuğunda, oda kalabalıktı. Paylaşması gereken şey bu. Proje Yönetimi İlkesi Temel “Proje Yönetimi son tarihte problem çözme.” – Sara Rosso WordPress topluluğunun birçok geliştirme yeteneği var. Bununla birlikte, geliştirme becerilerinin elde edilmesi bazen zordur. Bunu değiştirme zamanı. Her proje kapsam, program ve maliyetten oluşur. Bu, proje yönetimi üçgeni olarak da adlandırılan bir açı oluşturur. Çünkü serbest çalışan maliyetleri için bireye bağlı olarak, görüşmeler esas olarak ilk iki bileşene odaklanmıştır. Kapsam kapsamının kapsamı ne yapılması ve nasıl yapılması gerektiğidir? Projenin kapsamı, arkasındaki iş nedenleriyle belirlenir. Sara, neyi başarmak istediğiniz konusunda istifa etmenize ve netlik kazanmanıza izin veren bir dizi soru sorar: Ne biliyorum?
Ne bilmiyorum?
Umutlarımız/müşterilerimiz nelerdir?
Ne yapmayı beklemiyoruz?
Gerçekten soruyor muyum yoksa mu soruyor muyum?
Program, teslim edilmesi gereken proje sonuçlarının zamanı ve sırası ile ilgilidir. Genellikle, bu müşteri tarafından belirlenir. Değilse, Automattic’te genellikle “Sadece tarihi seçin!” Bir şeyin ne kadar süreceğini tam olarak bilmeseniz bile, keyfi bir tarih belirlemek, son noktadan geriye doğru çalışmanızı sağlar. Oradan, her şey kritik yolu bulmakla ilgilidir. Bu, en azından tüm projeler tarafından alınacak ve genel zaman çerçevesini belirleyecek en uzun yoldur. Kritik yolu belirlemek için, daha büyük bileşenleri daha küçük, gerçek haline getirmek ve elde edilebilmek ve birbirlerine nasıl bağlı olduklarını öğrenmek önemlidir. Bu, diğerleri başlamadan önce hangi görevlerin yapılması gerektiğini görmek anlamına gelir. Buna ek olarak, kritik yola tam olarak nerede katkıda bulunduğunuzu bulmayı ve tahmin verirken her zaman dolgu alanından ayrılmayı önerdi. Diğer önemli noktalar engelleme ile yönetimdir – kilitlendiğinizde, bir adım geri dönün ve sizi tam olarak neyin önlediğini görün. Bilgi eksikliği mi? Geri bildirim eksikliği? Bu soruyu kendinize sormak, kendinizi daha hızlı engellemenize yardımcı olacaktır.
İletişim – “İletişim oksijendir.” Müşteriler ve projeye katılan diğerleri ile düzenli değişim, bağlantılı kalmak ve umudu yönetmek için önemlidir. Ayrıca, her zaman aynı sayfada olmanız için tarih, anlaşma ve diğerleri için onay alın.
Aşamada çalışmak – beklentileri yönetmenin bir başka önemli yolu, başarı ve görev üzerinde daha yüksek önceliklerle anlaşmaktır. “Altın kaplamadan” kaçının – ki bu gerçekten gerekli olmayan ancak sahip olması iyi olan özellikler eklemektir. Yaptığınız şey için iş nedenlerini daima bilin.
Her şeyi belgeleyin ve paylaşın – Müşterinin özetlenmesini ve diğerlerini yazın ve gönderin. Ayrıca ekipte risk planlaması için de önemlidir. Bu, tüm önemli bilgileri bilen tek kişi olmanızı önler.
Kaynakların tahsisini öğrenin – Kaliteyi düşürmeden kaç müşteri alabileceğinizi öğrenin. Başkalarını ne zaman işe alacağınızı bilin.
Yuva 4: Bir olay çerçevesi ile bir tema nasıl geliştirilir, Genesis çerçevesinin büyük bir hayranı olduğum büyük bir sır değil. Bu nedenle, bu konuyla ilgili bir oturuma katılmaya hevesliyim. Ancak, yeni başlayanlar için çok amaçlandığı ortaya çıkıyor ve Genesis için yeni başlayan rehberde derlemediğim çok şey öğrenmiyorum. Sorun değil, o zaman catering gelmişti ve bir sonraki seansa gitmeden önce yüzümü doldurmaya ve diğer birkaç kelime basıncıyla konuşmaya hazırdım. Yuva 5: T&J WordPress Sıradaki benim için IS ve WordPress topluluğunun üyeleri arasında bir tartışma forumu açar. Dominic Schilling ve Pascal Bichler ile, topluluk üyelerinden gelen soruları cevaplamaya hazır iki temel WordPress üreticimiz var. Konular şunları içerir:
WP API ve geriye dönük uyumluluk
WP-Config.php dosyalarının daha iyi belgeleri ve daha kolay yapılandırması
WordPress’i daha yüksek bir minimum PHP sürümüne taşımak (şu anda çok fazla siteye zarar verecek; Automattic, bir barındırma şirketiyle geçiş yapmak için konuşuyor; Almanya için benzer bir sosyal yardım ekibi oluşturma fikri var) Dil paketlerinin WP’ye aktarılmasının arkasında kararlar var. -Concent klasörü (eklenti güncellemelerinden yenileme daha kolay çeviri)
WP-Admin’de kodu temizleme (bazıları WordPress 4.4’te başladı)
Kaç topluluk masaya götürüldüğünü ve kaç katılımcının WordPress’i bir bütün olarak geliştirmeye aktif olarak katılmaya çalıştığını görmek çok güzel. Yuva 6: Lightning Tartışması – Soru ve Cevap Oturumunun teması Lightning Talk temasıyla devam etti. Bazı konuşmacılar, yakında tartışılacağım çeşitli konuların kısa bir sunumunu yaptı. SCSS ile Sihirli Hileler Friedhelm Oja, CSS yazmak için Sass (şaşkınlıkla harika stil sayfaları) ile çalışmanın avantajı hakkında konuşuyor. Daha önce birçok harika WordPress geliştirme araçlarından biri olarak bahsetmiştim. Bu uzatma dili, stil sayfalarını derlerken $ MainColor gibi değişkenlerin kullanılmasına izin verir, böylece arama ve değiştirme kullanmak yerine tüm ajansları aynı anda değiştirebilirsiniz. Bu aynı zamanda NESAL, farklı dosyalardan ve karışımlardan CSS’yi içe aktarmaya izin verir. Kullanmak için bir praprocessor’a (koala veya pusula gibi) ihtiyacınız var. WordPress SCSS derleyici eklentisi de mevcuttur. WordPress Meetup Milano’nun organizatörü Dennis Ploetner’ın temasının ve eklentisinin uluslararasılaşması ve yerelleştirilmesi, temalar yapmak için en önemli işlevlerin genel bir resmini sunar (I18N ve L10N) ve nasıl kullanılacağı. Bu konuda daha fazla bilgi edinmek için WordPress CodeKs’ı kontrol edebilirsiniz. Şablon hiyerarşisi son yıldırım vaazı olan Daniel Dziamski, WordPress şablonu hiyerarşisine daha yakın görünüyordu. Sürüm 4.3 ve 4.4, hiyerarşide singular.php (yazı türü dışında tek bir yazı için) ve özel posta türü şablonu gibi çeşitli değişiklikler görmüştür. Yuva 7:
Bundan sonra tema kancası, tema kancası ve şablon arasındaki farkı ve nasıl kullanılacağını açıklayan Monika Thon-Soun’u dinledim.Bu arada, bir kez daha, birkaç yeni başlayan konu, tema kancalarının standartlaştırılması ve kanonik yapılması gerekip gerekmediği gibi ilginç bir soru sordu.Yuva 8:
Daha İyi Arama – Son oturumun zamanı geldi. Frank Staude’nin mutlak geliştiriciler – navigasyon hakkında konuşmasını dinlemeye karar verdim. Ebay veya Amazon’da bir şey satın aldıysanız, isim sizin için yeni olmasına rağmen navigasyonun ne olduğunu zaten biliyorsunuzdur. Fasets, birbiriyle ilişkisi olmayan, ancak bu sitede ve diğer sitelerde büyük miktarda veri depolamak için kullanılabilen bir nesnenin farklı özelliklerini tanımlar. Bazı çabalarla, WordPress’te de aynı şey mümkündür. Bu konuyla ilgileniyorsanız, Elasticsearch (birkaç ana bilgisayarda mevcut) ve fantastik Elasticsearch eklentisine bakmanızı öneririm. Söylemem gereken kapanış kelimesi, ilk WordCamp’ımın ne kadar hızlı geçtiğine şaşırdım. Çalıntı mallarla eve gitmek, ücretsiz kahvenin tadını çıkarmak ve çok ilham almak için çok hızlı. Çok iyi vaktim var. Takım sadece bunu yönetmek için çok iyi bir iş çıkarmakla kalmadı, aynı zamanda konuşmacıdan da çok şey öğrendim ve birçok yeni fikir bıraktım. WordPress topluluğundan insanlarla gerçek hayatta tanışmak da çok havalı, bir blog yazarı ve pazarlama görevlisi olarak bunu çok sık yapmıyorum. Daha çok sevdiğim şey, birçok kişi tarafından WordPress platformunu daha iyi hale getirmek için ne kadar coşku ve enerjinin yatırım yaptığıdır, bu da soru ve cevap sırasında en açık şekilde görülen bir şey. Bu, büyük ve hayatın bir parçası olmak için çok iyi bir duygu. Kısacası, bir sonraki WordCamp’ım yakında hazır olacak. Seni orada görmeyi umuyorum.
