https://github.com/gaurangzalariya/wordpress-tailwind-css-theme
Converted Shopify Partner Homepage Developed with Tailwind CSS into WordPress theme with ACF Fields
https://github.com/gaurangzalariya/wordpress-tailwind-css-theme
tailwind tailwind-css tailwindcss wordpress wordpress-development wordpress-site wordpress-theme
Last synced: 2 months ago
JSON representation
Converted Shopify Partner Homepage Developed with Tailwind CSS into WordPress theme with ACF Fields
- Host: GitHub
- URL: https://github.com/gaurangzalariya/wordpress-tailwind-css-theme
- Owner: gaurangzalariya
- Created: 2024-12-05T15:13:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-05T15:28:04.000Z (over 1 year ago)
- Last Synced: 2025-03-28T03:18:19.724Z (over 1 year ago)
- Topics: tailwind, tailwind-css, tailwindcss, wordpress, wordpress-development, wordpress-site, wordpress-theme
- Language: PHP
- Homepage: https://wordpress-1231093-5014102.cloudwaysapps.com/
- Size: 597 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopify Partner Homepage WordPress Theme
This repository contains a **WordPress theme** created with **Tailwind CSS**. The theme is a conversion of the Shopify Partner homepage and includes dynamic functionality powered by the Advanced Custom Fields (ACF) plugin.
## Features
- **Tailwind CSS Integration**: Modern, utility-first CSS framework for responsive and efficient styling.
- **Dynamic Content Management**: Built using the ACF Custom Fields plugin to manage content dynamically from the WordPress admin panel.
- **Pixel-Perfect Design**: Aims to replicate the Shopify Partner homepage with high accuracy.
- **Fully Responsive**: Optimized for mobile, tablet, and desktop devices.
- **SEO-Friendly**: Clean, semantic HTML for improved SEO performance.
## Tech Stack
- **WordPress**: CMS for content management.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **ACF Custom Fields Plugin**: For dynamic and flexible content management.
- **PHP**: Theme template development.
- **HTML5 & JavaScript**: For markup and interactivity.
## Purpose
This project was created to:
- Explore the integration of **Tailwind CSS** in WordPress theme development.
- Utilize the power of **ACF Custom Fields** for dynamic content updates.
- Gain expertise in building responsive and feature-rich WordPress themes.
## Functionality
- **Customizable Homepage**: All key elements of the homepage, such as banners, sections, and call-to-action areas, are editable through the WordPress admin panel.
- **Responsive Design**: Tailwind CSS ensures seamless display across all devices.
- **Dynamic Fields**: Easily manage text, images, and links via ACF Custom Fields.
## Usage
To view the project locally:
1. Clone this repository to your WordPress wp-content/themes directory:
```bash
git clone https://github.com/gaurangzalariya/Shopify-Partner-Tailwind-CSS.git
```
2. Navigate to the WordPress admin panel, go to **Appearance > Themes**, and activate the theme.
3. Install and activate the **Advanced Custom Fields (ACF)** plugin.
4. Customize the homepage content through the WordPress admin panel.
## Usage
- Access dynamic content areas under **Pages** in the WordPress admin.
- Use the customizer or edit the theme files directly for advanced customizations.
## Demo
[Click here for demo preview](https://wordpress-1231093-5014102.cloudwaysapps.com/)
## Feedback
Feel free to open an issue or submit a pull request for any suggestions or improvements.