Jumla için Beez 20 şablonları. Joomla'da farklı sayfalar için farklı şablonları yapılandırın

Belirli bir şablonun tartışılmasından önce, şablonun Joomla'da olduğunu anlamaya çalışalım. Çoğu kullanıcıyı anlamada, şablon sitenizin sayfalarının harici kaydından sorumludur. Ancak, şablon sadece tasarım değil.

Ayrıca, veri yerleşimini, çeşitli veri modüllerini göstermenin yöntemlerini, yöntemlerini ve aralıklarını tanımlayan mekanizmalar da içerir. dil parametreleri vb.
İÇİNDE Önceki sürümler Joomla, Beez ana şablonunu kullandı. İÇİNDE son sürümler Temelinde inşa edilen şablonlar (Beez5, Beez_20), bununla karşılaştırıldığında önemli değişiklikler yapmıştır. Beez şablon geliştiricileri oluşturmak, herhangi bir site sahibine ihtiyacım var için mümkün olan seçeneklere yatırım yapmıştır. Kaynak Şablon kolayca değiştirilebilir. Cascade tarzı masalarda değişiklikler kolayca kesinlikle yaratılmasına izin verildi yeni şablon Önemli bir çaba harcamadan kayıt. Ancak iş sürecinde, tasarımcılar bu şablonu kullanmamaya çalıştılar, ancak sıfırdan kendilerini geliştirdi.
Sonuç olarak, Joomla 2.5 için iki tamamen yeni şablon geliştirildi. Her iki şablonda da, JavaScript dili kullanılıyor, Beez5 şablonu HTML5 dilini kullanıyor, Beez_20 şablonu yeniden tanımlama gerektirmez. Yatarken tabloları kullanmaya gerek yoktur. Basamaklı tabloların sınıflarının isimleri değiştirildi.

Özellikler Desenleri

Yeni şablonlar yaygınlaştı, sayfa üzerindeki navigasyon ünitesinin konumunu seçmek mümkündür, WAI-aria fonksiyon etiketleri eklenir, sekmelerdeki modüller otomatik modda, modüller için katlanabilir pozisyonlar ve sütunlar için görüntülenebilir. Eklenir, Beez_20 şablonunda iki tasarım formu inşa edilmiştir: doğal ve insan, Beez5 şablonunda HTML5 dil desteği eklendi.
Dünyayı algı olasılığı ile zayıflayan insanlar olduğu bir sır değil. Birisi görsel algı yeteneğine sahip değil, birisi ses algısı ile sınırlıdır. Ancak, bu insanlar da kullanıyor bilgi kaynakları İnternet. Ve oluşturulan tüm çevrimiçi portallar bu kullanıcı kategorisine göre tasarlanmalıdır. Joomla şablonları hepsine sahip gerekli araçlar İnternet ağını kullanma yeteneğiyle engelli insanlara sağlamak için.
Şablonlar oluştururken, temel gereksinimlere uymak gerekir: sitenin malzemeleri bu malzemelerin tasarımı ile kesişmemelidir, site yapısı aşırı yüklenmemelidir, site sayfalarındaki geçişler, gelenler tarafından desteklenmesi gerekir. Klavye, içeriğin renk tasarımı kontrastlı olmalıdır.
Çoğu Önemli bir nokta Geliştirici açısından, içeriğin tasarımdan ayrılmasıdır. Bunu yapmak için, sayfadaki masa tasarımından kurtulmanız gerekir. Biçimlendirme sırasında, yalnızca CSS kullanılır. Malzeme üstten aşağıya doğru doğrusal olarak inşa edilmelidir.
Anlamsal tasarım, sitenin başlıklarına, listelere vb. Dayalı sayfalar arasında geçiş yapmanızı sağlar ve ayrıca belgenin malzemesinin genel fikrini de katlamanızı sağlar.
Ancak, sayfanın içeriğinin doğrusal bir tasarımı ile bir eksiklik var - almak gerekli bilgi Zamana ihtiyacınız olabilir (bilgi sayfanın altına bağlıysa). Bu sorunu gidermek için, sayfada ilerlemeyi hızlandırmak için HTML yer imlerini kullanabilirsiniz. Bu durumda, sayfada ilerlemek için ek bir menü oluşturulduğu varsayılmaktadır. Sitenin yapısına zaten aşina olanlar için, bu menü gizlenebilir.
Örneğin:

