Administrator Training Manual
Contents
1. Ike D PRAIRIE VIEW A amp M UNIVERSITY Geer Pages Wonom od ow mw e Lanang Page emm Nd Ze Detailed intormation on widget strings can be found at Pitpjieodox wordprass orgFunction Relerorcont 5 widget g How to use the Template Once a template is saved it can be applied to any page Click on Pages on the left side menu on the dashboard and click on a page that you would like to apply the template to In the Page editor click on the Add Template tab E Ad Template Select the template that you created from the drop down menu and click on the Insert Template button A short code is added to the page e template id 251 The page now has the layout that you defined as a template and the results can be seen when you click on View Page Usually when a PageBuilder template is applied to value on the Page Attributes section to Full Page page when you edit the page you set the template D If the page attribute is set to Default template then widgets that you have added to sidebars under Appearance Widgets may also be visible on the page 11 IMAGE SLIDER A slider allows users to view images that scroll in intervals Furthermore the images may be links to other part of the web Upon clicking on the Soliloquy menu item on the dashboard The main slider table lists out all of the sliders you have created It lists important information like the slider title slider shortcode2. Learn more about advanced menu settings at http en support wordpress com advanced menu settings h Managing Your Menus E It you have created more than one menu you can manage them by clicking on the corresponding menu tab at the top right of the Menus page Comes ihtenstest sa new ap evet paes 9 THE CUSTOM MENU WIDGET Use this widget to add one of your custom menus as a widget The Custom Menu Widget allows you to display pages categories and custom links in your blog s sidebar To use it you first need to create a custom Here s an example of what It looks like when its activated on a blog sidebar Parent Page Child Page 1 Child Pope 2 Chid Page 3 Another Awesome Category Awesome Category Yet Another Awesome Category Once you add the widget to your sidebar from the Appearance gt Widgets page you ll see that the widget Settings look similar to this Custom Menu Example Menu r me Example Meru Select Menu Primary Menu Delete Close Title Sets text that will display immediately above the custom menu In the sidebar Select Menu Use this to choose which of your custom menus to display If you havent already created a custom menu you ll need to do that first on the Appearance gt Menus page 10 PAGEBUILDER TEMPLATES Aqua Page Builder is a powerful WordPress plugin that allows you to create a number of template variations Tor use In your WordPress themes It
3. That is when you usa the widget block in PageBuilder Drag ne wid block to a column box where you want the widget to appear and click on the arrow to edit iL D mopet wpe moct ae EE Dette case You give the widget block a tile and description Inthe Enter widget name text bax you put a string that represents the widget that you want the bloc to hold For example if you want tha block to hod the Pages widget he specific string that Corresponds to the Pages widget is WP Widget Pagos I you want the block to hold a Calendar widget the specific string that corresponds to the Calendar widget is VE Widget Calendar Each widget has a specific string that corresponds to it and may be input in the Enter Widget name hora textbox In our example both a Calendar widget and a Pages widget are added side by side on the template D Drag blocktems intothis column box Widget Calendar Block toes Te Calendar Block Eshon Descriptor Desene me Galenoarwaget Entar wayet name nore Wr moget Saienoar Enter mager instance sing nere Enter widget arguments siring here Delete close Delete Drag block ino is column box Widget Panes Block Bock me Pages Block Tse eezreton Desene me Pages waget Erter get rama hora Wr spot Pages Enter mager instance sting here Enter midge arguments sing bere Alter saving the template and applying the template to a page the resulting page looks
4. and template tag and number of images in the slider amongst other things You can also view the contextual help tab at the top of the page if you need any extra explanation for anything you may see on the screen Now that we have been familiarized with the main screen let s create our first slider a Creating your First Slider Click on the Add New button beside the main Soliloquy tile A familiar post editing screen will appear The first thing you want to do is give your slider a title such as My First Slider E I Ota ten Se pi Once you have set your title Ies start uploading some images Click on the Click Here to Upload Images button to get started A lightbox display will open that wil allow you to upload images from your computer from an external URL ar even from your media library You can upload multiple images at a time Add modia filos from your computer Have fun during this time Once your images are uploaded you can either click on an Insert Into Slider button or simply close the lightbox Either one will refresh the image list so that your slider images will be displayed Once closed your screen should look something similar to the screenshot below a Osa Soa ir aS E From this screen hover over the Images You will notice that you can drag and drop them in order Simply click and drag an image to a different location to sort your slides The slide order
5. are commonly used for news and blog websites but are also used for distributing other types of digital content including pictures audio or video A feed can have the same content as a webpage but it s often formatted differently When you subscribe Internet Explorer automatically checks the website and downloads new content so you can see what is new since you last visited the feed The RSS Widget displays posts from any RSS feed Here s an example of what it looks like PV feed ngs rone TS y 17 2013 Bangasesn Coverage May 17 2 a Settings Once you add the widget to your sidebar from Appearance gt Widgets you ll see that the widget settings look like this Enter the RSS feed URL here You will need to get the RSS feed URL from the blog or web site you would like to display in the sidebar Some RSS examples e http www pvamu edu snipplets 1123 asp PV News Feed lay ence itp www evamy edu snipplets 1125 asp PVAMU ay eae Upcoming Events ra a There are RSS feeds all over the web To find the feed of a CH blog Flickr stream or whatever else look for the standard feed icon or the word subscribe or feed Right or control on a Mac click and copy the URL usually by using the copy link or copy link location option available Give the feed a title Set the title displayed above the feed items How many items would you like to display Sets the number of entries
6. follows the same user interface used by the Menus amp Widgets admin pages making you feel right at home with the UI Similar to the Widgets amp Menus Aqua Page Builder features the drag and drop interaction to bulld its templates DI Features of the plugin include p Mens Page unter EH Highly intuitive drag and drop user interface Integrate seamlessly with WordPress admin interface Compatible with WordPress Import Exporter Unlimited number of reusable templates Highly extensible Page Builder is a WordPress plugin that lets you easily build and edit grid based pages First let s take a look at the interface PageBuilder can be accessed from the Appearance menu on the dashboard Clicking on the PageBuilder menu option brings up the Page Builder interface The interface has the following blocks E Page Bulder a Adding a Column Block A column block is a sort of a wrapper element to contain other block elements To add a new row of columns drag and drop the Column feature to he design box onthe right Widgets wil then be able to be placed within the column ection ol design box oio Temple amet DEE b Adding a Shortcode Block A shortcode is a WordPress specific code that lets you do nifty things Wwith very litte effort Shortcodes can embed files videos or create B objects that would normally require lots of complicated code in just one line Shortcode shortcut To use t
7. please visit www pvamu edu webservices NOTE If you are a content manager and need access to WordPress please contact Web Services at webservicesQpvamu edu 2 1 NTRODUCTI ON WordPress Widgets and Plugins allow easy modification customization and enhancement to a WordPress site This document demonstrates the use of various widgets and plugins to achieve specific functionality As Gf its current release The PVAMU WordPress environment has the following widgets and plugins available for its content managers 1 Tree View For easy structuring of the pages Page Builder To design templates to be used by the pages Soliloquy For image sliders galleries and carousels WordPress built in Widgets To add specific functionality Events To add upcoming events to the global events calendar News Used to add new entries to the global news repository 3 TREEVIEW Tree View plugin is used to give to easy access to all the pages within your website This section explains how to use tree view Within this tree structure you can view your site hierarchy directly from the WordPress dashboard You can also edit pages view pages add pages and drag and drop pages to rearrange the order Tree View can be accessed in the Tree View link under the Pages option in the dashboard When you click on the Tree View link you view files Ali mei Thi Epere Calpe just like you view them in Windows Explorer Tee Landing Pago Pager Ness Events p
8. will automatically be updated for you If you click on the Pencil icon a lightbox will open that will allow you to edit each individual slide s metadata This includes the Image title alternate text link URL and caption along with other things You can also utilize the internal linking feature here by clicking existing link item Simply search for your content click and your image URL and title information will be set Image captions can accept any type of HTML including but not limited to iframe hi and form tags This lves you the ultimate ability to transform your sliders into anything imaginable With some HTML and CSS magic you can make your slider shine above the rest while keeping it responsive at the same time b Adjusting Slider Settings Once you have modified your image settings its time to adjust your slider settings Take a look below at the following list to give you a detailed breakdown of the options available and what they do Slider Default Size amp Slider Size This option allows you to choose the type of sizing you want your slider to undertake By default you are given two options default and custom Default sizing simply gives you max width max height parameters to the slider container It does not crop your images but rather scales them to fit in the dimensions you have defined This option is best utilized if you know your images will all be the same size The sizes defined here are in pixels but you ca
9. WordPress Administrator Training User Manual Web Services Information Resource Management Frairie View A amp M University Contents Overview Introduction TreeView WordPress Widgets Adding Widgets Configuring Widgets Removing Widgets een Mode RSS News Settings Events ding a Now Event Event Time and Date Event Location Event Organizer Calendar Settings The Custom Mana Creating a Custom Wer Adding Pages Adding Custom Links Changing the Order amp Creating Sub Menus Menu tem Settings Where to place your custom menu Ealing Your Menus Managing Your Menus The Custom Menu Widget PageBuilder Templates Adding a Column Block Adding a Shortcode Block Adding a Tabs and Toggles Block Adding a Call To Action Block Adding a Link List Block Adding a Widget Block How o use the Template mage Siider Creating your First Sider Adjusting Sider Settings Punishing and Using the Sider Advanced Sider Selings WI 1 OVERVIEW Prairie View A amp M University uses the WordPress Content Management System to maintain its official website wiv pvamu edu Plugins and Widgets are used within WordPress to achieve specific functionality This document outlines how Prairie View A amp M content managers can utilize plugins and widgets within their website for specific purposes The instructions included are Intended far references only For detailed Instructions on how to perform specific tasks using WordPress
10. at horizontal sliding will go from left to right and vertical sliding will go fram bottom to tap Smooth Height The smooth height option lets the slider adjust heights smoothly if there are Images of different heights In the slider Touch Swiping This option enables touch swiping for visitors that are utilizing touch devices Slider Delay The time that the slider should delay in starting in milliseconds For example if you want to delay the start of the slider for 3 seconds enter 3000 in the Input field 25 notes 26 Our Mission VolP amp Web Services will assist the University In achieving its first class status in research teaching and service by providing efficient and effective VoIP network and web presence in an impeccable manner that ensures compliance with applicable laws policies and regulations PRAIRIE VIEW A amp M UNIVERSITY Otice of Information Resource Management PO Box 519 MS 1460 Prairie View Texas 77446 ar
11. ent location if your theme is capable of multiple menus Monu Settings Auto add pages Autoriatally add new top level pages fis menu Theme focarons engsten Menu b Adding Pages Adding pages to your menu is as simple as checking the proper boxes for the pages you want and then licking Add to Menu If you have a lot of pages you can choose to view your most recent pages or search for a page based on its name in the search tab MostRecent View All Gene Services zen AboutUs Select Al Addio Menu C Adding Custom Links Mant a man tbo ink act another waste No probiert Type tebe you wart tons sane wher on a ink ont pect wat eb wi ay rd rci Add to Menu Optionally you can have a custom link open in a new window or tab by enabling Link Targets described on the advanced menu settings page Link at My tart d Changing the Order amp Creating Sub Menus At any time you can change the order and placement of menu Items by simply dragging and dropping the items to change their order To create sub menus or drop down style menus drag individual items to the right to nest them under a given parent Lab Yau can unda this by dragging them ta the left Be sure to click Save Menu to save any changes to your custom menu e Menu Item Settings In addition to arranging menu tabs to your liking you can also customize the text and other details of each item that you add to your menu To edit a menu item s settings click the dow
12. from the feed to show on your sidebar Display item content Check this box to show a brief excerpt from the post in addition to its tie Display item author if available Check this box to show the author s name Display item date Check this box to show the date the post was published 6 EVENTS The Events Calendar plugin is a powerful events management framework for WordPress It Isa fully featured event management system used to easily manage events All the events you add need to have a Channel to identify your department Every department will have a Channel assigned to them If you do not see a Channel for your department please contact Web Services at webserviees ovamu edy and we will create a Channel for you All events you enter go into a global calendar from which other users can select to show the events you add a Adding a New Event From your site s dashboard find Events in the sidebar and select Add New tiens You l be taken to a familiar page that looks very similar to the post creation page po you re used to from drafting regular WordPress posts zs enne E Add New Event Aen Raten Grape Wal eme Do all the things you d do with any WordPress entry add your title and your event description Select your categories and tags in the right hand sidebar Add a featured image if the mood strikes you Now scroll down a bit to the section for The Events Calendar This is where things change fram what y
13. he shortcode block in the Pagebuilder template drag the shortcode block in the column box created in the previous section and click on the arrow We will embed an already created slider on a page using the shortcode block of the slider When you save the template and apply it to a page the result is an embedded slider on the page You can put the shortcode block in any column box in the PageBuilder template A amp M UNIVERSITY Home Detailed information on shortcodes can be found in hie en supportwordoress comishoreades c Adding a Tabs and Toggles Block Tabs allow you to place data in a small amount of space It also allows you to easily switch between content ina page To add a tab to a page drag the Tabs and Toggles item to a column box and click on the arrow to edit To edit each tab click on the double arrow and fil in the fields with your content tee To add new tabs click on the Add New button You can add as many tabs as you need After editing you can save the template and view the results by viewing the page that has the template applied to it You can apply 2 more tab styles to your tab content 1t you choose toggles the tab content drops down when the tab arrow is clicked on the web page that has the template applied to it Home Tas D My tabt contents Lp D d Adding a Call To Action Block A strong Call to Action on a page entices the user to complete the page s goal This might be t
14. n also define percentages as well e g 100 x 50 Custom sizing uses WordPress generated Image sizes to define the size of your slider The Image sizes listed are those that have been added via the add image size function If one of these sizes is chosen Soliloquy will use that custom image size to populate the slider Slider Transition Soliloquy comes stock with three transitions fade slide horizontal and slide vertical Animate Slider Automatically Pretty self explanatory whether or not to have the slider begin automatically or manually Slider Speed The duration of an Image in the slider in milliseconds Animation Duration The amount of time it should take to animate from one image to the next in milliseconds These are all of the basic options to get you started If you want to see more advanced aptions to fine tune your slider you can check the Advanced Options checkbox to reveal more way to customize your slider c Publishing and Using the Slider Now that you have gotten a firm grasp on all the options it s time to publish your slider Click on the Publish button to make your slider active and then visita post or page edit screen At the top of the editor you will find a button that says Add Slider Add Slider Click on that button to bring up a light box where you can select to insert a slider Into your post or page Once you have chosen the one you created My First Slider if you have followed this tuto
15. n arrow to the right of the menu item Once expanded you can modify the following About Us Page v Navigation Label Tite Atribute About This Site Leam more about what we dot Move Upone Down one Under Home To the lop Original About Us Romow Navigation Label Enter your custom link text here This overrides the default name of the menu item replacing it with the name you give It instead Title Attributes Adds custom hover text a tooltip and improves usability for impaired visitors using assisted devices Remove Lets you delete the item from the menu completely Cancel Allows you to cancel any changes you have made to it Save Menu Be sure to click the Save Menu button to save any changes te your menu items f Where to place your custom menu Under Theme Locations Select where you want to place this new menu Your menu Item will now look something like this PRAIRIE VIEW A amp M UNIVERSITY LMSMITH SEARCH ENGINE HOME LIBRARY g Editing Your Menus ir you need to edit your custom menu for any reason simply return to the Edit Menu screen by going to Appearance Menus in your WordPress Dashboard You should see your custom menu and its contents displayed and you can make any changes you wish to update the menu Make sure to click Save Menu to save your changes Note if you have more than one menu saved to your site you will see a selector to choose the menu you want to edit
16. ndomize Slider Order If checked the slides will be randomized Note that if you decide to go this route ajax preloading will not be available because a particular order cannot reliably be determined This option is best sulted for small sliders or if you only have one slider on a page Slide Number to Start On Determines which slide number to start on The Index is set to 0 so 0 is the first slide 1 is the second slider and so on and so forth It defaults to 0 the first slide Loop Animation Whether or not to loop the animation from beginning to end and vice versa If unchecked the slider will top and the arrows will disable when you have reached the end or beginning of the slider Pause When Using Controls When checked this will cause the slider to pause any time a user interacts with your slider clicks an arrow swipes etc If you don t want this to occur e g the slider should always move no matter what uncheck this option Pause Slider on Hover Pause the slider when a user hovers over it Use CSS Transitions Use CSS transitions if avallable over JS transitions While CSS transitions can give some performance benefits they can stil be buggy and cause undesirable results ike text antialiasing during transitions If you are noticing funny results turn this option off to use traditional S transitions Reverse Animation Direction When checked this reverses the animation of any of the slide animations This means th
17. o get to the contact page or to buy a certain product In a call to action a clickable image is placed on the page specifically to get the user to click on it and send the user to a different page or ste enticement Drag the Call To Action block to a column on the design box and click on the arrow to edit it D When you fil in the fields and upload an image you may save the template and view the results on the page that has the template applied to it Home e Adding a Link List Block You can have a list o links to other pages or website The links are grouped together in a web page by means ot a Link List Block You may have as many inks o websites as you need Tho Link List Block groups them together Drag the Link List block oa column box and click on the arrow to edi nm Each ink wil have a Title that the usar wil see in place of the URL You can put a ink description and you must speci the Link URL where the user wil be taken to it he she clicks on the link Make sure that the ink URL has the following formal hitp ivnew anotherwebpage com Once you have created your list at links you may save the template and view the page that has the template applied to iL Home Link Tite 1 Link Title 2 Link Title 3 f Adding a Widget Block Remember that in Appearance gt Widgets you have a list of widgets that you can drag aver to a sidebar Bul what if you want the widget fo appear elsewhere on your page
18. ou re used to and where you ll configure the remaining details of your event Make sure your Channel on the top right is selected If you have access to multiple channels select the appropriate channel fer the event you are adding b Event Time and Date EVENT TIME amp DATE lav event Hn SbDde Tme 2036 14 asi of onl EndDse Tme mee er ail on Recurence ww All day event Check this box If you want your event to appear as an all day event with no start end time Indicated to frontend readers Start Date Time amp End Date Time The date and time your event starts and ends Select the date from the calendar pop up select the time from the dropdowns Note that if you have the All day event box checked no time customization options will appear here Recurrence Configures the recurrence setting allowing you to have an event occur multiple times on dates of your choosing C Event Location You can either use a Saved Venue by selecting one from the dropdown or add a new one by leaving the dropdown on Use New Venue and adding the venue name address details appropriately below Make sure to either show the Google Maps link or embed the map itself both controlled by checkboxes if you want this data to display d Event Organizer Similar to the venue organizer detalls provide more on who is hosting an event You can use a saved organizer from the dropdown or enter the detalls for a new one Remember
19. rial all the way through click on the button to insert the slider Choose Your Slider Selects eir below from tho list of avaiable ier emor N Fietser E Save your post or page and check out your updated sitet a Home Posts this Month BPV feed d Advanced Slider Settings The advanced slider settings are designed to give you more control over your slider They are hidden by default In order to keep to amount of options show to a minimum but they can pravide powerful control over your slider Below is alist of the advanced options and what they do Use Previous Next Navigation This option controls whether or not to output the slider arrows It is set to output them by default Use Control Navigation This option determines whether or not to output the slider navigation dots or not It is set to output them by default Use Keyboard Navigation Whether or not to use keyboard arrows left right ip and down to advance the slider Multi Keyboard Navigation Enabling this option will sync all sliders on a page to the same keystroke meaning that they will all advance at the same time Mousewheel Navigation Whether or not to use mousewheel navigation to advance the slider Pause Play Element Turning this option on enables a pause play element in the slider to let the user know when a slider is active or paused Clicking on these elements can also resume or pause the slider za Ra
20. s DEF Lang Page wo Pagebuler Drag and Drop a page to rearrange order your pages Add pages after or inside a page creating a sub page Edit pages View pages 2 Home Tes Lanng Pope ppo Test Landing Pane pe ti ewe amp Events Wagen aa Laing Page wa Pata neen 4 WORDPRESS WIDGETS Widget is a fancy word for tools or content that you can add arrange and remove from the sidebar s of your site Widgets make It easy to customize the content of your sidebar s You can access your widgets Trom the Appearance gt Widgets screen in your Dashboard Themes Widgets Menus Page Builder Background a Adding Widgets To add a widget drag the widget from the Available Widgets or Inactive Widgets area on the left into the Sidebar area on the right Sidebar is a vertical column provided by a theme for displaying information other than the main content of the web page Sidebars usually contain widgets that an administrator of the site can customize Glo Sida You have three sidebar choices Sidebar Global Sidebar and Site Sidebar When a widget is dragged and placed in the Sidebar that widget is avallable e in on your page When a widget Is dragged and placed In the Global Sidebar son inn rome that widget is visible on all the pages within your site and the visibility cannot one ats wae meses be altered When a widget is dragged and placed in the Site Sidebar that widget is visible on all the pages within your site however the vi
21. sibility can i i be altered the widget can be hidden from view on certain pages p When you drag a widget to a sidebar and you see a dashed line appear you can drop the widget into place You can also change the order of the widgets by dragging and dropping them Sie Sidebar around within the sidebar b Configuring Widgets Each widget has configuration options To make changes to a widget in the sidebar click on the triangle on the right side This wil open up the options for the widget Each widget wil be different Mace Here is an example of the Archives widget After you have configured the widget cc the Save button Clicking the m Close iink wil minimize the configuration options again c Removing Widgets It you would lice to remove a widget from the sidebar click the Delete link in the configuration options on the lower left side d Accessibility Mode If you need a more accessible way to add widgets click Sereen Options Enable accessibility mode to turn off the drag and drop feature S___ I RP VL NW Es Voie EE In accessibility mode you can add widgets to your sidebar using the Add links next to each widget name nss and you can modify widgets using the Edit links D e 5 RSS NEWS The acronym RSS stands for Really Simple Syndication and is used to describe the technology used in creating feeds RSS feeds provide frequently updated content published by a website They
22. that saved venues amp organizers an be viewed amp edited from the Venues amp Organizers admin menu items on the backend That s it Add an excerpt if you wish make sure everything looks good and then publish or schedule the post You ve created your first event you re done The event shows up on the Calendar widget If a user clicks on the event on the calendar the new event page is loaded with all the detalis that were input 7 CALENDAR A calendar widget of your site s posts Calendar Widget is a simple easy to use widget that displays links to your posts and or events by date Here s what the Calendar Widget looks like when activated on a blog Sidebar Posta AnoHIVE une a2 MTWTFSS 1238 5678 8 10 11 12 13 14 18 16 17 38 19 20 27 22 23 24 25 26 27 28 29 30 May a Settings Once you add the widget to your sidebar from Appearance Widgets you see that the widget settings lock lie this Calendar Tite Delete ess Title Set the title to be displayed above the calendar in your sidebar Le Posts This Month 8 THE CUSTOM MENU If you have a theme that supports the Custom Menus feature you can create and arrange a group of navigation links for your visitors to find the important parts of your site faster Most Custom Menus will show in the header area at the top of your site the main navigation area though this location can vary from theme to theme With some themes you may ha
23. ve the option to create and display multiple custom menus in different places on your site such as the footer or special sidebar areas Creating a custom menu allows you to do the following things Change the order of pages in your menu or delete them Create nested sub menus of links sometimes referred to as drop down menus NOTE do not create custom menus with too many sub links as this will create an un appealing effect on your site a Creating a Custom Menu To create a custom menu go to Appearance Menus in your dashboard Wages DEN To create a new menu click create a new menu link then just type in a Menu Name to help you remember what it is and click the Create Menu button Menem rnc uc sa ARE men To este s custom anu ve rame above and ck Cae Mena Then chanse es Ma pagas cogens o chm ins Fon Pil com hse fm er vou nave sea your ems rag and drop to put 1em i e rer you wart You can sea ch emen Ber o reves aaa ara tur Wien you have thes muting your custom nena mie sur you cic e Save Mens Dei After you create your first menu you will notice that two new options appear to control the following Auto add pages If selected new pages to be added automatically when you create them Theme locations Allows you to decide where you would like your custom menu to appear in your theme By default the main navigation area of your theme should be selected for you but you can select a differ
Download Pdf Manuals
Related Search