Vue Templates Logo Vue Templates
Wordpress Vuejs Search screenshot

Wordpress Vuejs Search

Author Avatar Theme by Karannagupta
Updated: 2 Mar 2019
101 Stars

A simple Search & Filter application with Vue.js in a WordPress child theme

Github Live Preview

Overview

This article provides an analysis of the “Search & Filter with Vue.js in WordPress” product. The product is a single page search app integrated into a child theme of the Twenty Seventeen WordPress theme and implemented with Vue.js. It aims to provide developers with a boilerplate single page app created with Vue.js within a WordPress environment.

Features

  • Custom Page Template: The child theme registers a custom page template called “Search Page Template” which is used to load the single page search app implemented with Vue.js.
  • Integration with WordPress: The app is integrated into a child theme of the Twenty Seventeen WordPress theme, making it easy to incorporate into WordPress websites.
  • Easy Installation: The installation process involves downloading the latest archive, ensuring the Twenty Seventeen theme is installed, and activating the vuetwentyseventeen child theme.
  • Usage in WordPress: After activating the vuetwentyseventeen child theme, users can create a page where the Vue Search App will be rendered. This can be done through the WordPress admin dashboard and by selecting the “Search Page Template” for the page.
  • Developer Notes: The product requires the Twenty Seventeen WordPress theme, retains boilerplate files and comments, and utilizes Bootstrap for CSS styling.

Installation

To install the “Search & Filter with Vue.js in WordPress” theme, follow these steps:

  1. Download the latest archive and extract it to a folder.
  2. Ensure the WordPress Twenty Seventeen theme is installed.
  3. Upload the vuetwentyseventeen child theme folder from the extracted archive to the /wp-content/themes/ directory.
  4. Activate the theme through the Themes Menu in WordPress.

Summary

The “Search & Filter with Vue.js in WordPress” product is a single page search app implemented with Vue.js and integrated into a child theme of the Twenty Seventeen WordPress theme. It provides developers with a boilerplate solution for creating a single page app using Vue.js within a WordPress environment. The installation process is straightforward, and the product offers integration with WordPress features such as custom page templates.