Opera'nın Hafif Temaları

By Çağlar Yeşilyurt

GiriÅŸ

Opera 12, tema sistemindeki güncellemeler dahil olmak üzere birçok geliştirme içerir. Başlangıç olarak, güncellemelerin kapsamlı olmasından dolayı eski tema ismi yeni tema olarak ad değiştirmiştir. Eski isim İngilizcede "skin" olarak geçerken şimdi "theme" olarak geçiyor ve ikisi de tema olarak kullanılıyor. Artık Opera'nın yeni hafif tema sistemi varsayılan tema olarak yerini aldı ve istenilen özelleştirmelere daha kolay ulaşılmasını sağlıyor. Bu makalede hafif tema sisteminin nasıl işlediğine bakacağız.

Nasıl çalışıyor?

Bu yeni hafif temalar var olan eski tema sistemiyle aynı şekilde çalışıyor: tema bir ZIP dosyasının içinde ve temada kullanmak istediğiniz dosyalar, bir adet persona.ini dosyasıyla birlikte bu ZIP dosyasındalar. .ini dosyası, ZIP dosyasının içeriğinin Opera tarafından bir tema olarak değerlendirilmesini sağlamakta. Opera eğer böyle bir dosya ile karşılaşırsa, örneğin bir bağlantıda böyle bir dosya verilmişse, Opera temayı otomatik olarak yükleyecektir. Yükleme işlemi oldukça basit. Tema işletim sisteminize ait varsayılan temanın üzerine uygulanacaktır.

persona.ini dosyası birkaç bölüm içerir, her bölüm [Options] gibi köşeli parantez ile başlar. Bu bölümlerin her biri temanın özel bir bölümüne ait bilgiler içerir, örneğin arkaplan resmine dair bilgiler vb.... Buradaki temel şey basitliktir - halen eski güçlü tema sistemini kullanarak istediğiniz özelleştirmeleri yapmanız mümkün ancak bugünlerde insanlar temel arabirimi bozmadan daha basit şeyleri değiştirmek istiyorlar. Hafif tema sistemi bu amaç için kullanılmaya oldukça müsaittir ve kolaydır. Opera 12'de sadece arkaplan değiştirmeye, renklendirmeye ve arabirimin ana kısımlarıdana doğrudan resim gösterme imkanlarına izin verilmektedir. Gelecekte daha fazla ayarlama yapılması mümkün olabilir.

Sonraki bölümde bir temayı hazırlayacağız ve nasıl çalıştığını göreceğiz.

Bir örnek üzerinde çalışalım

Temayı denemek için öncelikle Opera 12'yi yükleyin ve Opera temaları sayfasına uğrayın. Bir tane örneğe tıklayın ve tarayıcınızın aşağıdakine benzer şekilde değiştiğini görün:

Opera 12'ye uygulanmış örnek bir Opera teması

Figür 1: Bir Opera teması çalışırken.

Bu tema, önceden kurulmuş diğer temaların da arasında bulunduğu Araçlar > Görünüm kısmında listelenecektir. Bunların arasından seçtiğinizi Opera'ya uygulayabilir veya silebilirsiniz. Görünüm penceresinde belirmesi için temanızı Opera profil dizininizdeki skin klasörüne de yerleştirebilirsiniz. Bu dizin, Mac ve Linux üzerinde [home folder]/Library/Opera ve Windows üzerinde C:\users\[user]\AppData\Roaming\Opera\Opera olarak yer almaktadır.

Üzerinde oynamanız için bir tema hazırladım. Eğer onu ZIP olarak bilgisayarınıza kaydederseniz, içindekileri bir klasöre çıkartın. Tema dosyalarıyla birlikte bir de personas.ini dosyasını bulacaksınız. Bu dosyada aşağıdaki bölümler yer almaktadır:

# This file describes a test persona for the Opera browser. Not meant for redistribution.

Tema hakkında bazı bilgiler vermek için yazılmış bir yorumdur. Ayrı bir satırda bulunduğu ve satır başında bir diyez/hash işareti bulunduğu sürece dosyanın herhangi bir yerine yorum ekleyebilirsiniz.

[Info]
Name                          = The Natural History of Norway
Author                        = Opera Software
Version                       = 1
Preview Image                 =

[Info] bölümü temanın kendi kendini açıkladığı bölümdür. Name; temanızın Görünüm penceresinde, Tema katalogunda vb. yerlerde görünecek ismini gösterir. Author, temayı hazırlayan kişiyi belirtmektedir. Version her zaman 1 olarak ayarlanmalıdır(bunun anlamı "hafif tema sisteminin 1. sürümü"). Preview Image eklenti katalogunda ve benzeri yerlerde kullanılması için temanın bir önizleme görüntüsünü belirtir.

