1. Theme Installation
1
Upload Theme
Upload the theme ZIP file through WordPress admin panel:
- Go to Appearance → Themes → Add New
- Click Upload Theme
- Choose the
graphic-print-shop-pro.zipfile - Click Install Now
2
Activate Theme
After installation, click Activate to activate the theme.
✓ Success! Your theme is now active and ready to customize.
3
Install Required Plugins
After activation, WordPress will prompt you to install required plugins. Click Begin Installing Plugins.
2. System Requirements
| Requirement | Minimum | Recommended |
|---|---|---|
| WordPress Version | 5.0 | 6.0+ |
| PHP Version | 7.4 | 8.0+ |
| MySQL Version | 5.6 | 5.7+ |
| Memory Limit | 128MB | 256MB |
| Max Upload Size | 32MB | 64MB+ |
💡 Tip: You can check your PHP version and memory limit in WordPress Admin → Tools → Site Health → Info
3. Required & Recommended Plugins
Required Plugins
| Plugin Name | Purpose | Status |
|---|---|---|
| Contact Form 7 Required | For contact forms on Contact page | Must Install |
| WooCommerce Recommended | For e-commerce functionality | Optional |
Plugin Installation Steps
1
Install Contact Form 7
- Go to Plugins → Add New
- Search for "Contact Form 7"
- Click Install Now and then Activate
2
Create Contact Form
- Go to Contact → Contact Forms
- Use the default form or create a new one
- Copy the shortcode (e.g.,
[contact-form-7 id="123"]) - Paste it in Customizer → Contact Us Page → Form Shortcode
4. Customizer Settings Guide
Navigate to Appearance → Customize to access all theme customization options.
4.1 General Configuration
Site Identity
1
Logo & Site Icon
- Logo: Upload your site logo (recommended: 200x60px)
- Site Icon: Upload favicon (32x32px or 512x512px)
Color Settings
2
Primary Colors
- Set your primary brand color
- Choose accent colors for buttons and links
- Preview changes in real-time
4.2 Homepage Sections
| Section | Location | Settings |
|---|---|---|
| Hero/Banner | Customizer → Banner Section | Title, Subtitle, Button, Background Image |
| Services | Customizer → Services Section | Badge, Title, Subtitle, Post Count, Colors |
| Portfolio/Projects | Customizer → Portfolio Section | Badge, Title, Columns, Colors, Filter Tabs |
| Testimonials | Customizer → Testimonials Section | Badge, Title, Post Count, Card Colors |
| Team | Customizer → Team Section | Badge, Title, Post Count, Card Colors |
| Blog | Customizer → Blog Section | Badge, Title, Post Count, Colors |
4.3 Color Setting For Shortcode Pages
📌 Important: This section controls colors for shortcode pages (Services, Project, Team, Testimonials, Gallery, FAQ).
Available Color Options:
- Services Shortcode: Background, Badge, Card, Icon gradients, CTA button
- Project Shortcode: Background, Badge, Card, Overlay, Icon colors
- Team Shortcode: Card, Overlay, Name, Social icons
- Testimonials Shortcode: Card, Quote icon, Star rating, Text colors
- Gallery Shortcode: Overlay, Icon, Title, Border colors
- FAQ Shortcode: Question, Answer, Icon colors
5. Page Setup & Templates
5.1 Create Required Pages
1
Homepage
- Go to Pages → Add New
- Title: "Home"
- Template: Default Template
- Publish the page
- Go to Settings → Reading
- Set "Home" as your Front page
2
Blog Page
- Create a new page titled "Blog"
- Template: Blog Full Width or Blog with Sidebar
- Go to Settings → Reading
- Set "Blog" as your Posts page
3
Contact Page
- Create a new page titled "Contact"
- Template: Contact Page
- Go to Appearance → Customize → Contact Us Page
- Add your contact form shortcode
- Add phone, address, and email information
5.2 Available Page Templates
| Template Name | Use Case | Features |
|---|---|---|
| Default Template | Standard pages | Full-width content |
| Blog Full Width | Blog listing | 3-column grid, no sidebar |
| Blog with Left Sidebar | Blog with sidebar | Content + sidebar layout |
| Blog with Right Sidebar | Blog with sidebar | Content + sidebar layout |
| Contact Page | Contact form page | Form + contact info cards |
| Page with Left Sidebar | Pages with sidebar | Content + sidebar |
| Page with Right Sidebar | Pages with sidebar | Content + sidebar |
6. Shortcodes Usage Guide
The theme includes powerful shortcodes that you can use anywhere on your site:
6.1 Available Shortcodes
[SERVICES]
Display services in a modern grid layout
[SERVICES]
Settings: Customizer → Color Setting For Shortcode Pages → Services Shortcode Colors
[PROJECT]
Display portfolio/projects in a grid with filters
[PROJECT]
Settings: Customizer → Color Setting For Shortcode Pages → Project Shortcode Colors
[TEAMLIST]
Display team members with social links
[TEAMLIST]
Settings: Customizer → Color Setting For Shortcode Pages → Team Shortcode Colors
[TESTIMONIALS]
Display customer testimonials with ratings
[TESTIMONIALS]
Settings: Customizer → Color Setting For Shortcode Pages → Testimonials Shortcode Colors
[GALLERY]
Display image gallery with lightbox
[GALLERY]
Settings: Customizer → Color Setting For Shortcode Pages → Gallery Shortcode Colors
[FAQS]
Display FAQ accordion
[FAQS]
Settings: Customizer → Color Setting For Shortcode Pages → FAQ Shortcode Colors
6.2 How to Use Shortcodes
1
Add Content
- Go to your Custom Post Types (Services, Projects, Team, etc.)
- Add new posts with featured images, titles, and descriptions
- For Team: Add social media links in custom fields
- For Testimonials: Add rating (1-5) and client information
2
Insert Shortcode
- Edit any page or post
- Paste the shortcode where you want content to appear
- Example:
[SERVICES]or[PROJECT] - Save and preview the page
3
Customize Colors
- Go to Appearance → Customize → Color Setting For Shortcode Pages
- Adjust colors for each shortcode section
- Changes apply instantly
7. Color Customization Guide
7.1 Homepage Sections Colors
Each homepage section has comprehensive color options:
Services Section Colors
- Background colors (solid + gradient)
- Badge colors (background, text, border)
- Card colors (background, shadow, hover effects)
- Icon gradients (6 different icon colors)
- CTA button colors
Portfolio Section Colors
- Background + pattern colors
- Filter tab colors (active/inactive)
- Card colors and hover effects
- Category tag colors
- Metrics badge colors
Testimonials Section Colors
- Card colors
- Quote icon gradients
- Star rating colors
- Text colors
- Verified badge colors
- Statistics strip colors
7.2 Contact Page Colors
1
Form Colors
- Form box background
- Badge colors
- Input colors (background, border, focus)
- Button gradient colors
2
Contact Info Cards
- Card background and shadows
- Icon gradients (Phone, Address, Email)
- Text and link colors
7.3 Blog Page Colors
Blog templates use modern card design with customizable colors:
- Card background and shadows
- Category badge colors
- Meta information colors
- Title and text colors
- Read more button colors
8. Custom Post Types Setup
8.1 Services
1
Add Services
- Go to Services → Add New
- Add title, description, and featured image
- Set service icon (Font Awesome class)
- Publish
8.2 Projects
1
Add Projects
- Go to Projects → Add New
- Add title, description, and featured image
- Assign category for filtering
- Publish
8.3 Team
1
Add Team Members
- Go to Team → Add New
- Add name, designation, and photo
- Add social media links (Facebook, Twitter, LinkedIn, Instagram)
- Publish
8.4 Testimonials
1
Add Testimonials
- Go to Testimonials → Add New
- Add client name, role, company
- Add testimonial text
- Set rating (1-5 stars)
- Add client photo (optional)
- Publish
8.5 Gallery
1
Add Gallery Items
- Go to Gallery → Add New
- Add title and featured image
- Publish
8.6 FAQ
1
Add FAQs
- Go to FAQ → Add New
- Add question as title
- Add answer in content area
- Publish
9. Troubleshooting
Common Issues & Solutions
1
Colors Not Applying
Issue: Customizer colors not showing on frontend
Solution:
- Clear browser cache (Ctrl+F5)
- Clear WordPress cache if using caching plugin
- Check if CSS file is loading properly
- Verify customizer settings are saved
2
Shortcodes Not Displaying
Issue: Shortcodes showing as text instead of content
Solution:
- Make sure shortcode is in uppercase:
[SERVICES]not[services] - Check if custom post types have content
- Verify shortcode is in page content, not title
- Check for plugin conflicts
3
Images Not Loading
Issue: Featured images or default images not showing
Solution:
- Check image file permissions (should be 644)
- Verify images folder exists in theme directory
- Regenerate thumbnails using "Regenerate Thumbnails" plugin
- Check image file sizes (should be under 2MB)
4
Contact Form Not Working
Issue: Contact form not submitting or sending emails
Solution:
- Install and activate Contact Form 7 plugin
- Check form shortcode in Customizer
- Configure SMTP for email delivery
- Check spam folder for test emails
5
Layout Issues
Issue: Layout broken or elements overlapping
Solution:
- Clear browser cache
- Check for CSS conflicts with other plugins
- Verify theme files are not modified incorrectly
- Check responsive breakpoints
10. Pro Tips & Best Practices
Performance Optimization
- Optimize images before uploading (use tools like TinyPNG)
- Use lazy loading for images
- Enable caching plugin (WP Super Cache, W3 Total Cache)
- Minify CSS and JavaScript files
SEO Best Practices
- Add alt text to all images
- Use descriptive titles and meta descriptions
- Install SEO plugin (Yoast SEO or Rank Math)
- Create XML sitemap
Security
- Keep WordPress, theme, and plugins updated
- Use strong passwords
- Install security plugin (Wordfence, Sucuri)
- Regular backups (UpdraftPlus, BackupBuddy)
Customization Tips
- Use child theme for customizations
- Don't edit theme files directly (use child theme)
- Test changes on staging site first
- Keep backup before major changes
11. Support & Resources
Getting Help
- Documentation: Check theme documentation
- Support Forum: Contact theme support
- Video Tutorials: Check theme documentation for video guides