• Ana metne gidin.
• Ana navigasyon ünitesine gidin ve giriş yapın.

Bir site oluştururken, tasarımdaki renk şemasına dikkat etmeniz gerekir. Her zamanki kullanıcının aksine önemli bir fark yoksa, o zaman engelli insanlar için, kontrast özellikle önemlidir. Bu durumda, arka planın ve metnin renkleri kontrastlı olmalıdır. Beyaz zemin üzerine siyah metin durumunda maksimum kontrast mümkündür. Ancak optik bozulmalarla ilgili sorunları önlemek için, sayfanın arka planı biraz boyanmalıdır.

Bu makale, Standart Beez_20 şablonunun "kauçuk" nasıl yapıldığını gösterir. Ekran çözünürlüğünden bağımsız olarak, site ekranın tüm genişliğini işgal etti. Bu method Joomla 1.7 ve Joomla 2.5'te test edildi

Kullanıldıysa dosya yöneticisi Hosting sağlayıcısı veya FTP Yöneticisi, o zaman stil dosyasını bulmanız gerekir " bizim_site \\ şablonlar \\ beez_20 \\ css \\ cose.css". Kullanıldıysa Kontrol Paneli Joomla, o zaman gitmen gerekiyor Uzantılar -> Şablon yöneticisi

Sağda BEEZ_20 şablon stilleridir. Bir dize buluruz CSS / konumunu değiştir. Ve üzerine tıklayın. Pencere açılır Şablon Yöneticisi: Dosyayı Düzenle.

Burada bu dosyayı düzenleyebileceğiz.
Ana Div'a genişliğini buluruz. 1050px'e eşittir.

#herşey.
{
marj: 0 Otomatik;
max-Genişlik: 1050px;
dolgu: 0px;
metin Hizası: Sol;
}

Bu değeri% 100 olarak değiştiririz.

#herşey.
{
marj: 0 Otomatik;
maksimum genişlik:% 100;
dolgu: 0px;
metin Hizası: Sol;
}

Sonra aynı dosyada altbilginin genişliğini buluruz. 1020px'e eşittir.

# Altbilgi-iç
{
max-Genişlik: 1020px;
marj: 0 Otomatik;
yazı tipi boyutu: 0.8EM;
dolgu: 10px 15px 15px 10px;
}

Bu değeri% 100 olarak değiştiririz.

# Altbilgi-iç
{
maksimum genişlik:% 100;
marj: 0 Otomatik;
yazı tipi boyutu: 0.8EM;
dolgu: 10px 15px 15px 10px;
}

Dosyayı kaydettik ve sitenize gidiyoruz - ne olduğuna bakıyoruz. CSS değiştikten sonra sonucu derhal görmek için, yeni stillerin tarayıcı güncellemesinin güncellenmesi gerekir. Bu tıklama yapmak için CTRL + R.

Yapılacak son şey, kapağı geciktirmektir. Site ekranın tüm genişliğine gerildikten sonra, kapak sağa kaydırıldı ve mavi bir dikdörtgen lev'den ortaya çıktı. Bu, resmin genişliği 1060px olduğu için oldu. Resim kapakları klasöründedir " bizim_site \\ templates \\ beez_20 \\ images \\ personal \\ personal2.jpg". Daha büyük resminizi oluşturabilir ve kişisel2.jpg dosyasını değiştirebilirsiniz (dosya adının Kişisel2.jpg'den ayrılması gerekir). Uygun bir resim yoksa, resmin çıkışını stil sayfasındaki ve tüm şapka mavi olacaktır.

