Joomla şablonu nasıl düzenlenir? Görünüm değişikliği

Düzenli bir belgeyi değiştirmek ve düzenlemek gibi bir şablonun değiştirilmesi ve düzenlenmesi. Fark, yalnızca bir belge değil, bir şablonun açılması gerektiğinden oluşur. Fark küçüktür, ancak esastır, çünkü desen hala bir belge değildir.

  1. Takım Seç Dosya\u003e Oluştur.

Görev alanı ekranda görünecektir. Belge Oluşturma.

  1. Listeden bir şablon seçin veya bağlantıya tıklayın BilgisayarımdaBir sabit diskten bir şablonu açmak için.

Aslında, şablonu açmazsınız, ancak üzerinde oluşturun. yeni belge. Şablonun kendisini kullanmazsınız, ancak ona referansla.

  1. Değişiklik yapmak.

Şablon, başka bir belge ile aynı şekilde düzenlenir. Sadece bir şablonla uğraştığınızı, "gerçek" bir belgeyle değil. Tüm stiller veya metin değişiklikleri şablondaki bir değişikliğe neden olur ve ardından aynı desen olarak diske kaydedilir.

  1. Düzenlenen şablonu komutu seçerek kaydedin. Dosya\u003e Kaydet.
  2. Yeni bir isim şablonu atayın ve kaynak şablonunu değişmeden bırakın.
  3. Aşağı açılır listede seçin Dosya tipi değer vermek Belge şablonu.
  4. Düğmeye tıklayın Kayıt etmek.

Not

Şablondaki sizin tarafınızdan yapılan değişiklikler, daha önce bu şablon kullanılarak oluşturulan belgeleri etkilemez. Ancak, şablonu değiştirdikten sonra oluşturduğunuz belgeleri etkileyecektir.

Sabit diskte dosya şablonlarının depolanması gizemi

