#Siteviz help how to
#Siteviz help update
#Siteviz help code

$pubnub = new Pubnub($pubnub_pub_key, $pubnub_subs_key) In order to push the real-time updates about the site content changes, the WordPress plugin initializes the PubNub PHP SDK as follows. Hovering the mouse over the icons will display a tooltip revealing more details about the corresponding content element. Gray indicates unapproved comment and orange indicates otherwise. Similarly, all posts that have comments will have a light orange line linking them to their respective comments represented by a speech bubble icon. Gray signifies that the post is in draft stage, cyan signifies that the post is in pending and green signifies that the post is published.

Īt the next level, the posts will appear as a document icons, along with a line connecting them to their respective categories. The visualization consists of several icons to represent the various content elements in the site and connecting lines to indicate a relationship between them.īased on this, the categories will appear at the top as blue circle icon. You can create a few of them after installing the plugin to see them under the visualization. The actual visualization displayed by the plugin will depend on how many categories, posts and comments exist in your site. The above figure is only for illustration purposes. Once the plugin is activated and setup as presented in the previous section, you can access the main plugin UI by activating the ‘SiteViz’ menu within the main menu of your WordPress dashboard. Once activated, you can access the plugin settings UI from the Settings > SiteViz menu.Įnter your PubNub Subscribe and Publish keys in the settings form and press ‘Submit’ to save the SiteViz settings in your WordPress installation. Click on the Activate link below the plugin name. You will see that SiteViz is listed in the list of plugins. Log on to your admin dashboard and click on the plugins menu. 1. Import the plugin to WordPressįirst, copy the content of the repository folder path ‘/ wordpress/ wp-content/ plugins/ to /wp-content/plugins/ within your WordPress installation. Setting up the plugin can be achieved in three easy steps.

#Siteviz help code

The complete source code of SiteViz is available on GitHub in this repo. To enable realtme updates in the visualization, we have used the PubNub PHP SDK and Javascript SDK. ‘trash_comment’ – For publishing comment deletion.‘transition_comment_status’ – For publishing changes in comment states.‘edit_comment’ – For publishing comment edits.‘edit_post’ – For publishing post details of a new or modified post.‘admin_menu’ – For adding an additional admin menu for the plugin.All these events can trigger hooks, which are nothing but PHP functions that can be called and executed within the WordPress platform.įor building this plugin, we have tapped into some of the WordPress action hooks which allow us to capture the state of the site content and publish it over PubNub so that the updates can reflect in the visualization. For example: a site visitor opening a post, an author submitting a post for review, an editor publishing a post, or a random visitor commenting on a post.

The WordPress platform offers a bunch of hooks, in the form of actions, which can be triggered along with user performed events. Note: – This plugin is created for demo purpose and not tested on production WordPress site. In essence, SiteViz can portray in one picture what might otherwise take you hundreds of lines of scrolling and searching. This is where a plugin like SiteViz can help you by visually portraying the site content and showing some essential metrics, such as, number of posts in draft/pending state, posts per category, popular posts, number of comments unapproved/approved etc. And as the content increases, you have to deal with information overload. If you are a site administrator managing a content website, then you have certain challenges in managing your site. The SiteViz plugin offers a bird’s eye view of the entire site and its contents. The plugin is called SiteViz, short for ‘Site Visualization’, and it creates a tree like visualization of the content, starting from categories, to posts and their comments. Since WordPress platform is based on PHP, we are going to use the PubNub’s PHP SDK in this demo.

#Siteviz help update

We will be building a plugin which can create a visualization of all the content within a WordPress site, and of course it will be able to update itself in real time.

#Siteviz help how to

In this blog post we are going to demonstrate how to embed PubNub inside WordPress to enable some cool real-time features within the WordPress platform.