आज हम इस लेख में बात करेगे कि How to Add Animated WhatsApp and Telegram Group Join Buttons in Generate Press Theme Without Plugins? इसकी हम आप को सारी जानकारी देगे वो भी बिना किसी plugins को इनस्टॉल किये और आप एनिमेटेड व्हाट्सएप और टेलीग्राम ग्रुप जॉइन बटन के साथ अपने GeneratePress थीम को बेहतर बनाना चाहते हैं? यह गाइड आपको GenerateBlocks और GeneratePress Elements मॉड्यूल का उपयोग करके इसे प्राप्त करने का तरीका दिखाएगा।
How to Add Animated WhatsApp and Telegram Group Join Buttons in Generate Press Theme Without Plugins
तो हम आप को बिना किसी plugins के whatsapp और telegram button को जोड़ने कि प्रोसेस आप को निचे बता रहे है आप देख सकते है |
Step 1: Install GeneratePress Theme and GP Premium Plugin
1.Log in to your WordPress dashboard.
2.Go to Appearance > Themes.
3.Install and activate the GeneratePress theme.
4.Go to Plugins > Add New, search for GP Premium, install, and activate it.
Step 2: Install and Activate GenerateBlocks Plugin
1. Navigate to Plugins > Add New.
2.Search for GenerateBlocks.
3.Click Install Now and then Activate.
Step 3: Activate Elements Module in GeneratePress
- Go to Appearance > GeneratePress.
2. Activate the Elements Module.
3. Refresh your website after activation.
Step 4: Create a New Element
- Go to Appearance > GeneratePress > Elements.
2. Click Add New and choose Block as the element type.
3. Add a title and start designing the join button.
Step 5: Add WhatsApp and Telegram Join Buttons
- Copy and paste the following code into the block section of your new element:
.whatsapphighlight {
animation: WPLiteTheme-GreenBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-GreenBorderAnimation {
0% {
border-color: transparent;
}
50% {
border-color: #25d366;
}
100% {
border-color: transparent;
}
}
.telegramhighlight {
animation: WPLiteTheme-BlueBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-BlueBorderAnimation {
0% {
border-color: transparent;
}
50% {
border-color: #0086ce;
}
100% {
border-color: transparent;
}
}