Bu bölümde açıklandığı gibi, mevcut şablonun, bilgisayarınızın sabit diskinde gerekli [şablonunu bulmaktan daha kolay değiştirilmesi genellikle daha kolaydır. Abarttığımı düşünmeyin, ancak kelimenin belgelerin şablonlarını kurtardığı yerler, hiç bulunmaması. Şablonların konumu bir sır değil, ancak yerini hafifçe söylemek, başarısız. Windows XP'de, belgeler ve ayarlar klasörü, tüm kullanıcı verilerinin bir deposu olarak kullanılır. Bu klasörde, birçok uygulamanın kullanıcılara özgü verileri kaydettiği uygulama veri klasörünü bulacaksınız. Şablonlar ilk önce takip edilmelidir: Microsoft klasörünü ve BT klasörünü bulun Şablonlar. Bundan şüpheliyim yardım Susanin burayı bulabilirdi.

Yazardan: Selamlar sana sevgili okuyucular. Kontrol sisteminde şablon İçerik Joomla, Sitenin kullanıcı kısmının tasarımını ve yapısını belirlediği için çok önemli bir rol oynar. Ancak yeni başlayan bir geliştirici için, şablonu değiştirme oldukça sıradan bir süreci ciddi bir test olabilir, bu yüzden bu makalede size nasıl değişeceğini göstermek istiyorum joomla şablonu.

Bir şablon nedir?

Joomla İçerik Yönetim Sistemi için şablon, CMS'nin CMS kullanıcı kısmının yürütülmesini tanımlayan bir uzantıdır. Tabii ki, Yönetici paneli için tasarlanmış desenler vardır, ancak bunlar çok daha az kullanılır. Aynı zamanda, şablonun temel yapıyı oluşturduğunu ve modülleri görüntüleme konumu oluşturduğunu anlamanız gerekir. Yani, site başlığının nasıl oluşturulduğu, ne kadar, ne kadar kenar çubukları oluşturulacak, ana içeriğin görüntüleneceği, vb. Ve sitenin içeriği, yani içeriği (örneğin, malzemeler), tasarımla birlikte doğrudan bileşenlerde oluşturulur. Böylece, bir kısmı bir şablon tarafından kontrol edilmediği ve diğer birkaç formda tüm siteye göre gösterileceği gibi görünecektir. Ancak şablonda, tasarım için ayrı olarak oluşturulmuş, yeniden tanımlamalar sağlanmıştır. Yani, şablonda Joomla uzantılarında oluşturulan öğelerin tasarımını ve tasarımını geçersiz kılar. Ancak, elbette, eğer genişleme verileri böyle bir fırsatı destekliyorsa.

Şu anda, hem özgür hem de ödenmiş olanlar dağıtılan CMS Joomla'nın çeşitli versiyonlarında çok sayıda şablon oluşturulmuştur. Ve buna göre, Web geliştiricileri web siteleri için uygun bir şablon bulabilir ve aynı zamanda soru ortaya çıkabilir - Joomla'daki şablonun nasıl değiştirileceği? Aşağıda vereceğim cevabı.

JUMLA Desenini Nasıl Değiştirilir?

Her şeyden önce, Joomla İçerik Yönetim Sisteminde yeni bir şablon kuralım ve ardından değiştirme hakkında bir soru ile çözelim. Öyleyse, Yönetici paneline, ardından uzantı yöneticisine gidin.

Web Geliştirmede Modern Eğilimler ve Yaklaşımlar

Web sitesi binasında sıfırdan hızlı bir büyüme algoritması öğrenin

Yüklemek istediğiniz şablonla arşivi seçin ve "İndir ve Yükle" bağlantısını tıklayın.

Kurulum tamamlandıktan sonra, Şablon Yöneticisine gidin (Uzantılar -\u003e Şablon Yöneticisi).

Şablon Yöneticisi, CMS şablonlarını yönetmenizi sağlayan Joomla Yönetici panelinin özel bir bölümüdür. Aynı zamanda, bu yönetici sadece bir kullanıcı parçası veya Yönetici panelini tasarlamak için kullanılacak bir şablon atamayı ve şablonun ayarlarını destekliyorsa, kendi ihtiyaçlarınız için her birini kendi ihtiyaçlarınız için yapılandırmayı sağlar. Şablonları yapılandırmak için başlığına tıklamanız gerekir.

Şimdi, doğrudan sorunun cevabına gidiyoruz - JUMLA desenini nasıl değiştirebilirim? Yani, şablonlar yöneticisinde, her birinin başlığının karşısında Şablon ayarlaDüğme, ilgili CMS bölümü için belirli bir şablon olarak belirli bir şablon atanabilecek şekilde görüntülenir. Yani, bu, yeni bir şablon belirlediğimiz ve buna göre önceki bir önceki - devre dışı bıraktığımız düzenli bir anahtardır.

Bu yazıda şablonun görünümünü nasıl düzenleyeceğinize bakacağız. Joomla.

Siteyi oluşturan herhangi bir kişi sitenizi benzersiz, iyi ya da en azından başkaları gibi yapmak istiyor.

Şimdi Joomla için hemen hemen tüm şablonlar halka açık, her biri siteye indirin ve yükleyin.

Standart şablonun modifikasyonlarını analiz edelim Beez5.

Şablonun arka planını değiştirin (arka plan)

kullanırım tarayıcı kromu., F12 tuşuna basın veya istediğiniz yerde sağ fare düğmesini tıklayın ve "Öğe Kodunu Görüntüle" ye tıklayın.

Şekilde görülebileceği gibi, etiket şablonun arka planından sorumludur. vücut. Stil ile arka fon..

Stillerde renk arka plan belirtilmiş #Eee. Ve arka plan resmi (yolun yolu). Bize sitenin arka planını veren bu parametrelerdir.

Onları değiştirmek için, bu parametreleri değiştirmeniz yeterlidir (yeni resme yeni bir renk ve yol belirtin).

Tüm değişiklikler, geliştirici panelinde belirtilen dosyada yapılır, burada beez5.css.Bir kolondan sonra, parametreyi değiştirmek istediğiniz bir dize belirtilir, 19 dizgimiz var.

İmleci ziyaret ederseniz, dosyanın yolunu görebilirsiniz.

Site logosunu değiştir

Logoyu değiştirmek çok kolaydır ve bunun için birkaç yol vardır.

Yöntem 1:

Tıpkı ilk yolda olduğu gibi, imleci logoya taşırız, farenin sağ tuşunu tıklatın ve öğenin görünüm koduna basın. Bilmemiz gereken tek şey, logoya adres (yol). Şimdi logonuzu yapın, ona aynı isim verin (meyveler.gif) Ve sadece üzerine eski logoyu değiştirin.

Yöntem 2:

Bu yöntem en kolay olanıdır, ancak tüm şablonlarda bulunmaz. Gittik: Şablon Yöneticisi - BEEZ5 - LOGO'yu belirtin.

Yöntem 3:

Aynısını yapıyoruz, sadece yanlış dosyayı değiştirin, ancak logonun yolu. Resimde görülebileceği gibi, resim eklenir html, değil cSS.. Bu nedenle, şablonun kaynak kodunu değiştirmeniz gerekir. Kolay: Şablon Yöneticisi - BEEZ5 - Şablonu değiştir ana Sayfa. Bir çizgi C arıyorum

Ve logonun yolunu istediğiniz kişiye değiştirin. Bu şablonda, yol kaydedildi php.2 numaralı seçenek olduğundan. Bu nedenle, 1 numaralı veya 2 numaralı sürümden yararlanmak daha iyidir.

Şablonun ve blokların genişliğini değiştirin

Ana bloğu buluruz - div. Resimde görülebileceği gibi,

Sitenin genişliğinden sorumlu olan budur. CSS - stillerinin parametrelerine bakıyoruz, genişlikleri bulmuş genişliği gösterir. Bundan sonra dosyaya gidin konum.css., 33 satırda parametreyi yazıyoruz ve dosyayı kaydettik.

Aynı şekilde, ayrı bloklar düzenlenir. Bloğu buluruz, tarzınızı görün ve değiştiririz.

Metnin ve bağlantıların rengini değiştirme

Bütün bunlar aynı şekilde yapılır. Metin üzerindeki sağ fare düğmesini tıklayın ve öğe kodunun görüntüsüne basın. Bize metin parametrelerinden sorumlu bir blok ve blok stili göstereceğiz. Metin ve bağlantıların rengi renk parametresine ayarlanır.

Tüm dosyalar Tip Editörler aracılığıyla düzenlenebilir. not Defteri ++. veya standart "editör" ile Joomla.

Şablon Yöneticisi - İstediğiniz şablon. Burada bir dosya listesi verilir (index.php, sayfa şablonu 404, sayfa şablonu, stilleri yazdırın).).

