{"id":299820,"date":"2026-09-29T05:20:30","date_gmt":"2026-09-29T05:20:30","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&p=299820"},"modified":"2026-10-11T10:07:51","modified_gmt":"2026-10-11T10:07:51","slug":"directone","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/directone\/","title":{"rendered":"Directone"},"content":{"rendered":"
[vc_row][vc_column][vc_column_text]\"Directone[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
Template Details<\/span><\/div>[vc_column_text css=”.vc_custom_1612611397864{margin-top: 20px !important;}”]Author:<\/strong> Colorlib<\/p>\n

Updated:<\/strong> October 2026 \u00b7 v3.0.0<\/p>\n

Credits: <\/strong>Images from\u00a0Unsplash[\/vc_column_text][\/vc_column][vc_column width=”2\/3″]

Description<\/span><\/div>[vc_column_text css=”.vc_custom_1721398392944{margin-top: 20px !important;}”]Directone is a city directory and business listing template built on Bootstrap 5, with a red accent, category icons and large photos of places. The layout is responsive and mobile-ready. There are six pages: home, listing, about, blog, a single blog post and contact.<\/p>\n

The home page opens with a search bar for a keyword, a location and a category, followed by twelve category tiles, popular and recent listings, a special offers band, an about section with animated counters, a review slider, a How It Works section with a video and the latest blog posts. The listing page has its own search and twelve listing cards, each with a photo that opens in a lightbox, a category, an address, a phone number, a rating and a save button. The blog has post cards with pagination and a full post with tags, an author box, comments and a comment form, and the contact page pairs contact details with a working form. Directone gives you a ready-made front end for a city guide or a local business directory.<\/p>\n

What’s new in 3.0<\/h3>\n
    \n
  • Bootstrap 5.3.8 in place of the Bootstrap 5.0 alpha of the earlier release, compiled from Sass with only the parts the pages use, and plain JavaScript with no jQuery. Swiper 14 replaces tiny-slider on the review slider, PhotoSwipe replaces GLightbox for the listing photos, the How It Works video opens in a native dialog, and small built-in modules replace AOS and the counter script for the scroll reveals and counters. Rellax and animate.css, which loaded on every page but were never used, are gone. Lucide SVG icons replace Font Awesome 4.7, Ionicons and the Flaticon font, and a three-logo subset of Font Awesome 7 Brands draws the social logos, with the X logo in place of the old bird. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.<\/li>\n
  • Lighter pages: the home page went from 17.4 MB and 49 requests to 2.2 MB and 38 requests, and the contact page from 5.0 MB to 650 KB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, and JPEG fallbacks over 500 KB are re-encoded. The download went from 25.8 MB to 8.1 MB.<\/li>\n
  • No third-party requests: Nunito Sans is self-hosted, the icons are local SVGs, the How It Works video loads from YouTube only after a visitor clicks play, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded Bootstrap and two icon fonts from CDNs, its font from Google Fonts, the Google Maps script and an analytics tag.<\/li>\n
  • Working forms: the contact form and the blog comment form send email through php\/send-email.php, with validation, a spam trap and an in-page message, and the search forms on the home and listing pages send the keyword, location and category to the listing page. Before, none of these forms sent anything.<\/li>\n
  • Accessibility: a skip link, landmarks and one h1 per page, labelled links and form fields, save buttons that announce whether they are pressed, keyboard access to the menu, slider, lightbox and video dialog, visible focus rings, reduced-motion support and WCAG AA text contrast, with all text at 5:1 or better. The brand red was too light for white text and for red text on white, so the buttons, the active category, pagination and the special offers band use a darker red, red text uses a darker shade, and body text is a darker grey.<\/li>\n
  • Fixed: the script errors on every page are gone (the Google Maps script ran on pages without a map), and every category tile and listing card shows the icon of its own category (the card icons did not match their categories, and the four How It Works steps shared one icon). Listing titles, category tiles, footer links and the phone and email links, which pointed nowhere, now lead to the listing page, real pages or a call or email, and footer links to pages that do not exist are gone. The contact section no longer makes the page scroll sideways, and every page has its own title and description.<\/li>\n
  • New demo content: twelve fictional listings with their own names, addresses and phone numbers, fictional contact details, different reviewers, real blog titles and a full article in place of placeholder text, and corrected typos. Photos that showed shop signs and brand logos, landmarks lit at night or identifiable people are replaced with Unsplash photos.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_btn title=”Preview” style=”flat” color=”purple” i_icon_fontawesome=”fa fa-solid fa-eye” css=”.vc_custom_1612611409585{margin-left: 10px !important;}” add_icon=”true” link=”url:https%3A%2F%2Fpreview.colorlib.com%2F%23directone|target:_blank|rel:nofollow noopener”][\/vc_column][vc_column width=”2\/3″][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

    Directone is a city directory and listing template with six pages, a search bar, category tiles, listing cards with a photo lightbox, reviews, a blog and working contact and comment forms.<\/p>\n","protected":false},"author":697,"featured_media":386829,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Best Local Directory Website Template %%currentyear%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.","footnotes":"","colorlib_dwn":"40094"},"portfolio_tag":[],"portfolio_category":[62905,6806,6186],"class_list":["type-portfolio","status-publish","hentry","entry"],"yoast_head":"\nDirectone - Best Local Directory Website Template 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/directone\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Directone - Best Local Directory Website Template 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/directone\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T10:07:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/directone-3.0.0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1892\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/\",\"name\":\"Directone - Best Local Directory Website Template 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/directone-3.0.0.jpg\",\"datePublished\":\"2026-09-29T05:20:30+00:00\",\"dateModified\":\"2026-10-11T10:07:51+00:00\",\"description\":\"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/directone-3.0.0.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/directone-3.0.0.jpg\",\"width\":2400,\"height\":1892,\"caption\":\"Directone website template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/directone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 5 Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/bootstrap-5\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Directone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Directone - Best Local Directory Website Template 2026 - Colorlib","description":"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/directone\/","og_locale":"en_US","og_type":"article","og_title":"Directone - Best Local Directory Website Template 2026 - Colorlib","og_description":"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.","og_url":"https:\/\/colorlib.com\/wp\/template\/directone\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-10-11T10:07:51+00:00","og_image":[{"width":2400,"height":1892,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/directone-3.0.0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/directone\/","url":"https:\/\/colorlib.com\/wp\/template\/directone\/","name":"Directone - Best Local Directory Website Template 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/directone\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/directone\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/directone-3.0.0.jpg","datePublished":"2026-09-29T05:20:30+00:00","dateModified":"2026-10-11T10:07:51+00:00","description":"Directone is the most flexible and easy to use local directory website template that you can use for niche or general listing projects.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/directone\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/directone\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/directone\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/directone-3.0.0.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/directone-3.0.0.jpg","width":2400,"height":1892,"caption":"Directone website template"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/directone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 5 Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/bootstrap-5\/"},{"@type":"ListItem","position":3,"name":"Directone"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/299820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=299820"}],"version-history":[{"count":6,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/299820\/revisions"}],"predecessor-version":[{"id":386973,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/299820\/revisions\/386973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/386829"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=299820"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=299820"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=299820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}