İçeriğe Atla
POPÜLER ARAMALAR: reklam, pazarlama, ,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog
Feedburner RSS
Şemsiye


04 Ağustos 2008

Smashing Teması Sorunu ve Çözümü

Etiketler: , , , , , , , , , ,
Kategori Tema, Web, Wordpress | Toplam 682 kez okunmuş | 6 Yorum

Farklı Bir Galeri'de yayınlamış olduğum temalardan Smashing Teması gerçekten çok beğenilmekte. Bunu elbetteki kullanan arkadaşların düşüncelerine dayanarak söylüyorum. Fakat yine kullanan arkadaşlar ısrarla bu temada bir problem olduğunu söylüyorlardı ve bende sanki inadına bulamıyordum söyledikleri sorunu ta ki bugüne kadar. Şimdi size temadaki sorunu ve benim bulduğum çözümü anlatacağım.

Sorun nedir?

Smashing Teması aslında temanın yanmenüsünü kendiniz düzenlemek istediğiniz zaman yani kodları siz yazdığınız zaman sorun çıkarmıyor fakat Wordpress'in Widget'larını kullanınca görünümde hataya sebep oluyor. Örnek olarak size iki resim göstereceğim. Birincisinde temanın yanmenüsünün standart görünümünü ve ikincisinde Widget kullanarak temaya eklemiş olduğum Sayfalar ve Son Yazılar bölümlerini göreceksiniz.
Standart Görünüm
Smashing Teması
Widget kullanıldığında temanın bozuluşu
Smashing Teması

Sorunun kaynağı

Arkadaşlar sorunun kaynağı temanın CSS dosyasındaki (style.css) seçicilerde gizli. Smashing Teması yanmenünün sol tarafında (left sidebar) .Panel{} isimli seçici ile beraber 3 farklı seçici kullanıyor; .PBlue{}, .PYellow{} ve .PPink{}. Bu seçiciler sayesinde yanmenüye eklediğiniz bölümlerin (Son Yazılar, Arşiv vb.) zemini renkleniyor (mavi, sarı ve pembe) ve tema standart görünümüne kavuşuyor.

Widget kullanıldığında ise mecburen functions.php de belirtilen tek seçici kullanılıyor. Seçicinin belirtildiği satır şu şekilde;

'before_widget' => '<div class="Panel">',

Oysa ki olması gereken "Panel PBlue" gibi birleşik bir kullanımdır. Durum böyle olunca Widget kullandığınız zaman yanmenünüzün arkaplanı renklenmiyor ve yukarıda göstermiş olduğum bozuk görüntüyü elde ediyorsunuz.

Çözüm 1

Temanı functions.php dosyasını açın ve sekizinci satırındaki şu kodu;

'before_widget' => '<div class="Panel">'

şununla değiştirin.

'before_widget' => '<div class="Panel PBlue">'

Bu şekilde bir çözümle Widget kullandığınız zaman tüm arkaplan renk düzeni mavi olacaktır. Kodda gördüğünüz PBlue yerine PYellow ve PPink kullanırsanız mavi yerine arkaplanları sarı veya pembe yaparsınız.

Bahsettiğim değişikliğin uygulanmış hali
Smashing Teması

Görmüş olduğunuz gibi bu tam bir çözüm değildir çünkü rengarenk arkaplanlar yerine hepsini ancak tek renk yapabilirsiniz. Buna rağmen Farklı Bir Galeri'deki paketi bu şekilde güncelledim. Hiç yoktan tek renk ama hatasız bir görünüm olsun istedim. Temanın sorunu giderilmiş halini yine tema sayfasından indirebilirsiniz.

Çözüm 2

Ben bu zamana kadar hiç Widget kullanmadım. Her ne kadar işleri kolaylaştırsa da her zaman dediğim gibi kontrolün bende olmasını, yazmış olduğum kodların ekranda çıktısını görmeyi seviyorum. Bu nedenle Widget kullanmak yerine temalarıma kodu direk yazmayı tercih ederim. Siz de bu şekilde yapar ve Widget kullanmak yerine temanın sidebar.php dosyasını açıp kodları oraya yazarsanız hiçbir sorun kalmayacaktır ve farklı renki arkaplanlardan oluşan bir yanmenünüz olacaktır.

Sonuç

Bu sorunu bana bildiren ve sabırla çözümünü bekleyen arkadaşlara gönülden teşekkür ederim.

Yukarıda belirttim ama yine belirteyim. Farklı Bir Galeri'deki tema paketini güncelledim. Şimdi indirirseniz ve illa Widget kullanmak istiyorum derseniz tek renk ve sorunsuz bir temaya sahip olabilirsiniz.






Yorumlar

“Smashing Teması Sorunu ve Çözümü” için 6 Yorum

  • 1 Deniz ATEŞ

    Erhan Bey,
    İlginiz için çok müteşekkirim,en göz alıcı temamı rahatlıkla kullanabilirim artık :)
    Herşey gönlünüzce olsun..
    Muhabbetle…

  • 2 Kerem

    Abi sizin gibi adamlar blog dünyasına lazım.Hiç üşenmeden ayrıntılı olarak öğrenmek isteyenlere anlatmışsın.Tebrikler…

  • 3 Y.Emre GÜZER

    Evet sorunun sadece bende olmadığını biliyordum. Açıklama için teşekkür ederim.

  • 4 Emrah Yumuk

    bu konuda yardımcı olduğunuz için çok teşekkür ederim.

  • 5 Hüseyin EROL

    bende de bu şekilde çıkıyordu ancak style.css’den sadece renkleri değiştirerek kullanmıştım. El elden üstün işte :) Eline sağlık…

  • 6 Benimol

    çok tsk ederim gercekten cok işime yaradı


Yorum Yapın

yakuter.com © 2006-2008 Erhan Yakut. Site tasarım fallendesign.
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.

WordPress Generator Valid XHTML 1.0 Transitional Valid CSS! Clicky Web Analytics

tracker