Bu kadar.

Fikriniz bizim için önemlidir. Yorumlarınızı yazın.

Her Word belgesi, bazı şablonlarla ilişkilidir. Geçerli belge için özel bir şablon kullanıyorsanız, ancak bu kelimenin ne olduğunu unuttuysanız, öğrenmeyi çok kolaydır. Ayrıca, geçerli belge ile ilişkili şablonu kolayca değiştirebilirsiniz.

Yorum Yap: Bu makalenin resimleri Word 2013'ten alınmıştır.

Geçerli belgeyle ilişkili şablonun belirlenmesi veya değiştirilmesi için bir sekmeye ihtiyacınız olacaktır. Geliştirici (Geliştirici). Banttaki bu sekmenin ekranını açın ve açın.

Bölümde Şablonlar (Şablonlar) Basın Belge şablonu (Belge şablonu).

Bir iletişim kutusu açılır Şablonlar ve Eklentiler (Şablonlar ve eklentiler). Alanda Belge şablonu (Belge şablonu) geçerli belgeyle ilişkilendirilmiş şablonun (veya şablon dosyasına) adını kaydetti. Şablonu değiştirmek için, tıklayın Katılmak (Ekleyin).

İletişim kutusunda Ekleme şablonu Ekle Şablonu) Özel şablonlar için varsayılan olarak seçilen klasörü otomatik olarak açın. Bu klasörde bir şablon seçin veya başka bir şablon seçmek için başka bir yere gidin. Sonra tıklayın Açık (Açık).