Resmi devre dışı bırakmak için, "de bulunan stil ayarlarına sahip bir dosyaya ihtiyacımız var. bizim_site \\ şablonları \\ beez_20 \\ css \\ personal.css"Bulundu:

Logoheader.
{
Arka plan: # 0C1A3E URL (../ Resimler / Kişisel / Kişisel2.png) YENİLENDİRME SAĞLIĞI;
Renk: #FFF;
Min Yüksekliği: 200px;
}

URL'yi (.. / Resimler / Kişisel / Personal2.png) siliniriz. Aşağıdakiler olmalı:

Logoheader.
{
arka plan: # 0C1A3E;
renk: #FFF;
min Yüksekliği: 200px;
marj: 0 10px 0 10px! Önemli;
}

Dosya 'yı kaydet. Bu kadar.

Tüm düzen değiştirme dosyaları klasöre yerleştirilir. Şablonları /<имя_шаблонa>/ Html.. Yani, eğer şablon çağrılırsa my_beautiful_template.Düzenlerin tüm düzenleri klasörde bulunacak Şablonlar / my_beautiful_template / html. Bu, yedek dosyaların ayrı bir şablon klasörüne güvenli bir şekilde kaydedileceği anlamına gelir. Ancak böyle bir "müreffeh" bir koruma, yalnızca şekil temel değilse mümkündür.

Joomla'da yer alan temel şablonlar, yeni bir Joomla sürümüne taşınırken değiştirilebilir. Ve bu, şablon dosyalarında herhangi bir değişiklik yapmadan kullanılıyorsa, bu zorluklara neden olmaz. Ancak şablon bir değiştirme yapılırsa, sonra sonunda, bir dosyalar eski olarak değiştirilebilir ve diğerleri ise yeni olarak eklenebilir.

Şablon klasörünü kopyalayın yeni dosya. Bu amaçla, seviyede Klasör Kopyalama işlevini kullanın. işletim sistemiŞablonları / Beez_20 klasörünü (içine dahil olan tüm alt klasörler ve dosyalarla) yeni şablonlar / Beez_20_copy klasörüne taşımak için. Tüm kaynak klasör dosyalarının, hedef klasöre doğru kopyalandığından emin olun.

Taşınırken değiştirme ve güncellemelerden dosyaları güvenli yeni sürüm Joomla hiç zor değil. Bunu yapmak için, Joomla'nın dağıtımının ana seçeneğine dahil olmayan şablonu kullanmak yeterlidir. Bu kitaptaki malzemenin sadeliği uğruna, Beez_20 sheda beez_20'nin bir kopyası kullanılacaktır. Bu şablonun bir kopyasını iki şekilde alabilirsiniz.