[Options]
Tint Color                = #3e6da9

İsteğe bağlı bir bölümdür. Eğer belirtilmişse Tint Color kısmında belirtilen renk geçerli renklendirmenin yerini alır ve arabirim bu renge boyanır. Arabirim normalde resmin ortalama rengiyle renklendirilir ancak bazı temalar, kurulduğunda, temanın üzerini boyayacaktır.

Tint Color isminin öteki bir ismi daha var. Colorize Color kullanarak de aynı işi yapabilirsiniz ama Tint Colorun daha içgüdüsel olduğunu düşüneceksiniz.

[Window Image]
Type                          = BestFit
Background                = Kraken.jpg
Colorize                      = 0

[Window Image] bölümü tüm tarayıcı penceresinin ayarlarının yapıldığı bölümdür Type'ın BestFit olarak ayarlanması arkaplan resminin yapılabilecek en iyi şekilde ekrana oturtulması anlamına geliyor. BestFit'e ek olarak BoxTile adında başka bir değer bulunmakta. Bu değer ise resmi ekrana döşemektedir. Background satırı arkaplan resmi olarak kullanmak istediğiniz resmin yolunu gösterir. Geriye kalan arabirimin, arkaplan resmindeki ortalama renk ile renklendirilmesini istemiyorsanız Colorize = 0 olarak ayarlayın. Boyama yapılmasını istiyorsanız değerini 1 olarak ayarlayın.

[Clear elements]
Speed Dial Widget Blank Skin  = 1
Speed Dial Widget Skin        = 1
Window Skin                   = 1
Document Window Skin          = 1

Tüm bu değerleri 1 olarak ayarlamak arkaplan resminin hızlı erişimi içinde de görüntülenmesine sebep olacaktır. Eğer arkaplan resmi yoksa yada 0 olarak ayarlanmışsa bu gerçekleşmeyecek.

İleride ek ayarlar ekleyebilmemize rağmen şimdilik hafif temalar ile yapabilecekleriniz bundan fazlası değil. Bunun kısıtlayıcı bir cümle olduğunu düşünebilirsiniz ancak bu kasti bir şey. Temalar küçük değişiklikler için. Tüm tema sistemini kullanarak halen başka temalar hazırlayabilirsiniz. Fakat hafif tema sistemi bir şeyler yazmak ve uygulamak için oldukça kolay.

Bir temayı kurmak ve paylaşmak

Temanızı bitirdiğinizde, diğer insanlara çalışmanızı ulaştırmayı isteyeceksiniz. En iyi yol tema depomuza hazırladığınız temayı göndermeniz. Bunun için Opera eklenti yükleme sayfasını kullanın. Temanızı göndermek için bir tane ücretsiz my.opera kullanıcı hesabına ihtiyacınız olacaktır. Bu şekilde temanızı paylaşmanız, diğer insanların onu kolayca bulmasını sağlayacaktır. Ayıca ekibimiz temanızı yayına almadan önce hatalara karşı kontrol edecektir.

Eğer kendi sunucunuzu kullanmak isterseniz, dosyayı doğru mime tipi ile sunmanız gerekecektir. Diğer türlü tema otomatik yüklenmeyecektir. Bunu sağlamak için (Apache-tabanlı bir sunucu için, diğer sunucular için aynı işe yarayan benzer kodlar gereklidir) aynı klasördeki .htaccess dosyasının içine, aşağıdaki kodu ekleyin:

<files *.zip>
  ForceType application/x-opera-configuration-skin
</files>

Sonuç

Opera'nın hafif temaları üzerinde yaptığımız çalışmaları yararlı bulduğunuzu umut ediyorum. Ne düşündüğünüzü bizimle paylaşmak ister misiniz!

An enthusiastic about new web technologies.
Web Developer at Opera Turkey | http://www.operaturkiye.net
W3C Web Education Turkish Project Coordinator
Technical Blog | http://www.zettlina.com
Twitter @hcneerg


This article is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported license.

Comments

  • photo

    Mehmet Babul

    Monday, December 10, 2012

    Teşekkürler çağlar bey. Operayı çok seviyorum ve bende kendi temalarımı operaya yüklemek istiyorum. Umarım verdiğiniz bilgiler yardımcı olur.
No new comments accepted.