Şimdi alanda Belge şablonu (Belge şablonu) şablon dosyasına tam yol gösterilir. Belgenin stillerinin otomatik olarak güncellenmesini istiyorsanız, bu iletişim kutusunu kapattığınızda, parametreyi kontrol edin. Otomatik olarak stilleri güncelle Belge stillerini otomatik olarak güncelleyin). Tıklayın TAMAM MIDeğişiklikleri kaydetmek ve iletişim kutusunu kapatın.

Belgenin içeriği yeni şablona göre değişecektir. Stilleri, özelleştirilebilir araç çubukları, makrolar (özel bir şablon oluşturuldu ve uzatma ile kaydedilirse .dotm) Şablonda depolanan şimdi mevcut belgenizde mevcuttur.

Yorum Yap: Şablonun belgeye takılması Bu şablondan metin veya resim eklemez. Bu, yalnızca şablondan yeni bir dosya oluşturduğunuzda olur.

Sözcüğü kapattığınızda, aşağıdaki şekilde olduğu gibi bir iletişim kutusu gösterilecektir. Bu, belgeyle ilişkili bir şablondaki stillerin değiştirildiği bir uyarıdır. Tıklayın Kayıt etmek (Kaydet) değişiklikleri kaydetmek için, Kaydetme (Kaydetme) Değişiklikleri kaydetmek istemiyorsanız veya İptal etmek (İptal) Belgeyi düzenlemeye ve kelimeyi kapatmayın.

Yorum Yap: Şablonda herhangi bir değişiklik yapmazsanız bile, böyle bir iletişim kutusu görünebilir. Şablonu değiştirmek istemiyorsanız, sadece tıklayın Kaydetme (Kaydetme).

Bu prosedür şablonun belgeden bağlantısını kesmek için kullanılabilir. Bunu yapmak için, şablonu belgeye ekleyin. Normal Mevcut yerine. Her belgenin bununla ilişkili bir şablon olması gerektiğini unutmayın.

site. Bu, hangi barındırmanın bulunduğuna bağlıdır. Çeşitli barındırmanın avantajları ve dezavantajlarına dayanarak, kişisel tercihleriniz için barındırmayı seçin. Bana şablonun nasıl değiştirileceği hakkında daha fazla bilgi verelim site. Hosting Ucoz'da.

Talimat

Şablonu değiştirmek için site. Öncelikle Sayfa Düzenleyicisi'ne gidin ve Oradaki "Genel Ayarlar" öğesini seçin. Çizginin karşısında "Tasarım site.»" Tasarım Seç "i tıklayın ve bir seçim penceresi açılır. Şimdi sadece istediğiniz tasarımı seçin, web sitenize yükleyin ve düzenlemeye devam edin.

Örneğin, kapakların resmini değiştirin site.. Tasarımda kullanılan grafik görüntüler style.css stil dosyası veya HTML sayfası şablonu'nda açıklanmaktadır.

CSS'de kayıtlı olan resimler için. İÇİNDE üst panel "Tasarım", ardından "Tasarım Yönetimi" seçeneğini seçin. Daha sonra, pencere pencerede açılacak, #header ('/ ee.jpg') yok-yükseklikte ('/ ee.jpg') bir görünümünü arıyorsunuz: 182px; ....) . Bunu farklı olarak not edin Şablonx Her şey farklıdır, bu yüzden hangi resimle ilgili olan fotoğrafını arayın.

Şablonda öngörülen resimler için. Üst paneldeki ilk durumda olduğu gibi, "Tasarım" satırını, ardından "Tasarım Yönetimi" ni seçin, ardından açılan penceredeki türlerin bir satırını arayın. Şimdi istediğiniz bir resim seçin.

