AI-Powered WordPress Development & Solutions
Highlighting My Work On Innovative Projects Leveraging AI, Automation, and Custom Web Solutions
I’m Alex, creator of Miles and Hikes. But I also specialize in AI-assisted web development, combining decades of graphic design and WordPress expertise with cutting-edge AI tools to craft scalable, intelligent, and highly creative digital experiences. This portfolio demonstrates my skill in guiding AI through every stage of a project—concept development, optimization, debugging, QA, and final delivery—serving as both hands-on developer and strategic project manager.
A lightweight WordPress plugin that automatically imports new YouTube videos as blog posts
- Automatic daily import of new YouTube videos as draft posts
- Manual fetch via admin settings page
- Full video description retrieved using YouTube API videos endpoint
- WordPress oEmbed for video embedding
- Duplicate prevention by storing video IDs in post meta
YouTube Auto Importer is a custom WordPress plugin that connects to the YouTube API to fetch the latest videos from a channel and creates draft posts containing the video embed and full description. It supports both automated daily imports via WP-Cron and manual imports through an admin settings page. The plugin ensures no duplicate drafts are created and uses WordPress’ built-in oEmbed system for reliable video embedding.
Dynamic code snippet displaying store guides in a styled, responsive layout with category navigation and easy PHP-based updates
- Dynamic shortcode [store_guides] for WordPress pages or posts
- Fully responsive row layout with image on the left and content/CTA on the right
- Anchor-based navigation buttons for guide categories
- Easy maintenance via a PHP array for all guides
- Preserves existing styling, hover effects, and spacing
- Supports multiple categories and immediate addition of new guides
The Store Guides project replaces a static HTML store with a dynamic, PHP-powered code for WordPress. Each guide is rendered as a row with the image on the left and content plus CTA on the right, preserving existing styling and responsive behavior. Top navigation buttons link to each guide category, making it easy for users to jump between sections. Updating or adding new guides requires only editing the PHP array, streamlining ongoing maintenance.
A dynamic WordPress portfolio grid showcasing AI-assisted content management and enhanced UI/UX features
- Collapsible description container with Read more toggle
- Animated fade-out gradient for truncated text
- Auto-hide toggle for short descriptions
- Two-column Key Features + Image layout
- Modal image viewer
- Responsive design
- Tech Stack pills with hover effects
- Accessibility enhancements (ARIA attributes, dynamic focus)
Developed a fully functional WordPress portfolio grid using ACF and custom shortcodes, featuring: - Collapsible descriptions with smooth expansion/collapse - Subtle fade-out gradient for truncated text - Read more / Read less toggle with automatic hiding for short text - Two-column layout for key features and images - Modal image viewer for high-resolution previews - Tech Stack pills for quick technology overview - Responsive design for mobile and tablet - Dynamic accessibility improvements including ARIA attributes This project demonstrates a scalable, AI-assisted workflow for web content presentation and portfolio management.
Efficiently produce high-quality Spanish-dubbed video content while preserving original style and tone, enabling scalable multilingual YouTube content
- Voice cloning via HeyGen for consistent, personal audio across videos
- Automatic transcript generation from original English videos
- Curated Spanish translations ensuring accuracy and cultural relevance
- AI-generated Spanish audio tracks integrated seamlessly into videos
- Removal of original English audio for clean dubbing
- Full video integration and final editing ready for YouTube publishing
Developed an AI-powered multilingual video workflow using HeyGen, cloning my voice to produce Spanish-dubbed YouTube videos, generating transcripts, curating translations, and replacing the original English audio for scalable, high-quality content localization.
Open Graph meta tag generator
- Auto-generates OG tags for title, description, URL, type, image, and site name.
- Supports Twitter Cards with large image preview.
- Automatically uses post excerpt or truncated content (150 chars) if no excerpt exists.
- Utilizes featured image when available; otherwise, defaults to a specified fallback image.
- Sanitizes all output to prevent HTML injection or malformed URLs.
Developed a WordPress function that automatically generates Open Graph and Twitter Card meta tags for all singular posts. The system uses the post title, excerpt, permalink, and featured image, with a fallback to a default image when no featured image exists, enhancing social sharing and click-through rates.
Reusable breadcrumb function auto-injected above content, handling multiple content types, truncating long titles, and applying accessible markup
- Auto-generates breadcrumbs for various content types
- Converts text to title case
- Truncates long titles
- Inline CSS hover effects
- Injected via the\_content filter
Developed a dynamic, site-wide breadcrumb navigation system for WordPress that improves user navigation and SEO by generating hierarchical paths for posts, pages, categories, archives, search results, and 404 pages.
Displays up to 3 related posts below single posts using shared tags
- Displays 3 related posts
- Randomized selection based on tags
- Fallback to random posts
- Appends via the\_content filter
Developed a dynamic “You Might Also Like” related posts feature for WordPress that leverages random tag-based matching and fallback random posts to increase pageviews and user engagement.
Interactive “love” feature for posts
- Category-specific upvote button
- Real-time vote updates
- Prevents multiple votes per device
- Responsive styling
Built a custom AJAX-powered post upvote system in WordPress with category-specific display, real-time vote updating, and browser-based vote tracking to increase user engagement.
Tag cloud with chaotic-style randomized font sizes and green shades, responsive and cached
- Up to 50 tags scaled by usage
- Randomized green shades
- Cached for 60 days
- Responsive flex layout
Developed a custom WordPress tag cloud with dynamically scaled font sizes, randomized colors, and caching, enhancing homepage visual engagement while optimizing performance.
Redirects users to a random post when URL contains ?surprise\_me=1.
- Fetches a random post
- Performs server-side redirect
- Conditional execution based on query parameter
Implemented a URL-triggered random post redirect in WordPress, enhancing user engagement by dynamically sending visitors to a random blog post when a query parameter is present.
Randomized gallery with responsive grid, lightbox overlay, lazy-loading, and keyboard navigation.
- Random image selection
- Responsive CSS Grid layout
- Lightbox overlay with keyboard navigation
- Lazy-loading and cache-busting
- Handles edge cases
Developed a dynamic, randomized photo gallery with responsive grid layout and interactive lightbox for WordPress, implementing lazy loading, cache-busting, keyboard navigation, and performance optimizations to enhance user experience on the Miles and Hikes site.
Full-screen hero banner with dynamic text, CTA buttons, scroll animations, responsive across devices.
- Shortcode-based implementation with caching
- Responsive layout and layered animations
- Smooth scroll behavior
- Cached for 180 days
Developed a dynamic, full-screen homepage hero banner using PHP, CSS, and JavaScript; implemented caching for performance, responsive animations, and smooth scroll interactions, delivering a polished, interactive user experience while optimizing page load times.
Scans all published blog posts, counts words and bigrams, outputs top 100 items for SEO, content strategy, and tag cloud generation
- Counts words and bigrams, filters stopwords
- Outputs top 100 recurring items
- Highlights items appearing in multiple posts
- AI-assisted code debugged to handle large datasets accurately
- Provides actionable SEO insights
Developed a WordPress shortcode to analyze all published posts, identifying frequently occurring words and two-word phrases (bigrams) for content strategy and SEO optimization. Leveraged AI-assisted PHP coding to process large text datasets, debug complex logic, and generate actionable insights for tag cloud creation and keyword strategy.
Automatically inserts links into selected keywords within single blog posts
- Adds links dynamically only in paragraphs
- Excludes headings and existing links
- Avoids duplicate links
- Dynamically searches related posts
- Uses DOMDocument and DOMXPath
- AI-assisted code snippets debugged for precise behavior and SEO optimization
Developed an advanced WordPress content filter that automatically links specific keywords to related posts on single blog posts, using AI-assisted PHP and DOM manipulation. Managed debugging, QA, and optimization to ensure links were applied only to selected keywords and excluded headings or existing links, improving user engagement and internal SEO.
Displays latest YouTube videos in a responsive grid with caching and lazy-loading thumbnails.
- Fetch latest videos from YouTube API
- Display thumbnails, titles, view counts, publication dates
- Lazy-load thumbnails with iFrame replacement on click
- AI-assisted code snippets debugged for API integration, performance, caching, lazy-loading
- Handles API errors and empty results
- 24-hour caching
Built a dynamic WordPress shortcode that fetches and displays the latest YouTube videos from my Channel using the YouTube Data API. Leveraged AI-assisted PHP, CSS, and JavaScript code to implement caching, lazy-loading thumbnails for performance, and debugging of AI-generated snippets, improving page load speed and user experience.
Displays YouTube testimonials randomly in a responsive grid, reshuffling on page reload
- Randomizes testimonials on each page load
- Responsive grid layout with hover effects
- Caching (transient) for 30 days
- Includes author image, testimonial text, and YouTube link
Developed a dynamic WordPress shortcode to display random YouTube testimonials in a responsive grid, leveraging AI-assisted PHP, CSS, and JavaScript. Implemented caching, responsive design, and debugging of AI-generated code to ensure consistent performance and user engagement.
Dynamically generates an HTML sitemap of blog posts organized by categories.
- Table of contents linking to categories Lists posts by category with titles and dates
- Implements caching for performance
- SEO-optimized, crawlable structure
Developed a custom WordPress shortcode to generate an HTML sitemap of travel posts by category, leveraging AI-assisted PHP, CSS, and JavaScript code. Managed caching, query optimization, and debugging AI-generated snippets to ensure efficient performance, improved SEO, and enhanced user navigation.
Custom WordPress plugin that scans all internal links/images, and detects broken items.
- Automated weekly scans or manual scan on demand
- Filter to show only broken links/images
- Pagination for large sets of links/images
- Color-coded status in admin dashboard
Developed ‘Links Dashboard,’ a WordPress plugin leveraging AI-assisted PHP, CSS, and JavaScript code to scan internal links and images, detect broken items, and display results in an admin dashboard. Managed full project workflow, including iterative debugging, troubleshooting AI-generated code, and feature optimization, delivering a reliable, user-friendly solution.