• Aşağıdaki talimatları takiben, Beez_20_copy şablonunun kendi kopyasını oluşturun.
• Beez_20_copy.zip dosyasını BEEZ_20_COPY.ZIP dosyasını bu kitaba adanmış web sitesinden (http://joomlaprogrammingbook.com/downloads.html) ve ardından Yüklemeyi Extension Manager ^ Install Komutanlığı (Genişletme Manager1 ^ set) tarafından yapılandırın.

Şablonun bir kopyasını yapın, bunun nasıl yapıldığını bilmek için nispeten kolaydır ve hatta faydalıdır. Bunu yapmak için şu adımları izleyin.

2. Beez_20_copy XML dosyasındaki dosya adlarını değiştirin. Bu amaçla, kesilmiş XML dosyasından Beez_20_Copy / CatenceTetails.xml için düzenleme için. Aynı düzenleme kendisi sadece Global Arama'tan oluşur ve Beez_20 metnini Beez_20_copy metnine değiştirir. Böyle bir değişiklik yapılmalıdır: PASHE elemanında ve dil öğelerinde iki dil destek dosyası.

3. Dil destek dosyalarını yeniden adlandırın. Bu prosedürde, bir XML dosyasında dosya adları değiştirildi. Ve şimdi onları seviyede yeniden adlandırmanız gerekir. dosya sistemi Aşağıdaki şekilde:

• en-gb.tpl_beez_20.ini üzerinde en-gb.tpl_beez_20_copy.ini
• en-gb.tpl_beez_20.sys. İni üzerinde en-gb.tpl_beez_20_copy.sys .ini

Bu dosyaların her ikisini de Şablonlar / Beez_20_Copy / Dil / EN-GB klasöründen / Dil / EN-GB / Klasöre, İşletim Sistemi seviyesindeki kopya işlevini kullanarak tekrar kopyalayın.

5. Şablonun bir kopyasını yeni bir uzantı olarak bulun ve kurun. 1.6 sürümünde, yeni bir olağanüstü yazılım algılama aracı tanıtıldı. bileşenler Joomla - Keşfet. Sağlar alternatif yol Yeni uzantıların kurulumları. Genişlemeyi kurarken, aşağıdakiler gerçekleşir.

• Genişletme dosyaları kopyalanır gerekli klasörler Mevcut Joomla kurulumu.
• Joomla veritabanı yeni genişletme bilgileri ile güncellenir.

Discover Algılama aracıyla, dosyaları klasördeki el ile kopyalayabilir ve ardından Joomla'ya yeni uzantılar bulabilirsin. Yeni uzantı tespit edildiğinde, yüklenebilir. Bu nedenle, Joomla veritabanı doğru girişler oluşturur. Yeni bir şablon yüklemek için bu aracı kullanıyoruz. Uzatma yöneticilerinin üzerinden geçerseniz, komutu keşfedin (uzantı yöneticisi\u003e algıla) ve araç çubuğundaki Kesil simgesini seçin, Joomla yeni bir şablon bulur.

Daha sonra, varsayılan web sitesini yapmak için Beez_20_copy paterni gerekir. Bunu yapmak için, uzantılara gidin \u003d\u003e Şablon Yöneticisi: Stiller (Uzantılar \u003d\u003e Şablon Yöneticisi: Stiller), Yeni bir şablon seçin ve Varsayılan Yap düğmesine tıklayın.

Son olarak, yeni şablonun kaynak gibi görünmesi gerekiyorsa, yeni bir tarzın parametrelerini eski tasarım stiliyle çizgiye getirecek şekilde ifade etmeniz gerekir. Bu, ekran formunda yapılır (düzenleme stili) Şablon adına tıklayarak açılır (bu durumda - BEEZ_20_COPY - Varsayılan)

Yeni şablonun tarzını düzenle

Formasyon formundaki alanlar aşağıdaki gibi ayarlanır.

18 Haziran 2012.

Sitenin farklı sayfaları için farklı şablonlar - 5 üzerinden 5 üzerinden 5 oy

Tüm site sayfalarının aynı tasarıma sahip olmaması gerekir. Bazı siteler farklı sayfalar için farklı renkler ve stillere sahiptir. Diğer siteler tasarımı diğerinden bir bölümde kökten farklıdır. Joomla böyle bir fikri uygulamanıza izin verir.

Bu derste, Joomla'da sitenizin farklı kısımları için birkaç şablonun veya birkaç şablonun bir şablonunun nasıl kullanılacağı açıklanacaktır.

Adım 1: Standart Joomla şablonunun analizi

Joomla'nın 3'ü var. standart şablonlar: Atom, Beez5 ve Beez2. Bu üç şablon site için tasarlanmıştır. Joomla Yönetici paneli için diğer iki BlueStork ve Hathor atanır. Ayrıca başka bir şablon ayarlayabilir veya kendinizinkini oluşturabilirsiniz.

Şablonlardan biri her zaman varsayılan olarak atanacaktır. Varsayılan olarak atanan şablon, resimde gösterildiği gibi altın bir yıldız işareti ile işaretlenmiştir.

Değiştirilmiş yıldızlardan birine tıklayarak varsayılan şablonu değiştirebilirsiniz. Yıldız boyalı ise, yeni bir varsayılan şablon atanır.

Yüklemeden sonra joomla şablonu Varsayılan BEEZ2 atanır. Şablonun adıyla tıkladıysanız, şablonun nesnelerini düzenleyebilirsiniz.

Bu örnekte, şablon ayarları sayfasını görebilirsiniz. Bu şablon varsayılan olarak atanır ve özel olarak herhangi bir menü öğesine eklenmez. (Parametre: Menüye bağlanma).

Adım 2: Joomla'nın farklı sayfaları için farklı şablonların amacı

Başka bir şablon düzenlemeye ve belirli bir kategoriye nasıl atanacağına bakalım.

• Şablon düzenleme sayfasını kapatın Beez2..
• Şablonu düzenlemek için açık Beez5 Şablonun önündeki kutuyu işaretledikten ve düğmeye bastıktan sonra: "Düzenle".

Farklı şablonları farklı site sayfalarına bağlamak, yalnızca menü öğeleri kullanılarak uygulanır. "Menüye bağlanma" bölümüne gidin ve ayrı şablonlar atamak istediğiniz site sayfalarını seçebilirsiniz.

Bu durumda, "Varsayılan" alanda, bu şablon için değer kullanılır. "Değil",Çünkü biz zaten varsayılan olarak başka bir şablon var. Öğenin önündeki kutuyu işaretleyin "Kategori 1"veya kullanacağınız herhangi bir başkası.

Kayıt etmek bu ciltlemeVe sonra sitenizi kontrol edin. Kaydettikten sonra, Beez20 şablonunun varsayılan olarak atandığını göreceksiniz. Ve Beez5 şablonu, yeşil bir onay işareti ile işaretlenmiştir.

Gibi görünen bu ana Sayfa. Beez Şablonu Varsayılan.

Şablondaki değişimin sitenin içeriğini etkilemeyeceğini hatırlatmaya değer. Ancak, modüllerin başlığı, logosu, tasarımı ve konumu değişecektir. Bu, ek iş yapmadan şablonu değiştiremeyeceğiniz anlamına gelir.

Adım 3: Farklı şablonlarda modüllerin çeşitli pozisyonlarının tanımı

Beez5 şablonundaki (üstte) ve Beez20 şablonundaki (aşağıda) modüllerin pozisyonları neredeyse aynıdır, bu nedenle değişiklikler önemsizdir. Ancak, farklılıklar var.

Şablonlar arasındaki gözle görülür farklılıklardan biri, logonun yakınındaki modüllerin konumudur. Beez5 şablon pozisyonları 1 ve 0 logonun altında bulunur.

BEEZ20'de, konum-0 logonun üstünde bulunur ve altındaki pozisyonu.

Bu oldukça küçük bir farktır, ancak modüllerin pozisyonlarının şablonlarda nasıl farklı olabileceğine dair iyi bir örnektir. Bu durumda, modüllerin her iki şablondaki pozisyonları aynı isimlere sahip olduğundan, basit bir örnek verilir.

Ancak, şablonlardaki modüllerin pozisyonları sadece pozisyonda değil aynı zamanda başlığın da farklılık göstermesi durumunda ne yapmalı?

Şablon Yöneticisine geri dönün ve atom şablonunu sayfa ile bağlayın Kategori 2.Sayfadaki atom şablonunu göreceksiniz. Kategori 2. Tamamen farklı modül pozisyonlarına sahiptir ve aşağıdaki resimde görebilirsiniz.

Bu sayfa modüllerin konumlarını sunar:

1. atom-Topmenu.
2. atomik-Topquote.
3. atom-arama.
4. atom kenarı çubuğu
5. atom-dipsizlik.
6. atom bottomiddle

Atom şablonunun Beez20'ye ek olarak çalışmasını istiyorsanız daha fazla iş yapmanız gerekir. Beez20'de faaliyet gösteren modülün pozisyonunun atomik olarak çalışacağı garanti edilmez.

Adım 4: Yeni bir şablona bir menü modülü ekleme.

• Uzantıya gidin - Modül Yöneticisi'ne gidin ve düğmesine tıklayın. Oluşturmak.
• Menü modülü türünü seçin.
• Yeni Modül konumunuzu atayın atom kenarı çubuğu.
• Joomla 2.5 yeni bir özellik sunar: Modül için bir not alanı. Bu, çok fazla modülünüz olduğunda karıştırılmamasına izin verecektir.

Şimdi modülü yalnızca belirli bir sayfaya bağlayacağız.

• "Menü öğelerine bağlan" seçeneğinde, değeri seçin "Sadece belirtilen sayfalarda."
• Modülü görüntülemek istediğiniz bu sayfa bayrağını işaretleyin.

Şimdi menü modülü kenar çubuğunda bulunur. Muhtemelen olduğunu fark ettin yatay menü Ve bunun için bir yer sınırlıdır. Daha uygun bir pozisyon bulmak için tekrar denemeliyiz.

Module Manager'a gidin ve menünüzü konuma getirin atom-Topmenu.. Aşağıdaki resimde görebileceğiniz sonuç.

Adım 5: Farklı şablonlar yerine bir şablonun stilleri.

Sitenin farklı sayfalarında tamamen farklı şablonları kullanmak yerine, varsayılan şablonunuzda küçük bir değişiklik yapabilirsiniz. Bu Joomla 2.5'te ortaya çıkan yeni bir özelliktir. Bu teknik, yukarıda açıklanan işi yapmanız gerekmeden her sayfada daha ince farklılıklar oluşturmayı mümkün kılacaktır.

• Şablonlar yöneticisine gidin.
• Çoğaltmak istediğiniz şablonu seçin (önündeki kutusunu işaretleyin).
• düğmesine basın "Çiftleme".

• BEEZ2 - varsayılan (2) şablonuyla RADA bayrağını kontrol edin.
• düğmesine basın "Değişiklik".

• Beez20, iki renk şeması ile birlikte gelir: kişisel ve doğa. Aşağı açılır listeden doğayı seçin.
• Menü öğesi için bir şablon atama Kategori 1.blokta "Menüye bağlanma". Lütfen değiştirebileceğiniz başka ayarların olduğunu unutmayın. Örneğin: logo, site adı ve navigasyon pozisyonu.

Şimdi sitede iki sayfayla ilişkili iki farklı şablon tarzı var.

• Menü öğeleri oluştururken ayrıca bir şablon atayabilirsiniz.
• Menü Yöneticisi'ndeyken, bir menü öğesi oluştururken şablon stilini bağlayabilirsiniz.

Değerlendirme 3.80

Görüntüleme: 25562.

Joomla'daki sitenizin tüm sayfaları aynı tasarıma sahip olmayabilir ve eşit görünüyor. Bazı siteler, radikal farklı renk şemaları ve sitenin çeşitli bölümleri için ana blokların konumuna sahiptir. Ve Joomla bunu yapmanızı sağlar.

Bu derste, Sitenizin çeşitli bölümleri için aynı şablonların çeşitli şablonlarını veya çeşitli stillerinin nasıl kullanılacağını göstereceğiz.

Adım 1: Joomla'daki şablonlar hakkında genel bilgi

Joomla'nın üç temel varsayılan tasarım şablonuna sahip: Atom, Beez5 ve Beez2.

Bu üç şablon "Yer" sütununda "Site" olarak işaretlenmiştir ve sitenin halka açık kısmı için tasarlanmıştır. BlueStork ve Hathor şablonları "yönetici" olarak etiketlenmiştir ve yalnızca yönetici için tasarlanmıştır. Ayrıca diğer üçüncü taraf şablonları da kurabilir veya kendi şablonunuzu geliştirebilir veya oluşturabilirsiniz.

Şablonlardan biri her zaman harici bir site için ve bir yönetici için varsayılan olarak işaretlenir. Hangisinin varsayılan olarak kullanıldığını bulmak için, aşağıdaki şekilde gösterildiği gibi varsayılan sütundaki Altın Yıldız işareti bulun:

Varsayılan şablonu, boş yıldızlardan birine tıklayarak istediğiniz zaman değiştirebilir ve ardından altın olacak ve varsayılan olarak kullanılan karşılık gelen şablon olacaktır.

İlk ile kurulum Joomla Varsayılan olarak, Beez2 şablonu yüklü. Şablon adına tıklarsanız, şablon ayarlarını düzenleyebilirsiniz.

Bu örnekte gördüğünüz gibi, bu şablon varsayılan olarak kullanılır. herşey Sayfalar ve her menü maddesi için kurulum gerektirmez ..

Adım 2. Farklı sayfalarda çeşitli şablonların sonucu

Diğer şablonların ayarlarına bakalım ve belirli bir kategori için nasıl atanacağını görünelim.

• Şablon Yöneticisi'ni açın
• Beez5 şablonunu işaretleyin.
• Düzenle düğmesini tıklayın.

• CMS, yalnızca menü bağlantılarında, farklı sayfalarda çeşitli şablonlar ayarlar. "Menüye bağlanma" bölümüne gidin ve bu şablonun hangi menü bağlantılarını seçebilirsiniz.
• Varsayılan öğe için, "Hayır" ayarlanır, çünkü zaten başka bir varsayılan şablonumuz var.
• Sağ menü öğesinin karşısındaki onay kutusunu işaretleyin.

• Bu bağlanmayı menüye kaydedin ve ardından sitenizi kontrol edin.
• Tasarrufu yaptıktan sonra, Beez_20 şablonunun varsayılan olarak ayarlandığınızı göreceksiniz.
• Ve Beez5 şablonu ayrı bir menü öğesine atanır ve yeşil bir onay işareti ile işaretlenmiştir.

Yani ana sayfa varsayılan bir şablon gibi görünüyor - BEEZ2:

Şablondaki değişikliğin içeriği etkilemediğini hatırlatmaya değer. Ancak, modüllerin başlığını, logosunu, tasarımını ve konumunu değiştirecektir. Bu, bazı ek iş yapmadan şablonu değiştiremeyeceğiniz anlamına gelir.

Hem şablonların hem de modüllerin konumları için logoyu genel site yapınıza göre değiştirmeniz gerekir.

Adım 3. Farklı şablonlardaki modüllerin çeşitli konumlarının açıklanması

Beez5 modüllerinin (üstte) ve Beez2'nin (aşağıda) pozisyonları neredeyse aynıdır, bu nedenle tasarım değiştirirken büyük sorunlara neden olmaz. Ancak, farklılıklar var.

İki şablon arasındaki en belirgin farklardan biri, modüllerin logonun etrafındaki konumudur. BEEZ5'te, konum-1 ve pozisyon-0 modülleri logonun altında bulunur:

BEEZ 2'de, pozisyon-0 modülü logonun üstünde bulunur ve aşağıdaki konumda bulunur.

Bu oldukça küçük bir ayrımdır, ancak modellerin modül pozisyonlarında nasıl farklı olabileceğine dair iyi bir örnektir. Bu durumda, bu oldukça basit bir örnektir, çünkü tüm modüller aynı isimlere sahiptir.

Ancak, modüllerin pozisyonları tamamen farklı ise, farklı adlar altında farklı yerlerde?

• Şablonlar yöneticisine geri dönün ve atom şablonunu başka bir kategoriye bağlayın.
• Tamamen farklı modül pozisyonları olduğunu göreceksiniz, aşağıdaki resimde görebilirsiniz:

Bu sayfada, modüllerin sadece aşağıdaki pozisyonları vardır:

• atom-Topmenu.
• atomik-Topquote.
• atom-arama.
• atom kenarı çubuğu
• atom-dipsizlik.
• atom bottomiddle

Bu şablonun sitenizde olmasını istiyorsanız, Beez2'ye ek olarak daha fazla iş yapmanız gerekir.

Adım 4. Yeni bir şablon için bir menü modülü ekleyin

• Uzantı menüsünde\u003e Modül Yöneticisi'ni seçin ve Oluştur düğmesine tıklayın.
• Menüyü seçin.
• Bağlamak yeni Modül Atom-kenar çubuğu konumuna.
• Joomla 2.5 - alan notunda yeni özellik. Bu, modüllerde, büyük sayılarla karıştırmanıza yardımcı olacaktır.

• Şimdi modülü belirli sayfalara bağlıyoruz.
• "Sadece seçilen sayfalarda" seçin.
• İhtiyacınız olan menü öğesinin yanındaki onay kutusunu kurun.

• Şimdi menümde kenar çubuğunda. Bunun yatay bir menü olduğunu ve bunun için yerlerin yeterli olmadığını görebilirsiniz. Bunun için daha iyi bir pozisyon bulmaya çalışmalıyız.

• Modül Yöneticisine gidin ve menüyü atom-topmenu konumuna getirin. Şimdi menü aşağıdaki resimde gibi görünmelidir:

Bu örneği, önceden araştırma yapmadan şablon eklemeye başladığınızda ne tür problemlerle karşılaşabileceğinizi göstermek için getirdim.

Ayrıca bir alternatif bölüm veya sayfa için konuya sahip olduğunuz şablonun bir kopyasını da kullanabilirsiniz. Büyük avantaj, her şeyin bir yerde olacağı ve yalnızca CSS ile gerekli değişiklikleri yapmanız gerekir ve bu ciddi elden geçirmeyi önler.

Adım 5. Stiller şablon vs Farklı şablonlar

Sitenizdeki farklı sayfalar için tamamen farklı şablonları kullanmak yerine, varsayılan şablonunuz için çeşitli seçenekler oluşturabilirsiniz. Bu Joomla 2.5'te yeni bir fırsat. Her sayfada, daha yükseğe çıktığımız tüm adımları geçmek zorunda kalmadan çeşitli tasarım seçenekleri oluşturmanıza olanak sağlar.

• Şablon yöneticisine gidin.
• Bir kopya oluşturmak istediğiniz şablonun yanındaki kutuyu işaretleyin. Bu durumda, Beez2'yi kullanacağız.
• "Yinelenen" simgesine tıklayın.

• Beez2-Varsayılan (2) yanındaki kutuyu işaretleyin.
• "Düzenle" düğmesini tıklayın.

• Beez2, iki renk şeması, kişisel ve doğa ile birlikte gelir. Aşağı açılır listeden doğayı seçin.
• "Menüye bağlanma" bölümündeki kategoriye bir şablon bağlayın.
• Lütfen başka seçenekler olduğunu, logoyu, site adını ve navigasyon konumunu da değiştirebileceğinizi unutmayın.

• Şimdi farklı menü öğelerine bağlı bir şablonun iki farklı stiline sahip bir siteniz var.

• Menü öğeleri oluştururken bir şablonu da bağlayabilirsiniz.
• Menü Yöneticisi'ndeyken, bu menü öğesinin isteğe bağlı şablon sürümünü yükleyebilirsiniz (aşağıya bakınız).

Herhangi bir sorunuz varsa, o zaman hızlı cevap için, kullanmanızı öneririz.