Yeni bir başlık çekmek için, orijinalden farklı boyutlarsa veya başka bir yere yerleştirmek istediğinizde, şablon veya stil dosyasındaki gerekli düzeltmeleri yapmayı unutmayın. Başlığı Kök dizininde kaydedin, bunu yapmak için, Dosya Yöneticisi'ni kullanın, ayrıca eski resmin adresini yeni ve kaydetmek için değiştirin. Aynı şekilde, tasarımın tüm resimleriyle yapın veya hemen tüm sayfa için yeni bir tasarım oluşturun ve siteye vidalayın.

Bir şablonla bir web sitesi oluşturmanın en kolay yolu. Bununla birlikte, kaynak tahsis edilir, standart tasarımı değiştirmek gerekir. Ve burada ilköğretim HTML ve CSS bilgisi olmadan yapamaz.

Talimat

İnternette, en çok sevdiğiniz site şablonunu bulun. Yeteneklerine, monitörün boyutlarına uyum sağlama yeteneğine, menünün özelliklerini ve sütunların bulunduğu yerlerine dikkat edin. En sevdiğiniz bilgisayarı indirin, arşivi açın. Performansıyla kontrol edin, bunun için dosyaları sitenin köküne doldurun. Belki de şablon hataları içeriyor ve doğru şekilde kurulmayacak, o zaman gelecekte onunla çalışmak hiç mantıklı değil.

Şablonu tamamen tekrarlamazsanız bile, görüntülerin çoğunu değiştirin ve özellikle bunlar bir logo olarak bulunur. Her resmi bu şekilde değiştirin:

Photoshop programındaki grafik dosyasını açın
- "Resim" menüsünde - "Resim Boyutu" parametrelerine bakın
- Tam olarak aynı boyutlara sahip yeni bir sayfa açın.
- Uygulama araçlarını kullanarak istediğiniz resmi oluşturun
- Tüm katmanları tamamlayın ve aynı isimde yeni bir resim ve orijinal formatı ayarlayarak aynı klasörde yeni bir resim yapın.

Böylece, bir görüntü yerine, bir başkası görünmelidir.

Tüm resimleri değiştirdikten sonra, dosya klasörünü (Joomla durumunda) arşivleyin ve "uzantılar" menüsünde Site İdaresi'nden indirin. Bakın, yeni resimlerle konunun doğru şekilde görüntülenip görüntüleneceği.

Style.css'deki kalan parametreleri değiştirin. Ve bu, yönetici panelinde, ancak bilgisayarda yapmak için çok daha uygundur. Dönüşümün sonucunun hızlı bir şekilde görüntüsü için, yerel ev sahibi (Denver) kullanmak makul. Bu, bir sonraki düzenlemeden sonra sonuçları görüntülemek için her seferinde sonucu sunucuya yükleme gereğinden kaçınır.

Ücretsiz Firebug eklentisini indirin Mozilla Firefox.. Kurulumdan sonra, tarayıcının sağ üst köşesinde sarı bir böceğin simgesi görünecektir. Üzerine tıklayın veya F12 tuşuna basın ve sayfa sayfası, klasör sürümünde ekranın alt kısmında görünecektir. Açıklanabilir, bunun için fareyi Plusies'e getirmeniz gerekir. Ve öğenin satırına tıklarsanız, ekranın üstünde vurgulanır. İÇİNDE sağ Taraf Kod penceresi, görünümden sorumlu satırlarla stilleri bulacaksınız. Ve derhal tasarımı değiştirmek için dosyayı stillerle düzenlemeniz gerektiğinde netleşir.

Not Defteri ++ 'da Style.css'leri açın. Ancak, kodu düzenlemek için tasarlanan diğer programları kullanabilirsiniz, ancak, bu amaç için, standart bir "dizüstü bilgisayar" uygulanamaz, aksi takdirde kodlama nedeniyle hatalar olacaktır. Firebug bulmak bulmak gerekli parametrelerDeğiştirilmek ve aynı zamanda onları Not Defteri ++ olarak yönetin.

CSS sonuçlarını kaydedin ve dosyayı sunucuya indirin.

Not

