Category

Wordpress

Category

Yakın zamanda yaptığımız bir websitesinde iletişim ve diğer formlar için Contact Form eklentisini kullanmamız istendi. Ancak bu eklentiyi kullanırken “Failed to send your message. Please try again later or contact the administrator with another method.” (İletinizi gönderme başarısız oldu. Lütfen daha sonra tekrar deneyin ya da yönetici ile başka bir yöntemle iletişime geçin.) şeklinde bir hata ile karşılaştık. Biraz araştırma yaptıktan sonra sorunun Wordpress’in SMTP ayarlarından kaynaklandığının farkına vardık. Bu da hosting firmamızın mail fonksiyonlarını kapatmasından kaynaklanıyor. Kapatılmadığı taktirde ciddi bir spam mail tehlikesi ile karşı karşı kaldığımız için otomatik olarak kapalı olarak geliyor ve biz bu ayarları yapılandırarak artık özel olarak kullanabilir hale geliyoruz. SMTP açılım olarak Simple Mail Transfer Protocol (Basit Posta Aktarım Protokolü) demektir. Yani sizin gönderdiğiniz…

Yakın zamanda yaptığım siteyi hızlandırma ve optimizasyon çalışmalarının faydasını görmeye başladım. Yaptığım çalışmalar neticesinde – sunucu süresi dışında – olabilecek maksimum hıza ulaştığımı söyleyebilirim. Bir kaç yazıda bana sıkıntı çıkartan hız problemlerinin önüne nasıl geçtiğimi anlatacağım. Bu yazımızın konusu ise Pagespeed değerimizi oldukça olumsuz etkileyen <link> olarak çağırdığımız Google Fonts sorununu nasıl çözebiliriz? Google Fonts’a girerek bir font seçtiğiniz zaman onu sizden <link> şeklinde eklemenizi tavsiye ediyor, aynen şu şekilde: <link href=”https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&amp;subset=latin-ext” rel=”stylesheet”> Ama siz bu şekilde bir ekleme yaptığınız zaman Pagespeed size aşağıdaki uyarıyı veriyor ve hızınızı %10 civarında etkileyen bir azalış gösteriyor. Peki bu sorunu nasıl çözebiliriz? Bazı linklerimizi alıp footer’a taşısak bile Google Fonts sorunu o şekilde çözülemiyor malesef. Bunun için küçük bir javascript kodu yazmamız lazım.…

Wordpress alt yapılı bir siteniz varsa geliştirirken takıldığınız noktalardan birisinin de <head> etiketleri arasında yer alan javascript dosyalarının otomatik olarak footer’a taşınmamasıdır. Malesef bunu elinizle yapmanız gerekiyor. Bu noktada devreye Wordpress tarafından geliştirilmiş ve çok güzel şekilde çalışan bir fonksiyon giriyor. wp_enqueue_scripts() fonksiyonu içerisine girdiğiniz dosyaları otomatik olarak footer’a taşıma işlemini yapıyor. Ben bunu kendi kullandığım yöntem ile anlatacağım. Öncelikle bir fonksiyon oluşturarak içerisine bazı veriler girmem gerekiyor. Bu veriler ilk olarak daha önceden tanımlı bir dosya için geçerliyse onu iptal etmek ve yeniden footer’da gösterilmek üzere tanıtmak oluyor. Functions.php dosyamızı açarak aşağıdaki gibi kodlarımızı giriyoruz. https://gist.github.com/316c7c74623c458df3338bcb7def4d88 Bu kodu kullanarak Wordpress tarafından default olarak gelen ve eklentilerden kaynaklanan javascript dosyalarınızı footer’a taşıyabilirsiniz. Burda kullandığımız wp_register_script() fonksiyonu içerisine 5 parametre alır.…

Wordpress ile çalışırken karşılaşılan sorunlardan birisi the_excerpt() fonksiyonunda sadece yazı olan içerikleri alması ile birlikte içerik içerisindeki tüm yazısal özellikleri (kalın, eğik yazı vs.) kaldırıp düz yazı haline gelmesi ve the_content() fonksiyonunda ise tüm içeriği ekrana bastırmasıdır. Bunun için çeşitli çözümler mevcut. Mesela the_excerpt() fonksiyonunu istediğiniz kelime veya harf kadar kısaltarak ekrana bastırabiliyorsunuz. Ama eğer istediğiniz şey bu değil de the_content() fonksiyonu ile görseller dahil tüm içerikleri çekip ekrana düzenli bir şekilde bastırmak ise bunun için kullandığım kodu kullanabilirsiniz. Kod tam olarak sizin içeriğinizi </p> taglarına bölüyor ve ondan önceki içeriği alıyor ve sizin kullanımınız için bunu bir diziye atıyor. Siz de istediğiniz yerde istediğiniz şekilde kullanbiliyorsunuz. https://gist.github.com/4bf54b3d146671dab7a5b41da86685a1 the_content() fonksiyonu yerine icerik_paragraflama() fonksiyonunu kullanırsanız artık sadece içeriğinizdeki ilk paragraf ekrana…

