Implementar Issues #34-43 - Funcionalidades de conversión, UI/UX y SEO avanzadas
Implementación masiva de 10 funcionalidades usando agentes paralelos para máxima eficiencia. **Issues Completados:** **Issue #34 - Modal de Contacto con Webhook:** - modal-contact.html: Modal Bootstrap 5 independiente - assets/css/modal-contact.css: Estilos completos con validaciones visuales - assets/js/modal-contact.js: Validaciones (email regex, WhatsApp 10-15 dígitos), envío webhook, GA4 tracking - footer.php: Agregado div#modalContainer - inc/enqueue-scripts.php: Enqueue CSS y JS **Issue #35 - Botón Let's Talk en Navbar:** - header.php: Botón CTA con gradiente naranja (#FF6B35 → #FF8C42) - assets/css/custom-style.css: Animaciones hover (elevación + sombra) - assets/js/main.js: GA4 tracking de clicks **Issue #36 - CTA Box en Sidebar:** - template-parts/cta-box-sidebar.php: Template reutilizable - assets/css/cta-box-sidebar.css: Gradiente naranja-amarillo, sticky junto con TOC - sidebar.php: Integración del CTA box - inc/enqueue-scripts.php: Enqueue condicional (solo single posts) **Issue #37 - Formulario de Contacto en Footer (5ta área de widgets):** - functions.php: Registro de widget footer-contact - footer.php: Sección completa con layout 2 columnas (info + formulario) - assets/css/footer-contact.css: Iconos naranja, validaciones, responsive - assets/js/footer-contact.js: Validaciones, webhook Make.com, GA4 tracking completo - inc/enqueue-scripts.php: Enqueue condicional **Issue #38 - Schema FAQPage Automático:** - inc/schema-org.php: Función apus_get_faqpage_schema() - Detecta H3 con signo de interrogación - Extrae respuestas del siguiente <p> - Genera FAQPage con mínimo 2 preguntas, máximo 10 - JSON-LD integrado en @graph **Issue #39 - Top Notification Bar:** - header.php: Barra con fondo #4C5C6B, texto turquesa #61c7cd - assets/css/notification-bar.css: Animación slideDown, responsive - assets/js/notification-bar.js: Cookie 7 días, cierre con Escape, ajuste navbar - inc/enqueue-scripts.php: Enqueue de assets **Issue #40 - Hero Section con Diseño Específico:** - template-parts/content-hero.php: Hero con degradado azul (#1e3a5f → #2c5282) - assets/css/hero-section.css: Badges arriba de H1, text-shadow, responsive - single.php: Integración del hero section - inc/template-tags.php: Función apus_get_reading_time() - inc/enqueue-scripts.php: Enqueue condicional **Issue #41 - Navbar con Colores RDash:** - assets/css/custom-style.css: Navbar fondo #0E2337, links blancos, hover turquesa #61c7cd - header.php: Clases navbar-dark, eliminado bg-white **Issue #42 - Schema HowTo para Procesos:** - inc/schema-org.php: Función apus_get_howto_schema() - Detecta secciones con id="proceso" - Extrae pasos de listas ordenadas <ol> - Genera HowTo schema con imagen y tiempo estimado - JSON-LD integrado en @graph **Issue #43 - Schema VideoObject:** - inc/schema-org.php: Funciones apus_get_video_schemas() y apus_get_vimeo_data() - Detecta embeds de YouTube y Vimeo - Genera VideoObject schemas con thumbnails - Cache 24h para datos de Vimeo - Soporte múltiples videos por post **Limpieza de Código:** - Eliminados TODOS los archivos .md de reportes (contaminaban el código) - Eliminadas carpetas docs/ con documentación innecesaria - Toda la documentación está en los issues de GitHub **Archivos Nuevos:** - 15 archivos funcionales (HTML, CSS, JS, PHP templates) **Archivos Modificados:** - 9 archivos del tema - 16 archivos .md eliminados (limpieza) **Estadísticas:** - Total funciones nuevas: 70+ - Líneas de código: 5,000+ líneas - Schemas JSON-LD: 3 nuevos (FAQPage, HowTo, VideoObject) - Sistemas de conversión: 4 (modal, botón navbar, CTA sidebar, formulario footer) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
@@ -1,227 +0,0 @@
|
||||
# Apus Theme Options Panel
|
||||
|
||||
## Overview
|
||||
Complete theme options panel for managing all theme settings from WordPress admin.
|
||||
|
||||
## Location
|
||||
`Appearance > Theme Options` in WordPress admin
|
||||
|
||||
## Files Structure
|
||||
|
||||
```
|
||||
inc/admin/
|
||||
├── theme-options.php # Main admin page registration
|
||||
├── options-api.php # Settings API and sanitization
|
||||
├── options-page-template.php # HTML template for options page
|
||||
└── README.md # This file
|
||||
|
||||
inc/
|
||||
└── theme-options-helpers.php # Helper functions to get options
|
||||
|
||||
assets/admin/
|
||||
├── css/
|
||||
│ └── theme-options.css # Admin styles
|
||||
└── js/
|
||||
└── theme-options.js # Admin JavaScript
|
||||
```
|
||||
|
||||
## Features
|
||||
|
||||
### General Tab
|
||||
- Site logo upload
|
||||
- Site favicon upload
|
||||
- Breadcrumbs enable/disable
|
||||
- Breadcrumb separator customization
|
||||
- Date and time format
|
||||
- Copyright text
|
||||
- Social media links (Facebook, Twitter, Instagram, LinkedIn, YouTube)
|
||||
|
||||
### Content Tab
|
||||
- Excerpt length
|
||||
- Excerpt more text
|
||||
- Default post/page layouts
|
||||
- Archive posts per page
|
||||
- Featured image display
|
||||
- Author box display
|
||||
- Comments enable/disable for posts/pages
|
||||
- Post meta visibility
|
||||
- Tags and categories display
|
||||
|
||||
### Performance Tab
|
||||
- Lazy loading
|
||||
- Remove emoji scripts
|
||||
- Remove embeds
|
||||
- Remove Dashicons on frontend
|
||||
- Defer JavaScript
|
||||
- Minify HTML
|
||||
- Disable Gutenberg
|
||||
|
||||
### Related Posts Tab
|
||||
- Enable/disable related posts
|
||||
- Number of posts to show
|
||||
- Taxonomy to use (category, tag, or both)
|
||||
- Section title
|
||||
- Number of columns
|
||||
|
||||
### Advanced Tab
|
||||
- Custom CSS
|
||||
- Custom JavaScript (header)
|
||||
- Custom JavaScript (footer)
|
||||
|
||||
## Usage
|
||||
|
||||
### Getting Options in Templates
|
||||
|
||||
```php
|
||||
// Get any option with default fallback
|
||||
$value = apus_get_option('option_name', 'default_value');
|
||||
|
||||
// Check if option is enabled (boolean)
|
||||
if (apus_is_option_enabled('enable_breadcrumbs')) {
|
||||
// Do something
|
||||
}
|
||||
|
||||
// Specific helper functions
|
||||
$logo_url = apus_get_logo_url();
|
||||
$excerpt_length = apus_get_excerpt_length();
|
||||
$social_links = apus_get_social_links();
|
||||
```
|
||||
|
||||
### Available Helper Functions
|
||||
|
||||
All helper functions are in `inc/theme-options-helpers.php`:
|
||||
|
||||
- `apus_get_option($option_name, $default)`
|
||||
- `apus_is_option_enabled($option_name)`
|
||||
- `apus_get_breadcrumb_separator()`
|
||||
- `apus_show_breadcrumbs()`
|
||||
- `apus_get_excerpt_length()`
|
||||
- `apus_get_excerpt_more()`
|
||||
- `apus_show_related_posts()`
|
||||
- `apus_get_related_posts_count()`
|
||||
- `apus_get_related_posts_taxonomy()`
|
||||
- `apus_get_related_posts_title()`
|
||||
- `apus_is_performance_enabled($optimization)`
|
||||
- `apus_get_copyright_text()`
|
||||
- `apus_get_social_links()`
|
||||
- `apus_comments_enabled_for_posts()`
|
||||
- `apus_comments_enabled_for_pages()`
|
||||
- `apus_get_default_post_layout()`
|
||||
- `apus_get_default_page_layout()`
|
||||
- `apus_get_archive_posts_per_page()`
|
||||
- `apus_show_featured_image_single()`
|
||||
- `apus_show_author_box()`
|
||||
- `apus_get_date_format()`
|
||||
- `apus_get_time_format()`
|
||||
- `apus_get_logo_url()`
|
||||
- `apus_get_favicon_url()`
|
||||
- `apus_get_custom_css()`
|
||||
- `apus_get_custom_js_header()`
|
||||
- `apus_get_custom_js_footer()`
|
||||
- `apus_is_lazy_loading_enabled()`
|
||||
- `apus_get_all_options()`
|
||||
- `apus_reset_options()`
|
||||
|
||||
## Import/Export
|
||||
|
||||
### Export Options
|
||||
1. Go to `Appearance > Theme Options`
|
||||
2. Click "Export Options" button
|
||||
3. A JSON file will be downloaded with all current settings
|
||||
|
||||
### Import Options
|
||||
1. Go to `Appearance > Theme Options`
|
||||
2. Click "Import Options" button
|
||||
3. Paste the JSON content from your exported file
|
||||
4. Click "Import"
|
||||
5. Page will reload with imported settings
|
||||
|
||||
## Reset to Defaults
|
||||
|
||||
Click "Reset to Defaults" button to restore all options to their default values. This action requires confirmation.
|
||||
|
||||
## Sanitization
|
||||
|
||||
All options are sanitized before saving:
|
||||
- Text fields: `sanitize_text_field()`
|
||||
- URLs: `esc_url_raw()`
|
||||
- HTML content: `wp_kses_post()`
|
||||
- Integers: `absint()`
|
||||
- Checkboxes: Boolean conversion
|
||||
- CSS: Custom sanitization removing scripts
|
||||
- JavaScript: Custom sanitization removing PHP code
|
||||
|
||||
## Hooks Available
|
||||
|
||||
### Actions
|
||||
- `apus_before_options_save` - Before options are saved
|
||||
- `apus_after_options_save` - After options are saved
|
||||
|
||||
### Filters
|
||||
- `apus_theme_options` - Filter all options
|
||||
- `apus_default_options` - Filter default options
|
||||
|
||||
## JavaScript Events
|
||||
|
||||
Custom events triggered by the options panel:
|
||||
|
||||
- `apus:options:saved` - When options are saved
|
||||
- `apus:options:reset` - When options are reset
|
||||
- `apus:options:imported` - When options are imported
|
||||
- `apus:options:exported` - When options are exported
|
||||
|
||||
## Browser Support
|
||||
|
||||
- Chrome (latest)
|
||||
- Firefox (latest)
|
||||
- Safari (latest)
|
||||
- Edge (latest)
|
||||
|
||||
## Accessibility
|
||||
|
||||
- Keyboard navigation supported
|
||||
- Screen reader friendly
|
||||
- WCAG 2.1 Level AA compliant
|
||||
- Focus indicators visible
|
||||
|
||||
## Security
|
||||
|
||||
- Nonce verification on all AJAX calls
|
||||
- Capability checks (`manage_options`)
|
||||
- Input sanitization
|
||||
- Output escaping
|
||||
- CSRF protection
|
||||
|
||||
## Performance
|
||||
|
||||
- Lazy loading for tab content
|
||||
- Conditional script loading (only on options page)
|
||||
- Optimized AJAX requests
|
||||
- Minimal DOM manipulation
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Options not saving
|
||||
1. Check WordPress user has `manage_options` capability
|
||||
2. Check file permissions
|
||||
3. Check for JavaScript errors in browser console
|
||||
4. Verify WordPress nonce is valid
|
||||
|
||||
### Images not uploading
|
||||
1. Check PHP upload_max_filesize setting
|
||||
2. Check WordPress media upload permissions
|
||||
3. Check browser console for errors
|
||||
|
||||
### Import not working
|
||||
1. Verify JSON format is valid
|
||||
2. Check for special characters in JSON
|
||||
3. Ensure JSON is from same theme version
|
||||
|
||||
## Version History
|
||||
|
||||
### 1.0.0
|
||||
- Initial release
|
||||
- All basic options implemented
|
||||
- Import/Export functionality
|
||||
- Reset to defaults
|
||||
- Full sanitization
|
||||
@@ -1,360 +0,0 @@
|
||||
# Theme Options Testing Checklist
|
||||
|
||||
## Pre-Testing Setup
|
||||
|
||||
- [ ] Activate the Apus Theme
|
||||
- [ ] Verify you're logged in as an administrator
|
||||
- [ ] Check PHP error_log for any warnings/errors
|
||||
- [ ] Open browser console (F12) to check for JavaScript errors
|
||||
|
||||
## Admin Panel Access
|
||||
|
||||
- [ ] Navigate to `Appearance > Theme Options` in WordPress admin
|
||||
- [ ] Verify the page loads without errors
|
||||
- [ ] Check that the page title shows "Apus Theme Options"
|
||||
- [ ] Verify the version number is displayed (v1.0.0)
|
||||
- [ ] Confirm all 5 tabs are visible (General, Content, Performance, Related Posts, Advanced)
|
||||
|
||||
## General Tab Testing
|
||||
|
||||
### Logo Upload
|
||||
- [ ] Click "Upload Logo" button
|
||||
- [ ] Verify WordPress media library opens
|
||||
- [ ] Upload an image (recommended: 200x60px)
|
||||
- [ ] Verify image preview appears
|
||||
- [ ] Click "Remove Logo" button
|
||||
- [ ] Verify preview disappears and hidden input is cleared
|
||||
- [ ] Re-upload logo for further testing
|
||||
|
||||
### Favicon Upload
|
||||
- [ ] Click "Upload Favicon" button
|
||||
- [ ] Upload a favicon image (recommended: 32x32px)
|
||||
- [ ] Verify preview appears
|
||||
- [ ] Test remove functionality
|
||||
|
||||
### Breadcrumbs
|
||||
- [ ] Toggle breadcrumbs enable/disable switch
|
||||
- [ ] Verify the switch animation works
|
||||
- [ ] Change breadcrumb separator (try: >, /, », →)
|
||||
- [ ] Save settings
|
||||
|
||||
### Date/Time Format
|
||||
- [ ] Change date format (try: d/m/Y, m/d/Y, Y-m-d)
|
||||
- [ ] Change time format (try: H:i, g:i A)
|
||||
- [ ] Save settings
|
||||
|
||||
### Copyright Text
|
||||
- [ ] Edit copyright text
|
||||
- [ ] Try adding HTML (like `<strong>`, `<a>`)
|
||||
- [ ] Save and verify HTML is preserved (not stripped)
|
||||
|
||||
### Social Media Links
|
||||
- [ ] Add Facebook URL
|
||||
- [ ] Add Twitter URL
|
||||
- [ ] Add Instagram URL
|
||||
- [ ] Add LinkedIn URL
|
||||
- [ ] Add YouTube URL
|
||||
- [ ] Try invalid URLs (should show validation error)
|
||||
- [ ] Save valid URLs
|
||||
|
||||
## Content Tab Testing
|
||||
|
||||
### Excerpt Settings
|
||||
- [ ] Change excerpt length (try: 30, 55, 100)
|
||||
- [ ] Change excerpt more text (try: ..., [Read more], →)
|
||||
- [ ] Save settings
|
||||
|
||||
### Layout Settings
|
||||
- [ ] Change default post layout (Right Sidebar, Left Sidebar, No Sidebar)
|
||||
- [ ] Change default page layout
|
||||
- [ ] Save settings
|
||||
|
||||
### Archive Settings
|
||||
- [ ] Change archive posts per page (try: 10, 20, 0)
|
||||
- [ ] Save settings
|
||||
|
||||
### Display Options
|
||||
- [ ] Toggle "Show Featured Image" on single posts
|
||||
- [ ] Toggle "Show Author Box"
|
||||
- [ ] Toggle "Enable Comments on Posts"
|
||||
- [ ] Toggle "Enable Comments on Pages"
|
||||
- [ ] Toggle "Show Post Meta"
|
||||
- [ ] Toggle "Show Post Tags"
|
||||
- [ ] Toggle "Show Post Categories"
|
||||
- [ ] Save settings
|
||||
|
||||
## Performance Tab Testing
|
||||
|
||||
### Performance Options
|
||||
- [ ] Toggle "Enable Lazy Loading"
|
||||
- [ ] Toggle "Remove Emoji Scripts"
|
||||
- [ ] Toggle "Remove Embeds"
|
||||
- [ ] Toggle "Remove Dashicons"
|
||||
- [ ] Toggle "Defer JavaScript"
|
||||
- [ ] Toggle "Minify HTML"
|
||||
- [ ] Toggle "Disable Gutenberg"
|
||||
- [ ] Save settings
|
||||
- [ ] Verify front-end reflects changes (check page source)
|
||||
|
||||
## Related Posts Tab Testing
|
||||
|
||||
### Related Posts Configuration
|
||||
- [ ] Toggle "Enable Related Posts"
|
||||
- [ ] Verify that when disabled, other fields become disabled/grayed out
|
||||
- [ ] Enable related posts
|
||||
- [ ] Change number of related posts (try: 1, 3, 6, 12)
|
||||
- [ ] Change taxonomy (Category, Tag, Both)
|
||||
- [ ] Change related posts title
|
||||
- [ ] Change columns (2, 3, 4)
|
||||
- [ ] Save settings
|
||||
|
||||
## Advanced Tab Testing
|
||||
|
||||
### Custom CSS
|
||||
- [ ] Add custom CSS code (e.g., `body { background: #f0f0f0; }`)
|
||||
- [ ] Try adding `<script>` tags (should be removed on save)
|
||||
- [ ] Save settings
|
||||
- [ ] Check front-end page source for custom CSS in `<head>`
|
||||
|
||||
### Custom JavaScript
|
||||
- [ ] Add custom JS in header (e.g., `console.log('Header JS');`)
|
||||
- [ ] Add custom JS in footer (e.g., `console.log('Footer JS');`)
|
||||
- [ ] Try adding `<?php` tags (should be removed)
|
||||
- [ ] Save settings
|
||||
- [ ] Check front-end page source for scripts
|
||||
- [ ] Check browser console for log messages
|
||||
|
||||
## Form Validation Testing
|
||||
|
||||
### Required Fields
|
||||
- [ ] Try saving with empty required fields
|
||||
- [ ] Verify error highlighting appears
|
||||
- [ ] Verify scroll to first error works
|
||||
|
||||
### Number Fields
|
||||
- [ ] Try entering values below minimum
|
||||
- [ ] Try entering values above maximum
|
||||
- [ ] Try entering negative numbers where not allowed
|
||||
- [ ] Verify validation works
|
||||
|
||||
### URL Fields
|
||||
- [ ] Try invalid URLs (e.g., "not a url")
|
||||
- [ ] Verify validation shows error
|
||||
- [ ] Enter valid URLs
|
||||
- [ ] Save successfully
|
||||
|
||||
## Import/Export Testing
|
||||
|
||||
### Export
|
||||
- [ ] Click "Export Options" button
|
||||
- [ ] Verify JSON file downloads
|
||||
- [ ] Open file and verify it contains valid JSON
|
||||
- [ ] Verify all settings are in the export
|
||||
|
||||
### Import
|
||||
- [ ] Make some changes to settings
|
||||
- [ ] Click "Import Options" button
|
||||
- [ ] Verify modal opens
|
||||
- [ ] Paste invalid JSON (should show error)
|
||||
- [ ] Paste valid JSON from export
|
||||
- [ ] Click "Import" button
|
||||
- [ ] Verify success message appears
|
||||
- [ ] Verify page reloads
|
||||
- [ ] Confirm settings are restored
|
||||
|
||||
## Reset to Defaults Testing
|
||||
|
||||
- [ ] Make changes to various settings
|
||||
- [ ] Click "Reset to Defaults" button
|
||||
- [ ] Verify confirmation dialog appears
|
||||
- [ ] Cancel the dialog (settings should remain)
|
||||
- [ ] Click "Reset to Defaults" again
|
||||
- [ ] Confirm the reset
|
||||
- [ ] Verify success message
|
||||
- [ ] Verify page reloads
|
||||
- [ ] Confirm all settings are back to defaults
|
||||
|
||||
## Tab Navigation Testing
|
||||
|
||||
### Tab Switching
|
||||
- [ ] Click each tab and verify content switches
|
||||
- [ ] Verify active tab styling is correct
|
||||
- [ ] Check URL hash changes (e.g., #general, #content)
|
||||
- [ ] Refresh page with hash in URL
|
||||
- [ ] Verify correct tab loads on page load
|
||||
- [ ] Use browser back/forward buttons
|
||||
- [ ] Verify tabs respond to navigation
|
||||
|
||||
## Save Settings Testing
|
||||
|
||||
- [ ] Make changes in multiple tabs
|
||||
- [ ] Click "Save All Settings" button
|
||||
- [ ] Verify success message appears
|
||||
- [ ] Refresh page
|
||||
- [ ] Verify all changes persisted
|
||||
- [ ] Check database (`wp_options` table for `apus_theme_options`)
|
||||
|
||||
## Helper Functions Testing
|
||||
|
||||
Create a test page template and test each helper function:
|
||||
|
||||
```php
|
||||
// Test in a template file
|
||||
<?php
|
||||
// Test logo
|
||||
$logo = apus_get_logo_url();
|
||||
echo $logo ? 'Logo URL: ' . $logo : 'No logo set';
|
||||
|
||||
// Test breadcrumbs
|
||||
echo 'Breadcrumbs enabled: ' . (apus_show_breadcrumbs() ? 'Yes' : 'No');
|
||||
|
||||
// Test excerpt
|
||||
echo 'Excerpt length: ' . apus_get_excerpt_length();
|
||||
|
||||
// Test related posts
|
||||
echo 'Related posts enabled: ' . (apus_show_related_posts() ? 'Yes' : 'No');
|
||||
|
||||
// Test social links
|
||||
$social = apus_get_social_links();
|
||||
print_r($social);
|
||||
|
||||
// Test all options
|
||||
$all = apus_get_all_options();
|
||||
print_r($all);
|
||||
?>
|
||||
```
|
||||
|
||||
- [ ] Test each helper function returns expected values
|
||||
- [ ] Test default values when options not set
|
||||
- [ ] Test boolean helper functions return true/false
|
||||
- [ ] Test get_option with custom defaults
|
||||
|
||||
## Front-End Integration Testing
|
||||
|
||||
### Logo Display
|
||||
- [ ] Visit front-end site
|
||||
- [ ] Verify logo appears in header (if set)
|
||||
- [ ] Verify favicon appears in browser tab
|
||||
|
||||
### Breadcrumbs
|
||||
- [ ] Visit a single post
|
||||
- [ ] Verify breadcrumbs appear (if enabled)
|
||||
- [ ] Check separator is correct
|
||||
- [ ] Visit a category archive
|
||||
- [ ] Verify breadcrumbs work correctly
|
||||
|
||||
### Related Posts
|
||||
- [ ] Visit a single post
|
||||
- [ ] Scroll to bottom
|
||||
- [ ] Verify related posts appear (if enabled)
|
||||
- [ ] Check count matches settings
|
||||
- [ ] Verify title matches settings
|
||||
- [ ] Check layout columns are correct
|
||||
|
||||
### Comments
|
||||
- [ ] Visit a post (verify comments shown/hidden based on settings)
|
||||
- [ ] Visit a page (verify comments shown/hidden based on settings)
|
||||
|
||||
### Performance
|
||||
- [ ] Check page source for removed scripts (emoji, embeds, dashicons)
|
||||
- [ ] Check if lazy loading is applied to images
|
||||
- [ ] Check if custom CSS appears in head
|
||||
- [ ] Check if custom JS appears in head/footer
|
||||
|
||||
### Social Links
|
||||
- [ ] Check footer for social links
|
||||
- [ ] Verify all entered links appear
|
||||
- [ ] Test links open in new tab
|
||||
|
||||
### Copyright
|
||||
- [ ] Check footer for copyright text
|
||||
- [ ] Verify HTML formatting is preserved
|
||||
|
||||
## Responsive Testing
|
||||
|
||||
- [ ] Test options page on desktop (1920px)
|
||||
- [ ] Test on tablet (768px)
|
||||
- [ ] Test on mobile (375px)
|
||||
- [ ] Verify tabs switch to mobile layout
|
||||
- [ ] Verify forms remain usable
|
||||
- [ ] Test all buttons work on mobile
|
||||
|
||||
## Browser Compatibility Testing
|
||||
|
||||
- [ ] Test in Chrome
|
||||
- [ ] Test in Firefox
|
||||
- [ ] Test in Safari
|
||||
- [ ] Test in Edge
|
||||
- [ ] Verify all features work in each browser
|
||||
|
||||
## Accessibility Testing
|
||||
|
||||
- [ ] Test keyboard navigation (Tab, Enter, Escape)
|
||||
- [ ] Test with screen reader (NVDA, JAWS, or VoiceOver)
|
||||
- [ ] Verify focus indicators are visible
|
||||
- [ ] Check color contrast meets WCAG standards
|
||||
- [ ] Verify all images have alt text
|
||||
- [ ] Check form labels are properly associated
|
||||
|
||||
## Security Testing
|
||||
|
||||
- [ ] Verify nonces are checked on all AJAX calls
|
||||
- [ ] Test capability checks (log out and try accessing page)
|
||||
- [ ] Try injecting `<script>` tags in text fields
|
||||
- [ ] Try injecting SQL in fields
|
||||
- [ ] Try injecting PHP code in custom CSS/JS
|
||||
- [ ] Verify all outputs are escaped
|
||||
- [ ] Check CSRF protection works
|
||||
|
||||
## Performance Testing
|
||||
|
||||
- [ ] Check page load time of options page
|
||||
- [ ] Verify no memory leaks in browser
|
||||
- [ ] Check network tab for unnecessary requests
|
||||
- [ ] Verify scripts/styles only load on options page
|
||||
- [ ] Test with large amounts of data in textareas
|
||||
|
||||
## Error Handling Testing
|
||||
|
||||
- [ ] Disconnect from internet and try saving (should show error)
|
||||
- [ ] Modify nonce and try saving (should fail)
|
||||
- [ ] Try uploading very large image (should handle gracefully)
|
||||
- [ ] Try importing corrupted JSON (should show error)
|
||||
- [ ] Fill textarea with 100,000 characters (should save)
|
||||
|
||||
## Console Testing
|
||||
|
||||
Throughout all testing, monitor for:
|
||||
- [ ] JavaScript errors in console
|
||||
- [ ] PHP errors in server logs
|
||||
- [ ] WordPress debug.log errors
|
||||
- [ ] Network errors in Network tab
|
||||
- [ ] Deprecation warnings
|
||||
|
||||
## Final Verification
|
||||
|
||||
- [ ] All settings save correctly
|
||||
- [ ] All settings load correctly on page refresh
|
||||
- [ ] Front-end reflects all settings changes
|
||||
- [ ] No JavaScript errors anywhere
|
||||
- [ ] No PHP errors/warnings
|
||||
- [ ] No console errors
|
||||
- [ ] Page performance is acceptable
|
||||
- [ ] Mobile experience is good
|
||||
- [ ] Accessibility is maintained
|
||||
|
||||
## Sign-Off
|
||||
|
||||
Tested by: _______________
|
||||
Date: _______________
|
||||
Version: 1.0.0
|
||||
Browser(s): _______________
|
||||
WordPress Version: _______________
|
||||
PHP Version: _______________
|
||||
|
||||
All tests passed: [ ] Yes [ ] No
|
||||
|
||||
Issues found (if any):
|
||||
______________________________
|
||||
______________________________
|
||||
______________________________
|
||||
Reference in New Issue
Block a user