जेनेरेटप्रेस थीम कैसे सेटअप करे – ट्यूटोरियल

जेनरेटप्रेस थीम कैसे सेट करे इसके बारे में है। इस जेनरेट प्रेस ट्यूटोरियल में मैं थीम के मुफ्त संस्करण में विशेष और महत्वपूर्ण विशेषताओं पर ध्यान केंद्रित करेंगे ।

पहले हमें Appearance में Customize ऑप्शन सेलेक्ट करना है  |

[su_divider size=”5″ margin=”25″]

आपको निचे  इमेज है वैसे स्क्रीन पे दिखाई देगा | उसमे से हर एक ऑप्शन के बारे में डिटेल में बात करते है | 

[su_divider size=”5″ margin=”25″]

साइट आइडेंटिटी 

जब हम साइड आइडेंटिटी  ऑप्शन सेलेक्ट करते है तो हमें साइट पे  मुख्य रूप से साइट का टाइटल , टैग लाइन और लोगो के बारे में अपडेट करना होगा | 

Site  Title  – यहाँ पे आपको आपके वेबसाइट का नाम दिखाई देगा  जो आपने सेटिंग करते वक़्त पहले ही डाला है |

Hide site title को आप टिक कर के रखेंगे तो आपको वेबसाइट पे से सिर्फ लोगो ही दिखेगा |

tag line  जो आपकी वेबसाइट की टैग लाइन होगी उसे आप रखे या नहीं रखना होगा तो टिक कर के हाईड कर सकते है |

Logo   इस ऑप्शन में आप लोगो अपलोड कर सकते है |

लोगो लगाने के बाद साइट टाइल और टैग लाइन हाईड करना ही अच्छा होगा | चाहे तो आप लोगो में ही टैग लाइन बना के ले सकते हो | 

Retina  Logo  – आप यहाँ पे रेटिना लोगो ऐड कर सकते है | नहीं किया तो चलेगा|

रेटिना लोगो क्या है – सामान्य लोगो से डबल पिक्सल की इमेज होनी चाहिए | 

सामान्य लोगो के रूप में 500 × 500 इमेज  और रेटिना के लिए 1000 × 1000 इमेज | 

Site Icon (Fevicon )   साइट आइकन वह हैं जो आप ब्राउज़र टैब, बुकमार्क बार और वर्डप्रेस मोबाइल एप्लिकेशन के भीतर देखते हैं। 

आप फ्री में  फ़ेविकॉन बनाने के लिए www.favicon.cc पे जाके अपना फ़ेविकॉन ऑयकन  तैयार कर के  डाउनलोड कर सकते है | 

अब आप publish बटन दबा के इसे सेव कर ले | 

[su_divider size=”5″ margin=”25″]

लेआउट ऑप्शन 

Container

Appearance > Customize > Layout > Container

आप पिक्सेल में चौड़ाई समायोजित करने के लिए स्लाइडर का उपयोग कर सकते हैं, या सीधे क्षेत्र में अपना नंबर इनपुट कर सकते हैं।

आप इसे सीएसएस का उपयोग करके प्रतिशत में सेट कर सकते हैं, हालांकि मैं आमतौर पर एक उच्च पिक्सेल मूल्य चुनने की सलाह देता हूं जैसे कि आप 100% चौड़ाई वाली वेबसाइट की तलाश में हैं।  यह उस चौड़ाई पर अधिकांश स्क्रीन पर 100% चौड़ा होगा।

Header 

Appearance > Customize > Layout > Header

Header Presets  :    Default  (इसमें लोगो लेफ्ट अलाइन और मेनू बार निचे रहेगा |)

Header Width  :      Full 

Inner Header Width  : Full 

Header Alignment :  Left   (लोगो को लेफ्ट में रखने के लिए , आप सेंटर में भी ले सकते है|)

[su_divider size=”5″ margin=”25″]

Primary Navigation

Appearance Customize > Layout > Primary Navigation

Navigation Width : Full

Inner Navigation Width : Contained

Navigation Alignment : Left

Navigation Location :  Float Right

Navigation  Dropdown  : Hover 

जब भी कर्सर किसी मेनू  के ऊपर जायेगा तब वो मेनू हाईलाइट हो जायेगा | तब क्लिक करते है तो वो उसी लिंक पे जायेगा |

Navigation Direction : Right 

Navigation Search :  Enable 

enable करने से मेनू बार में राइट साइड पे सर्च आइकॉन दिखेगा | अब आप पब्लिश का बटन दबाके के सेव कर ले | 

[su_divider size=”5″ margin=”25″]

SideBars 

Appearance Customize > Layout >Sidebars 

Sidebar Layout : Content/Sidebar

Blog Sidebar Layout : Content/Sidebar

Single Post Sidebar Layout : Content/Sidebar

साइडबार ऑप्शन में आपको साइड बार कहा चाहिए वो सेलेक्ट करना है | 

आप कुछ पेज या पोस्ट में साइडबार हटाना हो तो आप पोस्ट  एडिट कर के लेआउट ऑप्शन में जाके चेंज कर सकते है | 

[su_divider size=”5″ margin=”25″]

Footer 

Appearance Customize > Layout >Footer 

Footer Width  : Full

Inner Footer Width : Contained

Inner Widgets : 3

आप फुटर में अपने हिसाब से widgets रख सकते है |मुझे लगता है के ३ रखना सही रहेगा | 

Back to Top Button : Enable

इससे हम वेबसाइट पे राइट साइड में निचे एक एरो दिखाई देगा | उसपे क्लिक करने से पेज के टॉप पे जायेगे | 

[su_divider size=”5″ margin=”25″]

Blog

Appearance Customize > Layout > Blog 

Content Type :  Excerpt

[su_divider size=”5″ margin=”25″]

Colors 

आपको यहाँ आपके वेबसाइट कलर कॉम्बिनेशन क्या रखें इसके बारे में है | 

बेकरॉउंड कलर क्या हो, टेक्स्ट पे कलर क्या हो ,  लिंक कलर, लिंक पे कर्सर जाने के बाद कलर कैसा होना चाहिए |  इसके लिए आप  अपने हिसाब से सोच सकते है |

Navigation Color Presets  इसमें से हम रेडीमेड कलर कॉम्बिनेशन सेलेक्ट कर सकते है |

जैसे के मैंने इस कलर ऑप्शन Blue ऑप्शन सेलेक्ट किया है |  

[su_divider size=”5″ margin=”25″]

Typography 

Body 

इसमें डिफ़ॉल्ट फॉण्ट सेट कर के रख सकते है | आपको डिफ़ॉल्ट अभी है उसे बदलना चाहते तो आप इसमें चेंज कर सकते है |

Font Size  – डिफ़ॉल्ट साइज क्या होनी चाहिए वो आप तय कर सकते है | 

Line hight  – दो लाइन में गैप आप कितनी हो ये तय कर सकते है |

[su_divider size=”5″ margin=”25″]

General 

Appearance > Customize > Layout >General 

Icon  Type  : Font 

Combine  CSS  को  टिक  रहने दे | 

[su_divider size=”5″ margin=”25″]