Merhaba, yine yaklaşık 20 günlük bir aranın sonunda yazıyorum. Farketmişsinizdir, bu yazımı farklı bir tema üzerinden okuyorsunuz şu an. Uzun zamandır severek kullandığım “Independent Publisher” temasını kaldırarak yerine kendi kodladığım, daha minimal ve hoş görünümlü olduğunu düşündüğüm temamı aktif ettim. Tasarımlar olarak hugogiraudel.com sitesinin tasarımını kullandım. Tasarım çok hoşuma gitti ve Wordpress temasını aradım ama bulamadım. Ben de bu yüzden sıfırdan ve kendimce istediğim yerinde oynayabileceğim bir tema çıkartmak istedim ve ortaya bu tema çıktı. Temayı yaparken sade olmasını istedim ve ne kadar fazlalık varsa kaldırdım. Yazıyı ve kategolerimi ön plana çıkartmaya çalıştım. Görsel olarak ortaya bu şekilde bir şey çıktı – ama geliştirmeye devam ediyorum – Arkaplanda ise daha önce hiç yapmadığım kullanımlar yaptım ve siteyi hem hız yönünden…

Yaptığım bir iş için lazım oldu ve ben de bu soruna bir çözüm bulma arayışına girdim. Bir resim galerisi sistemi yapıyorduk ve bunun için tüm kategorileri anasayfada gösterip, o kategorilerde yer alan ilk gönderinin resmini de bu kategori için göstermemiz gerekiyordu. Aslında mantığımız basit. Tüm kategorileri çekip bunları bir döngü içerisine alıyoruz ve gönderileri ekrana bastırıyoruz. Kodumuz şu şekilde: https://gist.github.com/54aa8eab5fa6f32cca6c58203ade806b Bu kategoriler arasından gösterilmesini istemediğiniz kategorileri kaldırmak için kodu aşağıdaki şekilde düzenlemeniz yeterli olacaktır. (Yukardaki kodun alt tarafından ulaşabilirsiniz.) İşlem bu kadar. Bu kodları döngünüz içerisine eklediğiniz zaman sitenizde yer alan tüm kategorileri, ilk gönderinin görseliyle birlikte ekrana bastıracaktır. Herhangi bir sorun olursa yorum olarak belirtin, yardımcı olmaya çalışacağım. Umarım yardımcı olmuştur.

Wordpress’te resmi kırparak boyutlandırma işlemini yapabilmek için çok uğraştım, araştırdım, denedim ve sonunda buldum. Bu yazıyı yazarak aynı sorunu yaşayanların acılarını dindirmek istiyorum. Timthumb, Vt_resize, AQ Resize gibi eklenti olmayan ama benim pek randıman alamadığım kütüphaneleri de kullanabilirsiniz ancak Wordpress’in kendi özelliğini kullanmak yerine bunları tercih edeceğinizi düşünmüyorum. Website optimizasyonu için resimler oldukça önemli yer kaplıyor. Google Pagespeed üzerinden sitenizin hız kontrolünü yaptığınız zaman resim sıkıştırma ve boyutlandırma için çok büyük yüzdelik kısım ayrılıyor. Üzerinde çalıştığım bir proje için ihtiyaç duyduğum resim boyutlandırma işleminin nasıl olduğunu size açıklamaya çalışacağım. Kodun temelinde Wordpress’in 3.5.0 sürümünde eklenen WP_Image_Editor sınıfı yer alıyor. Bu sınıf yardımıyla oluşturacağımız kod ile öne çıkarılan görselimizi alıp, tekrar boyutlandırma işleminin ardından – istersek farklı bir isimle bile olabilecek…

Geliştirmekte olduğunuz projelerde dış görünüş için font en önemli etkenlerden biridir. Eğer Türkçe içerik barındıracak bir proje geliştiriyorsanız kullanacağınız fontun Türkçe karakterleri desteklemesi önemlidir. Tema kodlarken kullandığım fontları genelde Google Fonts üzerinden çekiyorum ve bu bazı Türkçe karakter sorunlarına yol açıyor. Bu sorunu ortadan kaldırmak çok kolay ama öncelikle ekleyeceğiniz fontun içerisinde Türkçe karakter desteği olması lazım. Aksi taktirde, doğal olarak desteklemeyecektir. Evet çözüme gelelim. Fontu seçtikten sonra “Choose the character sets you want” seçeneğinin içerisinde yer alan Latin Extended (latin-ext) checkbox’ını seçili hale getirdikten sonra kodunuzu sayfaya dahil etmeniz gerekiyor. Bu kadardı. Çok basit bir işlem ve hayat kurtatıyor.