16

आमतौर पर मैं केवल मौजूदा मुफ्त टेम्पलेट्स को समायोजित करता हूं और रंग और फोंट बदलता हूं। सवाल यह है कि जब मेरे पास मेरा जूमला पृष्ठ पहले से ही है, तो टेम्पलेट सीएसएस में बदलाव करने का सबसे आसान तरीका क्या है?

वर्तमान में, मैं पूर्वावलोकन के लिए विशिष्ट शैलियों को खोजने और समायोजित करने के लिए क्रोम डेवलपमेंट टूल्स का उपयोग कर रहा हूं । अगर मुझे यह पसंद है, तो मैं प्रशासन क्षेत्र में ऑनलाइन संपादक में सीधे टेम्पलेट की सीएसएस फ़ाइल को समायोजित करता हूं।

जब मैंने पहली बार शुरुआत की थी और मेरे पास कोई सामग्री नहीं थी, तो मैंने जूमला के साथ एक स्थानीय वेबसर्वर का उपयोग किया, जिसका फायदा यह था, कि मैं सीएसएस और पीएचपी कोड लिखने के लिए एक उचित आईडीई का उपयोग कर सकता था। चूंकि मेरे पास पहले से ही कुछ सामग्री है, इसलिए मैं यह देखना चाहूंगा कि मेरे पास जो सामग्री है उसके साथ मैं कैसे बदलाव देखता हूं।

मुझे पता है कि यह एक बुनियादी सवाल है, लेकिन क्या कोई पसंदीदा वर्कफ़्लो है जब कोई मौजूदा साइट के डिज़ाइन को समायोजित करना चाहता है?

templates fonts

— halirutan
स्रोत

10

अकीबा के साथ जीवन को क्लोन करें, इसे स्थानीय रूप से स्थापित करें, फिर आवश्यकतानुसार समायोजित करें। जब आप SSH / FTP को समाप्त कर लेते हैं तो अपनी परिवर्तित फ़ाइलों को लाइव साइट पर वापस भेज देते हैं।

अच्छे कारणों की एक पूरी मेजबानी कर रहे हैं क्यों यह एक जीवित साइट पर "tweak" के लिए आसन्न है ...

— सेठ वारबर्टन
स्रोत

ध्यान दें कि यदि आप परिवर्तन कर रहे हैं तो डेटाबेस में बदलाव किया गया है (उदाहरण के लिए, आपने मॉड्यूल का क्रम बदल दिया है), तो यह काम नहीं करेगा।

— फ्लिम

@ फाल्म सवाल सीएसएस बदलने के बारे में था, डीबी में आयोजित होने वाले परिवर्तनों को समन्वयित नहीं करना ।

— सेठ वारबर्टन

10

यहाँ पर आपके पास कुछ विकल्प हैं, यह इस बात पर निर्भर करता है कि आपका ध्यान उपयोग, स्वचालन या लागत में आसानी से है:

ठीक वैसा ही करें जैसा आपने अपने स्थानीय इंस्टॉल से पहले किया था, लेकिन एक बार इंस्टॉल हो जाने के बाद, अपने जियोम, रिमोट MySQL डेटाबेस का उपयोग करने के लिए स्थानीय जूमला इंस्टॉलेशन को बदल दें configuration.php, यदि आपका होस्ट रिमोट एक्सेस का समर्थन करता है। हालांकि सावधान रहें - कोई भी डीबी परिवर्तन लाइव में रोल करेगा ...
एक्सप्लायर जैसे एक घटक का उपयोग करें और टेम्पलेट फ़ाइलों को सीधे ब्राउज़र में संपादित करें, साइट को प्रदर्शित करने वाले एक अन्य टैब के साथ, अभी भी क्रोम के देव टूल्स का उपयोग कर रहे हैं। extplorer कोड रंग सुविधाएँ और जल्दी से छोटे परिवर्तन करने के लिए महान है।
परिवर्तनों को बाहर निकालने के लिए एक संस्करण नियंत्रण प्रणाली का उपयोग करें - उदाहरण के लिए, अपने चुने हुए IDE का उपयोग करके एक स्थानीय जूमला इंस्टॉल में अपने टेम्पलेट को एक रिपॉजिटरी में टेम्पलेट के साथ विकसित करें। जब किया जाता है, तो अपनी लाइव साइट में परिवर्तन करें। वर्किंग वर्जन के रूप में उन परिवर्तनों की जांच के लिए पोस्ट-कम हुक का उपयोग करें। जबकि सेट अप करने के लिए और अधिक जटिल है, इसका मतलब है कि यदि आप गलती करते हैं तो आप हमेशा पुराने टेम्पलेट संस्करणों में रोलबैक कर सकते हैं। दूरस्थ MySQL में जोड़ें स्थानीय और लाइव डेटा स्थिरता सुनिश्चित करने के लिए।
एक उचित टेम्पलेट / टेम्प्लेट फ्रेमवर्क के लिए भुगतान करें - मेरी कंपनी में हम YooTheme टेम्प्लेट का उपयोग करते हैं । इस टेम्प्लेट फ्रेमवर्क में 'कस्टमिज़्र' नाम की एक सुविधा है, जो मूल रूप से 2-फलक वाली खिड़की है जिसमें बाईं ओर सैकड़ों सीएसएस चर (अच्छी तरह से, कम चर) और दाईं ओर एक लाइव पूर्वावलोकन है। ये चर, टेम्पलेट के प्रत्येक तत्व के पास, गटर पैडिंग से लेकर मेनू आइटम टेक्स्ट छाया और बीच में सब कुछ नियंत्रित करते हैं। पूर्वावलोकन में तुरंत परिवर्तन लागू होते हैं और कई 'शैलियों' को परिभाषित किया जा सकता है ताकि आप विभिन्न चर कॉन्फ़िगरेशन के साथ खेल सकें। यह सब कहा, मुझे यकीन है कि अन्य टेम्पलेट रूपरेखाओं में बहुत समान विशेषताएं हैं।

