logo

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - नया लेआउट बिल्डर अनुभव❗

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - स्टाइलिश, कस्टमाइज़ेबल ब्लॉक टाइप्स: स्लाइडशो, टैब्स, कार्ड्स, एकॉर्डियन्स और कई अन्य। बैकग्राउंड, DOM बॉक्स, जावास्क्रिप्ट प्लगइन्स के लिए बिल्ट-इन सेटिंग्स। आज ही लेआउट बिल्डिंग का भविष्य अनुभव करें।

डेमो EBT मॉड्यूल्स EBT मॉड्यूल्स डाउनलोड करें

❗एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - नया पैराग्राफ्स अनुभव

एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - एनालॉजिकल पैराग्राफ आधारित मॉड्यूल्स का सेट।

डेमो EPT मॉड्यूल्स EPT मॉड्यूल्स डाउनलोड करें

स्क्रॉल

Drupal पर ब्लॉग बनाना। FCKeditor और Pathauto मॉड्यूल्स का उपयोग।

15/10/2025, by Ivan

आज ब्लॉग बनाने के कई समाधान मौजूद हैं, और शायद सबसे लोकप्रिय है WordPress। WordPress को ब्लॉगिंग CMS के रूप में जाना जाता है और इसके बारे में बहुत सारी जानकारी आप खोज इंजनों पर पा सकते हैं। हालांकि, मेरा मानना है कि Drupal पर बनाया गया ब्लॉग तेज़ी से काम करेगा।

यदि आपने अपने नए ब्लॉग के लिए Drupal चुना है, तो आइए इसे एक साथ बनाते हैं। इसमें आधे घंटे से ज़्यादा समय नहीं लगना चाहिए। हमारे पास पहले से स्थापित Drupal, Admin Menu मॉड्यूल है, और शायद आपने अपनी वेबसाइट की थीम में कुछ बदलाव भी किए होंगे।

आइए अपने नए ब्लॉग की सेटअप प्रक्रिया शुरू करें। इसके लिए हमें जिन मॉड्यूल्स की आवश्यकता होगी:

1. Drupal का मानक Blog मॉड्यूल सक्रिय करें।

Drupal module blog

अब हम “ब्लॉग प्रविष्टियाँ” (Blog entries) बना सकते हैं:

Drupal запись в блоге

शीर्षक और सामग्री के फ़ील्ड भरें और “सहेजें” (Save) पर क्लिक करें:

Drupal первая запись

हमारी पहली प्रविष्टि बन गई है, और सभी आगामी प्रविष्टियाँ इस पते पर उपलब्ध होंगी — site_name/blog/1। कुछ और प्रविष्टियाँ जोड़ें ताकि आप देख सकें कि नई पोस्ट्स ब्लॉग में ऊपर दिखाई देती हैं।

Drupal blog список

अब ब्लॉग के लिंक (blog/1) को Navigation मेनू में जोड़ें। इसके लिए जाएँ: “साइट संरचना → मेनू → मेनू सूची”, फिर “Navigation” चुनें और नया आइटम जोड़ें। मेनू आइटम्स का क्रम आप उन्हें खींचकर (drag & drop) बदल सकते हैं।

Drupal меню

अब ब्लॉग पेज को वेबसाइट का मुख्य पेज बना दें। जाएँ: “साइट सेटिंग्स → साइट जानकारी”

Drupal настройка сайта

“मुख्य पृष्ठ” फ़ील्ड में लिखें: blog/1

Drupal главная страница

अब हमें पोस्ट लिखने और संपादित करने के लिए एक सुविधाजनक विज़ुअल एडिटर की आवश्यकता होगी।

2. Drupal पर CKEditor स्थापित करना

विज़ुअल एडिटर स्थापित करने के लिए आवश्यक मॉड्यूल्स:

  • WYSIWYG — यह मॉड्यूल कई विज़ुअल एडिटर्स (जैसे CKEditor, FCKeditor, TinyMCE आदि) को स्थापित करने की अनुमति देता है।
  • CKEditor — स्वयं एडिटर डाउनलोड करें।

चित्र अपलोड करने की सुविधा जोड़ने के लिए हम IMCE मॉड्यूल का उपयोग करेंगे। यह सर्वर पर फाइल अपलोड करने का टूल है। इसके लिए आवश्यक मॉड्यूल्स:

  • IMCE — मुख्य फाइल अपलोडर मॉड्यूल।
  • IMCE WYSIWYG bridge — CKEditor और IMCE के बीच एकीकरण के लिए।

अब इन मॉड्यूल्स को डाउनलोड करें और sites/all/modules फ़ोल्डर में एक्सट्रैक्ट करें:

Drupal установка WYSIWYG

फिर WYSIWYG मॉड्यूल सक्रिय करें:

Drupal модуль WYSIWYG

इसके बाद CKEditor को sites/all/libraries फ़ोल्डर में कॉपी करें (यदि यह फ़ोल्डर मौजूद नहीं है, तो बनाएँ):

Drupal libraries

Drupal CKEditor

अब WYSIWYG मॉड्यूल की सेटिंग्स में जाएँ:

WYSIWYG настройки

यदि आप “Filtered HTML” इनपुट फॉर्मेट का उपयोग कर रहे हैं, तो कई HTML टैग्स फ़िल्टर हो जाएंगे, इसलिए “Full HTML” का उपयोग करें ताकि सभी टैग और इमेज बने रहें।

Drupal формат ввода

“Full HTML” को डिफ़ॉल्ट फॉर्मेट के रूप में सेट करें:

Drupal full html

अब नई Page बनाएँ और देखें कि CKEditor कैसा दिखता है:

Drupal CKEditor вид

CKEditor काम कर रहा है! अब इसमें बटन जोड़ें:

Drupal CKEditor настройки

प्रत्येक इनपुट फॉर्मेट के लिए अलग-अलग बटन कॉन्फ़िगरेशन होते हैं, सुनिश्चित करें कि आप सही फॉर्मेट संपादित कर रहे हैं।

Drupal CKEditor кнопки

अब IMCE और IMCE WYSIWYG bridge मॉड्यूल स्थापित करें ताकि आप सीधे एडिटर से तस्वीरें अपलोड कर सकें:

IMCE

WYSIWYG सेटिंग्स में IMCE सक्षम करें:

IMCE включить

अब CKEditor टूलबार में एक नया बटन दिखाई देगा — तस्वीरें अपलोड करने के लिए:

IMCE загрузка картинок

किसी भी छवि को अपलोड करें: Browse Server → Upload → Insert file

IMCE загрузка картинок

“OK” दबाएँ और छवि सम्मिलित हो जाएगी। अब हमारे पास एक पूर्ण विज़ुअल एडिटर है:

IMCE загрузка картинок

3. Pathauto मॉड्यूल का उपयोग करके आपके ब्लॉग पोस्ट्स के लिए सुंदर URL बनाना

Drupal में “Path” मॉड्यूल होता है, जो किसी पेज के लिए URL उपनाम (alias) बनाने की अनुमति देता है। लेकिन हर पेज के लिए इसे मैन्युअली बनाना असुविधाजनक है, इसलिए हम Pathauto का उपयोग करेंगे। इसके लिए पहले इसे डाउनलोड करें:

Pathauto और Token मॉड्यूल डाउनलोड करें और sites/all/modules में कॉपी करें।

फिर “Admin → Site building → Modules” में जाकर Pathauto मॉड्यूल सक्रिय करें। Drupal स्वचालित रूप से आवश्यक मॉड्यूल Path और Token को सक्रिय करने का सुझाव देगा।

अब सभी नई ब्लॉग प्रविष्टियाँ और Pages के URL पढ़ने योग्य (human-readable) होंगे।

यदि आप रूसी अक्षरों को ट्रांसलिटरेट करना चाहते हैं, तो “pathauto/i18n-ascii.example.txt” फ़ाइल का नाम बदलकर “i18n-ascii.txt” करें।

अब Pathauto की सेटिंग्स में जाएँ (“Admin → Site configuration → Pathauto”) और “Transliterate prior to creating alias” विकल्प सक्षम करें।

Drupal Pathauto

अब सभी URL लैटिन अक्षरों में होंगे।

(पुराना तरीका) Drupal पर FCKEditor स्थापित करना

FCKEditor एक मुक्त-स्रोत WYSIWYG एडिटर है जो बिना HTML कोड लिखे टेक्स्ट संपादन की अनुमति देता है। हालांकि अब यह पुराना है और इसकी जगह CKEditor का उपयोग किया जाता है।

यदि फिर भी आप FCKEditor का उपयोग करना चाहते हैं, तो इसे Drupal.org से डाउनलोड करें और उसके अंदर एडिटर की फाइलें रखें। फिर मॉड्यूल सक्रिय करें और आवश्यक अनुमतियाँ (permissions) जोड़ें।

अंततः, आपके पास पूरी तरह कार्यशील ब्लॉग होगा जिसमें आप सुंदर URL, CKEditor विज़ुअल एडिटर, और IMCE इमेज अपलोड सुविधा के साथ पोस्ट बना सकेंगे।