Wordify is a blog website template for a personal writer, traveller or journalist, built on Bootstrap 5. There are five pages: home, an all-posts archive, a single article, an author page and contact. The layout is responsive and works on phones, tablets and desktops.
The home page opens with a featured-post slider, followed by a grid of the latest posts, an author card, popular posts, categories and tags. The archive page filters posts by category, searches them from the header search box and paginates the results without a server. The article page has a hero photo, a photo grid, threaded comments and a comment form; the author page tells your story and lists your latest posts.
What’s new in 3.0
Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass with the original colours and proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the featured slider and icons are Lucide SVGs.
Lighter pages: the five pages went from 9.3 MB and 164 requests to 5.4 MB and 139 requests, and the home page from 2.2 MB to 1.5 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, and the preloader is gone.
No third-party requests: Josefin Sans and Inconsolata are self-hosted, the old icon fonts are replaced by Lucide icons and a small social-logo subset, and a Google Analytics 4 snippet stays commented out until you add your own ID.
Working search and navigation: one search box in the header filters the posts with a result count and a reset link, and the category, tag and pagination links all lead to real results.
Working forms: the contact and comment forms send through php/send-email.php, with validation, a spam trap and an in-page message. Before, they posted nowhere.
Accessibility: a skip link and a main landmark on every page, one h1 per page, labelled form fields, a named menu button, keyboard-reachable slider controls and text that meets WCAG AA contrast.
New photos and fictional demo posts, comments and author replace the repeated placeholder text.