2011-05-18 16 views
8

क्या यह जूमला वेबसाइट पर एक ही पृष्ठ के लिए अपनी खुद की कस्टम .js और .css फ़ाइलों को शामिल करना संभव है?जूमला - एक जूमला आलेख में .js और .css फ़ाइलों को सम्मिलित करें?

मैं मूल रूप से किसी विशेष पृष्ठ के लिए दो कस्टम जावास्क्रिप्ट और सीएसएस फ़ाइलों को जोड़ना चाहता हूं। मैं नहीं चाहता कि ये फ़ाइलें किसी भी अन्य जूमला पृष्ठों में शामिल हों।

किसी भी सुझाव की सराहना की जाएगी।

आप इस तरह के JUMI रूप में एक कस्टम कोड एक्सटेंशन का उपयोग कर धन्यवाद

उत्तर

1

प्रयास करें। यह वास्तव में इस उद्देश्य के लिए बनाया गया है।

विवरण से: जुमी के साथ आप मॉड्यूल स्थिति, लेख, श्रेणी या अनुभाग विवरण, या अपने स्वयं के कस्टम किए गए घटक पृष्ठों में PHP, एचटीएमएल, जावास्क्रिप्ट स्क्रिप्ट शामिल कर सकते हैं।

+0

लिंक मर चुका है ... – pufferfish

1

सोयागुल का समाधान उचित HTML में परिणाम नहीं है क्योंकि इन कथन/HTML HTML हेडर से संबंधित है।

उपयोग करें: http://extensions.joomla.org/extensions/edition/custom-code-in-modules/11936 यह प्लगइन सामग्री को आपके जूमला वेबसाइट के मुख्य अनुभाग में डालने की अनुमति देता है।

फिर आप कुछ असाइन पृष्ठों को जोड़ने के लिए मेनू असाइनमेंट कार्यक्षमता का उपयोग कर सकते हैं।


इसकी काफी आसान है कि खुद के लिए की तरह एक साधारण मॉड्यूल लिखने के लिए - लेकिन जब से यह पहले से ही उपलब्ध है कि एक के साथ चलते हैं। यह आपकी आवश्यकताओं से मेल नहीं खाती हैं:

तुम सिर्फ एक "खाली/हैलो दुनिया" इन दो बयानों के साथ मॉड्यूल की जरूरत है: (http://docs.joomla.org/Creating_a_Hello_World_Module_for_Joomla_1.5) (http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page)

// Add a reference to a Javascript file 
// The default path is 'media/system/js/' 
JHTML::script($filename, $path, $mootools); 

// Add a reference to a CSS file 
// The default path is 'media/system/css/' 
JHTML::stylesheet($filename, $path); 
0

मैं एक बड़ी नहीं कर रहा हूँ पूरी तरह जरूरी जब तक जूमला में नए एक्सटेंशन जोड़ने का प्रशंसक। यदि आप करते हैं, तो सुनिश्चित करें कि यह जूमला की कमजोर एक्सटेंशन की सूची पर नहीं है, पहले। आपके द्वारा जोड़े गए प्रत्येक तृतीय-पक्ष एक्सटेंशन/प्लगइन हैकर्स के लिए केवल एक और संभावित बैक दरवाजा है।

किसी पृष्ठ के लिए अपना स्वयं का कस्टम सीएसएस जोड़ने के लिए, आप या तो अपने टेम्पलेट की मास्टर सीएसएस फ़ाइल को संपादित कर सकते हैं, या सिर्फ अपना स्वयं का बना सकते हैं और इसे परियोजना से लिंक कर सकते हैं। यहां बताया गया है कि आप यह कैसे करेंगे:

सबसे पहले, यह पता लगाएं कि आपकी सीएसएस फ़ाइलों को कैसे कहा जा रहा है। आपके द्वारा उपयोग किए जा रहे टेम्पलेट के आधार पर वास्तविक फ़ाइल नाम निश्चित रूप से मेरे उदाहरण से अलग होंगे, लेकिन चलिए जूमला सिस्टम टेम्पलेट देखें, जो टेम्पलेट्स/सिस्टम में स्थित है। index.php फ़ाइल सब कुछ नियंत्रित करता है, तो इसे खोलने के ऊपर और आप इस लाइन मिल जाएगा:

<?php 
include dirname(__FILE__).DIRECTORY_SEPARATOR.'component.php'; 
?> 

ओपन component.php और आप कुछ कोड है कि इस तरह दिखाई देगा:

<head> 
    <jdoc:include type="head" /> 
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> 

आप तीसरी पंक्ति में एक सीएसएस फ़ाइल शामिल करने के लिए कॉल देख सकते हैं। आपको बस एक सीएसएस फ़ाइल बनाने के लिए एक और लाइन जोड़ने की ज़रूरत है। /templates/system/css/custom.css (या जो कुछ भी आपको पसंद है) नामक एक नई फ़ाइल बनाएं और घटक में कोड सेगमेंट को फिर से लिखें।php इस तरह देखने के लिए:

<head> 
    <jdoc:include type="head" /> 
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> 
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/custom.css" type="text/css" /> 

अब तुम सिर्फ बाहर अपने खुद के सीएसएस नए custom.css फ़ाइल आपके द्वारा बनाए में कोड कर सकते हैं। आप इसे आसानी से रॉकेटथीम या YooTheme से किसी भी टेम्पलेट सिस्टम के साथ कर सकते हैं। वास्तव में, यदि आप अपने टेम्पलेट्स में से किसी एक का उपयोग करते हैं, तो उनके पास पहले से ही एक कस्टम.css फ़ाइल है जिसे आप बस अपना कोड जोड़ सकते हैं। बस जागरूक रहें यदि आप इसे इस तरह करते हैं और फिर टेम्पलेट को अपडेट करते हैं, तो आप अपना कोड जोड़ देंगे। यही कारण है कि मैं अपनी खुद की फाइल लिखना पसंद करता हूं। आप कस्टम जेएस कोड को शामिल करने के लिए शायद कुछ ऐसा ही कर सकते हैं, लेकिन मैं जेएस से प्लेग की तरह टालना चाहता हूं, इसलिए किसी और को यह पता होना होगा कि कस्टम जेएस फ़ाइल से कैसे लिंक करना है।

+3

को प्रोत्साहित नहीं करना आपकी विधि प्रत्येक पृष्ठ पर कोड जोड़ती है, प्रश्न केवल विशिष्ट पृष्ठों पर कोड जोड़ता है। –

+0

अच्छा बिंदु, मैंने पूरी तरह से इसे अनदेखा किया –