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:

     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

Feedback

Feel free to open an issue or submit a pull request for any suggestions or improvements.