| @@ -42,14 +42,58 @@ | ||
| 42 | 42 | placeholder="We build awesome things" /> |
| 43 | 43 | </td> |
| 44 | 44 | </tr> --> |
| 45 | 45 | <tr> |
| 46 | - <th scope="row"><label for="siteDescription">Site description</label></th> | |
| 46 | + <th scope="row"><label for="siteDescription">Site description & context</label></th> | |
| 47 | 47 | <td> |
| 48 | - <textarea name="siteDescription" id="siteDescription" class="large-text" rows="4" | |
| 49 | - placeholder="Short description used by AI as context"></textarea> | |
| 48 | + <textarea name="siteDescription" id="siteDescription" class="large-text" rows="4" maxlength="500" | |
| 49 | + placeholder="Describe your site and add any additional context that will help AI generate better content"></textarea> | |
| 50 | + <p id="siteDescription-counter" class="description" style="margin-top:4px;margin-bottom:4px;">0/500</p> | |
| 51 | + <p class="description">Enter your site description and add the rules the AI must follow when generating content.</p> | |
| 50 | 52 | </td> |
| 51 | 53 | </tr> |
| 54 | + <tr> | |
| 55 | + <th scope="row"><label for="designStyle">Design Style</label></th> | |
| 56 | + <td> | |
| 57 | + <select name="designStyle" id="designStyle" class="regular-text"> | |
| 58 | + <option value="">-- Select Design Style --</option> | |
| 59 | + <option value="minimalist">Minimalist & Clean</option> | |
| 60 | + <option value="tech-modern">Tech & Modern (SaaS)</option> | |
| 61 | + <option value="corporate">Corporate & Serious</option> | |
| 62 | + <option value="brutalist">Bold & Brutalist</option> | |
| 63 | + <option value="luxury">Luxury & Elegant</option> | |
| 64 | + <option value="organic">Organic & Soft</option> | |
| 65 | + </select> | |
| 66 | + <p class="description" id="designStyle-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> | |
| 67 | + </td> | |
| 68 | + </tr> | |
| 69 | + <tr> | |
| 70 | + <th scope="row"><label for="blockShapes">Block Shapes</label></th> | |
| 71 | + <td> | |
| 72 | + <select name="blockShapes" id="blockShapes" class="regular-text"> | |
| 73 | + <option value="">-- Select Block Shape --</option> | |
| 74 | + <option value="sharp">Sharp (Square)</option> | |
| 75 | + <option value="soft">Soft (Slightly rounded)</option> | |
| 76 | + <option value="rounded">Rounded</option> | |
| 77 | + <option value="pill">Pill (Very round)</option> | |
| 78 | + </select> | |
| 79 | + <p class="description" id="blockShapes-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> | |
| 80 | + </td> | |
| 81 | + </tr> | |
| 82 | + <tr> | |
| 83 | + <th scope="row"><label for="copywritingTone">Copywriting Tone</label></th> | |
| 84 | + <td> | |
| 85 | + <select name="copywritingTone" id="copywritingTone" class="regular-text"> | |
| 86 | + <option value="">-- Select Copywriting Tone --</option> | |
| 87 | + <option value="professional">Professional & Formal</option> | |
| 88 | + <option value="friendly">Friendly & Casual</option> | |
| 89 | + <option value="persuasive">Persuasive & Sales-oriented</option> | |
| 90 | + <option value="educational">Educational & Informative</option> | |
| 91 | + <option value="enthusiastic">Enthusiastic & Energetic</option> | |
| 92 | + </select> | |
| 93 | + <p class="description" id="copywritingTone-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> | |
| 94 | + </td> | |
| 95 | + </tr> | |
| 52 | 96 | <!-- <tr> |
| 53 | 97 | <th scope="row"><label for="nativeFont">Font (native)</label></th> |
| 54 | 98 | <td> |
| 55 | 99 | <select name="nativeFont" id="nativeFont"> |
| @@ -64,14 +108,23 @@ | ||
| 64 | 108 | </select> |
| 65 | 109 | <p class="description">Browsers map to native OS fonts and fallback to sans-serif.</p> |
| 66 | 110 | </td> |
| 67 | 111 | </tr> --> |
| 112 | + <tr> | |
| 113 | + <th scope="row"><?php esc_html_e('Headers & Footers', 'ai-builder'); ?></th> | |
| 114 | + <td> | |
| 115 | + <a href="<?php echo esc_url(admin_url('admin.php?page=aibui-headers-footers')); ?>" class="button"> | |
| 116 | + <?php esc_html_e('Edit Headers & Footers →', 'ai-builder'); ?> | |
| 117 | + </a> | |
| 118 | + <p class="description"><?php esc_html_e('Generate a custom header and footer for your site with AI.', 'ai-builder'); ?></p> | |
| 119 | + </td> | |
| 120 | + </tr> | |
| 68 | 121 | </tbody> |
| 69 | 122 | </table> |
| 123 | + <div id="aibui-settings-toast" style="display:none;"></div> | |
| 70 | 124 | |
| 71 | 125 | <p class="submit"> |
| 72 | - <button type="submit" class="button button-primary">Save Settings</button> | |
| 126 | + <button type="submit" class="button button-primary button-center">Save Settings</button> | |
| 73 | 127 | </p> |
| 74 | 128 | </form> |
| 75 | 129 | |
| 76 | - <div id="aibui-settings-toast" style="display:none;"></div> | |
| 77 | 130 | </div> |
