Using the WYSIWYG Post Editor

Created by Derick Agyei, Modified on Tue, 1 Oct at 8:33 AM by Derick Agyei

eBlog AI's WYSIWYG (What You See Is What You Get) post editor is a powerful tool that allows you to create and format your blog posts easily. Here's a comprehensive guide on how to use this editor effectively:



1. Accessing the Editor:

   - From the dashboard, go to "Site" > "Posts" > "Add New" or edit an existing post.

   - The WYSIWYG editor should load automatically.



2. Basic Text Formatting:

   - Use the toolbar buttons for bold, italic, underline, and strikethrough.

   - Apply heading styles (H1, H2, H3, etc.) using the dropdown menu.

   - Create bulleted or numbered lists with a single click.


3. Paragraph Formatting:

   - Adjust text alignment (left, center, right, justify).

   - Use the indent and outdent buttons to manage paragraph spacing.


4. Inserting Links:

   - Highlight text and click the link button.

   - Enter the URL and decide whether to open in a new tab.

   - Use the unlink button to remove hyperlinks.


5. Adding Images:

   - Click the image button to upload or select from your media library.

   - Resize images by dragging corners.

   - Add alt text for SEO and accessibility.


6. Embedding Videos:

   - Use the video embed option to add YouTube or other video content.

   - Paste the video URL and adjust size settings as needed.


7. Creating Tables:

   - Insert tables to organize information.

   - Customize the number of rows and columns.

   - Format table cells for header rows or specific data types.


8. Using the AI Suggestions:

   - Look for an AI assistant button or panel.

   - Use AI to generate content ideas, expand paragraphs, or suggest edits.



9. Adding Custom HTML:

   - Switch to the HTML view for advanced customizations.

   - Be cautious when editing HTML to avoid breaking the post layout.


10. Managing Drafts and Revisions:

    - Use the save draft button to preserve your work.

    - Access revision history to revert changes if needed.


11. Utilizing Shortcodes:

    - Insert platform-specific shortcodes for advanced features.

    - Use shortcodes for elements like forms, galleries, or custom layouts.


12. SEO Optimization:

    - Look for an SEO panel to optimize title, meta description, and keywords.

    - Use the editor's SEO suggestions to improve content structure.



13. Featured Image:


    - Set a featured image for your post, which often appears as a thumbnail.



14. Categories and Tags:

    - Assign relevant categories and tags to your post for organization.


15. Scheduling and Publishing:

    - Use the publishing options to schedule your post or publish immediately.


16. Mobile Preview:

    - If available, use the mobile preview option to ensure your post looks good on all devices.


17. Using Templates:

    - Save frequently used layouts or content structures as templates for future use.


Remember to use headings, short paragraphs, and visual elements to make your content easily scannable. The WYSIWYG editor is designed to help you create visually appealing and well-structured content without needing to know HTML or CSS.


Regularly save your work and use the preview function to see how your post will appear on your live site. With practice, you'll become proficient in using all the features of the WYSIWYG editor to create engaging and professional-looking blog posts.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article