नायब: मेरे पास एक्सप्लायर के साथ कोई मेल नहीं है और न ही YooTheme एक उपयोगकर्ता के रूप में है।

— codinghands
स्रोत

6

अगर यह सिर्फ आपके द्वारा किए जा रहे सीएसएस परिवर्तन हैं, तो आप उन्हें क्रोम डेवलपमेंट टूल्स में प्रीव्यू जारी रख सकते हैं और क्लाउड 9 या ShiftEdit जैसे ऑनलाइन डेवलपमेंट परिवेश का उपयोग करके आप अपने सर्वर से सीधे एफ़टीपी के माध्यम से कनेक्ट कर सकते हैं और एक उचित आईडीई का उपयोग करके लाइव साइट पर ट्वीक कर सकते हैं। जब आपने इसे स्थानीय स्तर पर होस्ट किया था, तो आप इसके समान थे।

लेकिन मैं किसी भी बड़े बदलाव के लिए इसकी अनुशंसा नहीं करूंगा जो आपकी साइट को तोड़ सके (मैंने कुछ साल पहले कठिन तरीका सीखा था)। इन के लिए मैं एक स्थानीय सर्वर (या से एक नि: शुल्क वी एम स्थापित करने की सलाह देते हैं koding.com ,) के साथ साइट क्लोनिंग Akeeba और अपने लाइव साइट पर परिवर्तन पुश करने के लिए एक बार वे परीक्षण किया गया है Git * का उपयोग कर।

* यदि आप नहीं चाहते कि आपका कोड GitHub पर सार्वजनिक हो तो एक अच्छा विकल्प BitBucket है ।

— एडम बी
स्रोत

5

विधि 1

एक विधि जो मैंने प्रयोग की है वह है कि अपनी खुद की सीएसएस फ़ाइल को टेम्पलेट index.php फ़ाइल में जोड़ें। यह केवल तभी जोड़ा जा सकता है जब आप उपयोगकर्ता हों।

इसे विस्तारित करने का एक तरीका एक सरल प्लगइन लिखना है जो यदि आप उपयोगकर्ता हैं तो एक सीएसएस फ़ाइल जोड़ता है। मैंने इसका उपयोग डिफ़ॉल्ट व्यवस्थापक टेम्पलेट में परिवर्तन करने के लिए किया है, ताकि अगले अद्यतन द्वारा प्रतिस्थापित किए जा सकने वाले टेम्पलेट में सीधे परिवर्तन न किया जा सके।

कुछ इस तरह...

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");
}

विधि 2

टेम्प्लेट परिवर्तनों को पूर्वावलोकन करने के लिए, आप टेम्प्लेट की नकल कर सकते हैं, और डुप्लिकेट में परिवर्तन कर सकते हैं। उन परिवर्तनों को देखने के लिए, url में "टेम्प्लेट = टेस्ट" को जोड़ें, जो टेम्प्लेट को ओवरराइड करता है। डुप्लिकेट के लिए आपने जो भी नाम उपयोग करने का फैसला किया है, उसके साथ "परीक्षण" बदलें।

ध्यान दें कि आपको पूरे टेम्पलेट की नकल करने की आवश्यकता है, न कि केवल एक शैली। शैलियों और टेम्पलेट्स दोनों को व्यवस्थापक जीआई में डुप्लिकेट किया जा सकता है।

मुझे विश्वास नहीं है कि यह url में एक शैली को ओवरराइड करना संभव है। [PW: मुझे अभी पता चला है कि J3 में, आप url में एक शैली को ओवरराइड कर सकते हैं। विधि 3 देखें]

विधि 3

विधि 2 के समान लेकिन शैलियों के साथ। एक "परीक्षण" शैली का उपयोग करें और परीक्षण स्टाइलशीट को शामिल करने के लिए मुख्य टेम्पलेट को संशोधित करें। Url में किसी शैली को ओवरराइड करने के लिए, टेम्पलेट; AddStyle =, टेम्पलेट आइडेंटिफ़ायर (यानी संख्यात्मक) कहाँ है।

— पीटर वाइसमैन
स्रोत

@peter मुझे प्लगइन का विचार पसंद है, मुझे अभी भी लगता है कि आपको रिमोट कंट्रोल और कोडिन को स्रोत नियंत्रण में कोड करना चाहिए लेकिन अगर परीक्षण के साथ साझा किया गया तो कुछ परीक्षण की कोशिश अच्छी हो सकती है

— tristanbailey

1

@tristanbailey धन्यवाद। हां, रिमोट कोडिंग काफी साफ-सुथरी है, लेकिन यह सवाल किसी मौजूदा साइट पर ऑनलाइन करने के संदर्भ में है।

— पीटर विजमैन

टेम्पलेट्स के विकास / समायोजन के लिए वर्कफ़्लो

विधि 1

विधि 2

विधि 3