Horje
Embed an infinite, zoomable whiteboard from Ziteboard (https://ziteboard.com) - an online whiteboard with real-time collaboration. Wordpress Tutorial

Noted That:

  • To install correctly this ziteboard-online-whiteboard.zip .
  • Fisrt Download the ziteboard-online-whiteboard.zip to your computer
  • Extract/Open ziteboard-online-whiteboard.zip to Your Computer.
  • Then, Find readme.txt file inside ziteboard-online-whiteboard.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " ziteboard-online-whiteboard.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " ziteboard-online-whiteboard.zip "  Downloaded plugin from your computer, Where you downloaded ziteboard-online-whiteboard.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Ziteboard Online Whiteboard " folder is added on left sidemenu. Now, Click on " Ziteboard Online Whiteboard " folder.

   Noted that: If you do not see " Ziteboard Online Whiteboard " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Ziteboard Online Whiteboard Configurtions and Settings or How to work " Ziteboard Online Whiteboard " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Ziteboard Online Whiteboard " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Ziteboard Online Whiteboard
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Download a copy of the plugin.
  2. Unzip and Upload ‘ziteboard’ to a sub directory in ‘/wp-content/plugins/’.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.

Usage:

  • Visit Ziteboard , start the app and log in.
  • Create a whiteboard you want to embed.
  • Publish the whiteboard (click ‘Share to View’ in the Menu) to get the URL.
  • In WordPress’s text block use the shortcode: [ZITEBOARD src=THE_PUBLISHED_URL_ABOVE].
  • Set the optional parameters.

Parameters:

  • src: (obligatory) the URL generated by ‘Share to View’ in the Ziteboard app
  • width: (default: 600px) the width of the whiteboard in px or in %
  • height: (default: 400px) the height of the whiteboard in px
  • class: (default: ziteboard-class) the css class of the wrapper DIV element
  • style: (default: ) extra css style elements for the wrapper DIV element
  • open: (default: enable) open=disable hides the OPEN button
  • fullscreen: (default: enable) fullscreen=disable hides the label saying Fullscreen

Examples:

  • [ZITEBOARD src=https://view.ziteboard.com/shared/02300834004516]
  • [ZITEBOARD src=https://view.ziteboard.com/shared/02300834004516 width=800px height=800px]
  • [ZITEBOARD src=https://view.ziteboard.com/shared/02300834004516 width=800px height=800px open=disable fullscreen=disable]

More Info:

If you are ready with your whiteboard and you want to show others what you have done, publish the board by choosing Share to View from the menu. What does Share to View mean?


whiteboard , embed , infinite , zoomable , ziteboard , httpsziteboardcom , online , real , time , collaboration ,

Name

Read Article
https://develop.horje.com/learn/1434/reference