it-swarm-tr.com

Şablon geliştirme / ayarlama iş akışı

Genellikle sadece mevcut ücretsiz şablonları ayarlar, renkleri ve yazı tiplerini değiştiririm. Soru şu ki, zaten Joomla sayfam çevrimiçi olduğunda, şablon css'de değişiklik yapmanın en kolay yolu nedir?

Şu anda, bir önizleme için belirli stilleri bulmak ve ayarlamak için Chrome Geliştirme Araçları kullanıyorum. Beğendiysem, şablonun css dosyasını doğrudan yönetim alanındaki çevrimiçi editörde ayarlıyorum.

İlk başladığımda ve herhangi bir içeriğim olmadığında, Joomla ile yerel bir web sunucusu kullandım, bu da css ve php kodu yazmak için uygun bir IDE kullanabilmemdi. Şimdiden bazı içeriklerim olduğundan, yaptığım değişikliklerin sahip olduğum içerikle nasıl göründüğünü görmek istiyorum.

Bunun temel bir soru olduğunu biliyorum, ancak birisi mevcut bir sitenin tasarımını ayarlamak istediğinde tercih edilen bir iş akışı var mı?

16
halirutan

Akeeba ile yaşam alanını klonlayın, yerel olarak kurun, ardından gerektiği gibi ayarlayın. SSH/FTP'yi tamamladığınızda, değiştirdiğiniz dosyaları tekrar canlı siteye aktarın.

Canlı bir sitede “Tweak” yapmanın önemsiz olmasının birçok nedeni var…

10
Seth Warburton

Odağınızın kullanım kolaylığı, otomasyon veya maliyet olmasına bağlı olarak burada birkaç seçeneğiniz vardır:

  • Yerel yüklemenizle daha önce yaptığınızı tam olarak yapın, ancak yüklendikten sonra, yerel Joomla yüklemesini configuration.php, Ana Makineniz uzaktan erişimi destekliyorsa. Yine de dikkatli olun - tüm DB değişiklikleri canlı yayına dönecektir ...

  • extplorer gibi bir bileşen kullanın ve şablon dosyalarını doğrudan tarayıcıda düzenleyin, siteyi görüntüleyen başka bir sekme hala açık Chrome'un geliştirici araçları. extplorer kod renklendirme özellikleri ve hızlı bir şekilde küçük değişiklikler yapmak için mükemmeldir.

  • Değişiklikleri dışarı atmak için bir sürüm kontrol sistemi kullanın; örneğin, şablonunuzu bir depoda olacak şekilde seçtiğiniz IDE'yi kullanarak yerel bir Joomla kurulumunda şablonunuzu geliştirin. İşiniz bittiğinde, canlı sitenizde değişiklik yapın. Bu değişiklikleri çalışan bir sürüm olarak kontrol etmek için taahhüt sonrası kanca kullanın. Kurulumu daha karmaşık olsa da, bir hata yaparsanız her zaman eski şablon sürümlerine geri dönebileceğiniz anlamına gelir. Yerel ve canlı veri tutarlılığını sağlamak için uzak MySQL ekleyin.

  • Uygun bir şablon/şablon çerçevesi için ödeme yapın - şirketimde YooTheme şablonları kullanıyoruz. Bu şablon çerçevesi, solda yüzlerce CSS değişkeni (iyi, LESS değişkenleri) ve sağda canlı bir önizleme içeren 2 bölmeli bir pencere olan 'Customizr' adlı bir özelliğe sahiptir. Bu değişkenler, Oluk dolgudan menü öğesi metin gölgesine ve aradaki her şeye, şablonun neredeyse her öğesini kontrol eder. Değişiklikler önizlemede anında uygulanır ve farklı değişken konfigürasyonlarıyla oynayabilmeniz için birden fazla 'stil' tanımlanabilir. Tüm bunlar, eminim diğer şablon çerçeveleri çok benzer özelliklere sahiptir.

Not: Kullanıcıdan başka extplorer veya YooTheme ile hiçbir ilişkim yok.

10
codinghands

Yalnızca yaptığınız CSS değişiklikleri ise, bunları Chrome Geliştirme Araçları'nda önizlemeye ve Cloud9 veya ShiftEdit gibi) bir çevrimiçi geliştirme ortamı kullanmaya devam edebilirsiniz. sunucunuza FTP üzerinden doğrudan bağlanabilir ve yerel olarak barındırıldığı zaman yaptığınız gibi uygun bir IDE) kullanarak canlı siteye ince ayarlar yapabilirsiniz.

Ancak bunu sitenizi kırabilecek daha büyük değişiklikler için tavsiye etmem (birkaç yıl önce zor yoldan öğrendim). Bunlar için yerel bir sunucu (veya ücretsiz VM from koding.com ) kurmanızı, siteyi Akeeba ile klonlamanızı ve Test edildiğinde değişiklikleri Canlı sitenizde yayınlamak için Git * 'e gidin.

Kodunuzun GitHub üzerinde herkese açık olmasını istemiyorsanız iyi bir alternatif BitBucket .

6
Adam B

Yöntem 1

Kullandığım yöntemlerden biri, kendi index şablonum dizinine kendi css dosyamı eklemektir. Bu, yalnızca kullanıcıysanız eklemek için sarılabilir.

Bunu genişletmenin bir yolu, kullanıcıysanız bir css dosyası ekleyen basit bir eklenti yazmaktır. Bunu, bir sonraki güncellemeyle değiştirilebilecek şablonda doğrudan değişiklik yapmaktan kaçınmak için varsayılan yönetici şablonunda değişiklik yapmak için kullandım.

Gibi bir şey...

class plgSystemBB extends JPlugin {
    public function onBeforeCompileHead() {

    if (JFactory::getUser()->username == 'my.login.name.goes.here')
    {
        JFactory::getDocument()->addStylesheet("/templates/protostar/css/test.css");
    }

    if(!JFactory::getApplication()->isAdmin()){
        return;
    }   

    JFactory::getDocument()->addStylesheet("/templates/isis/css/admin-extra.css");
}

Yöntem 2

Şablon değişikliklerini önizlemek için şablonu çoğaltabilir ve kopyada değişiklik yapabilirsiniz. Bu değişiklikleri görüntülemek için, şablonu geçersiz kılan URL'ye "? Template = test" ekleyin. "Test" i, kopya için kullanmaya karar verdiğiniz adla değiştirin.

Yalnızca bir stili değil, tüm şablonu çoğaltmanız gerektiğini unutmayın. Hem stiller hem de şablonlar yönetici gui'sinde çoğaltılabilir.

URL'deki bir stili geçersiz kılmanın mümkün olduğuna inanmıyorum. [PW: J3'te, URL'deki bir stili geçersiz kılabileceğinizi öğrendim. Bkz. Yöntem 3.]


Yöntem 3

Yöntem 2'ye benzer, ancak stillerle. "Test" stilini kullanın ve test stilini içeren ana şablonu değiştirin. Url'deki bir stili geçersiz kılmak için? TemplateStyle = ekleyin, şablon tanımlayıcısı nerede (yani sayısal).

5
Peter Wiseman