Under Construction
This documentation is not yet complete. We are working hard to get this updated as soon as possible. For any questions, please reach out to us on our contact page.
Quick Start Guide
Get up and running with Divi Open Graph in just a few minutes! This guide will help you create your first stunning social media image.
Prerequisites
Before you begin, make sure you have:
- Divi Open Graph installed and activated
- Admin access to your WordPress site
- A logo or brand image (optional but recommended)
New to Divi Open Graph?
If you haven't installed the plugin yet, check out our Installation Guide first.
Step 1: Basic Setup (2 minutes)
Access Plugin Settings
- Navigate to your WordPress admin dashboard
- Click on "Divi Open Graph" in the sidebar
- Select "Settings" from the submenu
Configure Essential Settings
Set these basic options to get started:
- Template: Choose "Modern" for a clean, professional look
- Image Size: Keep default (1200x630px)
- Format: Select JPEG for smaller file sizes
- Quality: Set to 90 for best balance of quality and size
- Upload your logo (recommended size: 200x200px)
- Set primary color to match your brand
- Choose font that aligns with your brand style
Step 2: Create Your First Image (1 minute)
Option A: New Post
- Create a new post (Posts → Add New)
- Add a compelling title - this will appear on your image
- Write your content
- Click "Publish"
Option B: Existing Post
- Edit an existing post
- Update the title if needed
- Click "Update"
Image Generated!
Divi Open Graph automatically generates your social media image when you publish or update content. No additional steps required!
Step 3: Verify Your Image (30 seconds)
Check the Generated Image
- Scroll down to the Divi Open Graph meta box in your post editor
- View the generated image preview
- Click "Regenerate" if you want to create a new version
Test on Social Media
The fastest way to test is using Facebook's debugger:
- Visit Facebook Sharing Debugger
- Paste your post URL
- Click "Debug"
- See your beautiful image in the preview!
Customization Tips
Quick Improvements
Pro Tips for Better Images
- Keep titles under 60 characters for best readability
- Use high-contrast colors for text and background
- Upload a high-quality logo for professional appearance
- Test your images on different social platforms
Template Adjustments
If you want to modify the default template:
- Go to Divi Open Graph → Templates
- Select your active template
- Adjust colors, fonts, and layout
- Save changes
- Regenerate existing images if desired
Common Scenarios
Blog Posts
Perfect for articles, tutorials, and announcements. The default template works great for most blog content.
Product Pages
Consider using templates with more visual emphasis on images and pricing information.
Event Announcements
Use templates that highlight dates and call-to-action elements.
Company News
Professional templates with your logo prominently displayed work best.
What's Next?
Now that you've created your first image, explore these advanced features:
🎨 Advanced Customization
- Custom Templates - Create unique designs
- Brand Integration - Comprehensive branding guide
- Typography Options - Font customization
⚡ Automation & Efficiency
- Bulk Operations - Update multiple posts at once
- Auto-generation Rules - Set up automatic triggers
- Template Scheduling - Different templates for different content
🔧 Advanced Features
- Custom Fields - Dynamic content integration
- API Integration - Programmatic image generation
- Performance Optimization - Speed up your site
Troubleshooting
Image Not Generating?
Quick Fixes
- Check file permissions - Ensure WordPress can write to uploads directory
- Verify requirements - PHP GD library or ImageMagick must be installed
- Memory limits - Increase PHP memory if you get timeout errors
- Plugin conflicts - Temporarily deactivate other plugins to test
Image Quality Issues?
- Increase image quality in settings (try 95)
- Use PNG format for images with transparency
- Check logo resolution - upload higher quality logo
- Adjust template colors for better contrast
Need Help?
- Troubleshooting Guide - Detailed problem-solving
- FAQ - Common questions answered
- Contact Support - Get personal assistance
- [Community Forum](https://github.com/Abd-Ur-Rehman/Divi Open Graph/discussions) - Connect with other users
You're Ready!
Congratulations! You've successfully created your first Divi Open Graph image. Your content will now stand out beautifully on social media platforms.