Yani, bir ders başlatalım: UCOZ şablonunun değiştirilmesi. Her şeyden önce, Site Yönetimi paneline gitmeniz gerekir - Ayarlar - Genel Ayarlar. Site tasarım hattında, yüklü şablonun numarasını görürsünüz, yenisiyle değiştirilmelidir. Sadece şablonun sayısını yenisine değiştirme. Sonra, biz tasarruf ve sonucu görüyoruz. Her şey olursa, sizi tebrik ediyorsunuz, UCOZ şablonunu değiştirebildiniz.

Yararlı tavsiye

UCOZ'da standart şablon nasıl değiştirilir ve yapılabilir mi? Cevap: Evet, standart şablonlar değiştirilebilir. Bugüne kadar 254,58 şablon bulunmaktadır. Standart şablonları nasıl değiştirilir, hemen hemen okuyabilirsiniz. Her şablon için 3 soru belirtildi: - Şapkayı nasıl değiştirebilir? - Fotoğrafları bloklardaki nasıl değiştirir? - Şablondaki arka plan nasıl değiştirilir?


Dikkat, sadece bugün!

Tüm ilginç

Bir hesap yükledikten ve yapılandırdıktan sonra UCOZ kullanıcısı. Kendi web sitenizi oluşturmaya başlar. İlk başta, çoğu webmaster, gelecekteki kaynağın yapısına neden olan site kapağının tasarımını soruyor. Yüksek kaliteli oluşturmak için ...

Bir şablonla bir web sitesi oluşturmanın en kolay yolu. Bununla birlikte, kaynak tahsis edilir, standart tasarımı değiştirmek gerekir. Ve burada ilköğretim HTML ve CSS bilgisi olmadan yapamaz. Talimatlar 1B İnternet Daha fazla olduğunuz site şablonunu bulun ...

Siteler oluştururken, ağda bulunan hazır şablonlar genellikle kullanılır. Bazen kullanıcılar tarafından temel olarak oluşturulurlar, temel kaynakları dışındaki binlerce kez dış tasarıma çok benzer. Web sitesine bireysel bir tasarım, şablonu vardı ...

UCOZ Site Yönetim Sistemi, kullanıcılarını 246 birimden oluşan geniş bir standart arka plan şablonları sunmaktadır. Bununla birlikte, her zaman böyle bir miktar bile, insanların tüm zevklerini tatmin edebilir, bu nedenle bu sistemde ...

Sitenizi UCOZ'da oluştururken, büyük bir çeşitlilikle ayırt edilen standart şablonlardan bir tasarım seçmek mümkündür, ancak bu bazen, özellikle sitenizin bireyselliğini vurgulamak istiyorsanız, özellikle yoksundur. Bu durumda, ...

Modern CMS, kullanıcının kendi sitesinin neredeyse tüm parametrelerini yönetme bilgisini programlamadan izin veriyor. Site binalarının yeni başlayanlar ve kendi bloglarının organizatörleri için, genellikle kendi eklemek için yeterlidir ...

Profesyonellerden tasarım sipariş etme yeteneği her zaman değildir. UCOZ sistemi, HTML ve CSS'de tasarım yazılımı için tam anlamıyla sıfırdan yazmak için fırsatlar sunar, ancak bitmişe dayalı benzersiz bir stil oluşturabileceğinizde zaman ve güç harcamaya değmez.

Cms uccoz üzerinde şu an İşlevselliği ve çeşitli mevcut şablonları nedeniyle web yöneticileri arasında en popüler web sitesi yönetim sistemidir. Ancak, site binasındaki yeniler genellikle değişme arzusu var ...

En kolay yeni gelen, standart bir şablon kullanarak bir site oluşturun. Kaynağın benzersizliği, tipik tasarımda bir dizi kozmetik ve örgütsel değişiklik yaparak elde edilebilir. Bir web sitesi şablonuna ihtiyacınız olacak; - Photoshop programı; - Genişleme ...

UCOZ sistemi, kendi web sitenizi oluşturmak için bir dizi araçtır, hatta tasarım becerileri ve düzenini olmayan kullanıcılar için bile. Çok sayıda desen ve boşluk içerir. İhtiyacın olacak-…