Software engineering

Prompt (Improved Version):

In the /blogs/create page, implement the following fixes and improvements:

1. Blog Title Issue

Currently, when a user writes content in the editor, the H1 title from the HTML content is automatically being used as the blog title on the published blog page.

This behavior is incorrect.

• The blog title must only come from the dedicated “Title” input field provided in the blog creation form.

• No text from the editor content (including H1 or any other heading) should override or appear as the blog title.

• Ensure the title field is the single source of truth for the blog title.

2. Image Alt Text Support in Editor

In the editor, when the user types / and selects the image insertion option:

• After selecting the image, prompt the user to enter an Alt Text.

• This Alt Text should be stored with the image and rendered as the alt attribute in the HTML.

• The purpose is to improve accessibility and SEO, and to show alternative text if the image fails to load.

3. Featured Image Reliability

Currently, the featured image sometimes does not appear correctly.

Fix this so that the featured image:

• Always displays properly on the individual blog page.

• Also appears correctly as the preview/thumbnail image in the blog listing page on the WordPress site.

• Ensure the image is correctly stored, referenced, and rendered in both locations.

4. Custom URL Slug Support

Currently, the blog title is automatically being used as the URL slug.

This needs to be improved:

• Add a separate input field for the URL slug in the blog creation form.

• The slug should be editable by the user.

• The blog should be published at the URL:

/blogs/{custom-slug}

• If no slug is provided, it may default to a slugified version of the title, but users must still have the ability to override it manually.