We are going to wrap all our PHP code in a class: Woffice_Members_Map, again change Woffice with your theme/plugin’s name. You can activate it from the Settings > BuddyPress > Components screen. Remember, we are teaming up with BuddyPress on this, so let’s use it! BuddyPress has a nice extension named: xProfile. Getting The Member’s Locationįirstly, let’s ask a quick question: How can we collect the user’s location, easily? Once done, we will have an Ajax callback setup (which will be called by our Frontend Vue.Js component).Īnd we’ll optimize it to use as less requests as possible (using some home-made cache). Then, create the Location field to collect the member’s address. In this first part of our BuddyPress Member Map tutorial, we will create our PHP Class to handle everything in this tutorial in one single place. Last but not least, lots of functions will be prefixed woffice_, change that with your own prefix.Įnough talking! Let’s get started. You will see it is pretty straightforward.īefore we start, this is developed within a theme, so designed for a child theme if you do not have your own theme, but it can also be used a plugin with a couple of changes.Īlso, the final (working!) result can be found as a Zipped archive at the bottom of this page. We have split this tutorial into two parts: Backend & Frontend.
BUDDYPRESS ANIMATE IT HOW TO
This article will explain to you how to create a fully dynamic Google Maps of your BuddyPress Members on your WordPress site, on any page.
Let’s create our BuddyPress Members Map using Vue.js.
0 kommentar(er)
