https://github.com/jalandhar04/rank-math-faq-accordion

Vanilla javascript that change the rank math faq blck into accordion.
https://github.com/jalandhar04/rank-math-faq-accordion

faq-accordion rankmath wordpress wordpress-plugin

Last synced: 27 days ago
JSON representation

Vanilla javascript that change the rank math faq blck into accordion.

• Host: GitHub
• URL: https://github.com/jalandhar04/rank-math-faq-accordion
• Owner: jalandhar04
• License: gpl-3.0
• Created: 2024-08-11T16:39:07.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T17:39:49.000Z (3 months ago)
• Last Synced: 2024-09-22T21:32:53.279Z (about 1 month ago)
• Topics: faq-accordion, rankmath, wordpress, wordpress-plugin
• Language: JavaScript
• Homepage:
• Size: 17.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Rank-Math-FAQ-Accordion

This repo contains CSS, and JavaScript code to change the Rankmath FAQs block into accordion.

## Demo

- Before

  ![image](https://github.com/user-attachments/assets/133b9aa9-e2f9-4e96-8562-b35a636c90ef)

- After

  ![image](https://github.com/user-attachments/assets/0b06c048-033b-4e9c-a526-27e8ac94cebc)

  ![Screen-Recording-2024-08-11-214430](https://github.com/user-attachments/assets/7a64825b-49fa-4951-8d61-9b0832313647)

## Installation

To add it in your WordPress website, follow these steps:

1. Copy javascript & paste it in your theme's function.php file. (!Important Tips: Aalways use child theme for custom scripts). If you are not a technical person, you can simply use plugins like WP Code or Code Snippets to do the same.

2. Copy CSS & paste it in additional CSS field of your theme.

3. Done! Refresh the page & look at the FAQs section.

## Author

- [Jalandhar Paswan](https://jalandharpaswan.com/)

## Repository

- GitHub: [https://github.com/jalandhar04/Rank-Math-FAQ-Accordion.git](https://github.com/jalandhar04/Rank-Math-FAQ-Accordion.git)