34
BeTop – Coaching & Speaker WordPress Theme Documentation Also available Online manual and Video tutorials. © 2001 – 2019 Stylemix LLC

BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

  • Upload
    vokhanh

  • View
    222

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop – Coaching & Speaker WordPress Theme Documentation

Also available Online manual and Video tutorials.

© 2001 – 2019 Stylemix LLC

Page 2: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

TableofContents

GettingStarted.............................................................................................................................4

Introduction....................................................................................................................................4

SystemRequirements.....................................................................................................................5

InstallingtheTheme........................................................................................................................5

Whattodoifthethemeinstallationfails....................................................................................8

ViewingSystemStatus....................................................................................................................9

ImportingtheDemoContent........................................................................................................10

GettingHelp..................................................................................................................................14

InstallPlugins.................................................................................................................................15

ImportantFeaturesoftheBeTop–Coaching&SpeakerWordPressTheme...............................16

BootstrapFramework...............................................................................................................16

PluginsInstalledwiththeTheme..............................................................................................16

SettingUpyourWebsite.............................................................................................................18

CustomizingtheTheme.................................................................................................................19

MainThemeOptions.................................................................................................................19

Maincolorsettings....................................................................................................................20

Typographysettings..................................................................................................................20

SettingUptheHeaderandFooter................................................................................................21

AddingMenustoyourWebsite....................................................................................................23

SettingUptheStandardMenus................................................................................................23

LocalizingorChangingtheLanguageoftheTheme......................................................................24

AddingContent..........................................................................................................................25

TypesofPosts................................................................................................................................25

SettingupandchangingtheTitleofCustomPostTypes..........................................................26

MiscellaneousFeatures..............................................................................................................27

AddingaBlogtoyourWebsite......................................................................................................27

IncorporatingaWooCommerceShopinyourWebsite................................................................28

AddingTrainingClasses.................................................................................................................28

Updatingthetheme...................................................................................................................33

Page 3: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

UpdatingviatheWordPressAdminPanel(usingDashboard>Updates).....................................33

UpdatingviatheWordPressAdminPanel(usinganExtraPlugin)................................................34

UpdatingviaFTP............................................................................................................................34

Page 4: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

4

GettingStarted

Introduction

BeTop–Coaching&SpeakerWordPressThemeisintunewithalldevices,browsersandplatforms,retinareadyandcomeswithsuper-fastanduser-friendlyElementorpagebuilder.AllcustomizationoptionsareavailableontheFrontEndeditorandnocodingskillrequiredtocreateoreditcontent.

SomeofthefeaturesoftheBeTop–Coaching&SpeakerWordPressThemeinclude:

• GDPRCompliant-Yourguestswillfindthecheckboxforopt-inconsentbeloweachbookingformtoacceptyourwebsitetermsandconditionsbeforereservation.

• MultilingualSupport-Easilytranslateawebsitetoanylanguage.• Responsive&MobileFriendly-BeTopisfullyresponsiveandlooksgreatonalldevices.• BuiltwithSASS–themoststableandpowerfulprofessionalgradeCSSextensionlanguage• Elementordrag&droppagebuilder• 19 Exclusive Custom Modules for Elementor• Flexible Page Layouts• Product Catalog with WooCommerce• Sell Courses, Classes with WooCommerce• CompatiblewithFirefox,Safari,Chrome,EdgeandIE10+• Bootstrap-basedResponsiveLayouts• AbilitytohaveaBackgroundimageforyourwebsite• Abilitytouseanyof800+GoogleFonts• Custom Fonts, icons• One-clickdemocontentimport• RetinaReady• SEOready• ContactForm7-Ready• MailChimp-Ready

Page 5: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

5

SystemRequirementsToinstalltheBeTop–Coaching&SpeakerWordPressThemeyoumusthaveaworkingversionofWordPressalreadyinstalled.ForinformationregardingtheinstallingoftheWordPressplatform,pleaseseetheWordPressCodexathttp://codex.wordpress.org/Installing_WordPress.

InstallingtheThemeYoucaninstallthethemejustasyouwouldinstallanyotherWordPressTheme.

Note:Inordertoinstallatheme,youwouldneedtologintoyourWordPressadminareawithAdministratorrights.

Toinstallthetheme:

1. IntheWordPressDashboard,clickonAppearance>ThemestoopentheThemesscreen.

2. ClickontheAddNewbuttontoopentheAddThemesscreen.

Page 6: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

6

3. ClickontheUploadThemebuttonanduploadthezippedthemefileyouhavereceived

fromStylemixThemes.

Note:DependingonthespeedofyourInternetconnection,itmaytakesometimetouploadthezipfile.

4. OncethefileisuploadedclickontheInstallNowbuttontoinstallthetheme.

Note:Ifyouhavetroubleinstallingthetheme,pleaseseethenextsection:Whattodoifthethemeinstallationfails.

5. Oncethethemeisinstalled,youneedtoactivatethethemetoenabletheHotelloThemedemosandthemeautoupdatefeature.ClickonActivatetoactivatethetheme.Youwillthenhavetogenerateatoken.

Page 7: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

7

Stepsforactivatingthetheme:

1)ClickontheGenerateaPersonalTokenlink.AnewwindowwillopenthattakesyoutotheEnvatoAccountsign-inpage.

2)SigninusingthecredentialsofthesameaccountyouusedtopurchasetheHotellotheme.

3)Enteranameforthetoken.(Thisnameistoidentifythistokenanytimelater.)

4)SelectthefollowingcheckboxesfromthePermissionsNeededsection:

*ViewYourEnvatoAccount Username, *DownloadYourPurchasedItems, *VerifyPurchasesYou’veMade,and *ListPurchasesYou’veMade.

5)SelectthecheckboxtoagreetothetermsandconditionsandthenclickontheCreateTokenbutton.

6)Anewpagewillloadwithatokeninabox.SelectthetokentextandcopyittotheclipboardbypressingCtrl+Conyourkeyboard.

Pastethegeneratedtokenhere.

Page 8: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

8

6. PastethetokenintheprovidedboxandclickontheSubmitbutton.Ifactivationissuccessful,youwillseeagreencheckmark.

Youcanfollowthismanualifactivationfails.

WhattodoifthethemeinstallationfailsIftheimportstallsandfailstorespondafterafewminutes,orifWordPressgivesyouanerrormessage,youaresufferingfromPHPconfigurationlimitsthataresettoolowtocompletetheprocess.Youshouldcontactyourhostingproviderandaskthemtoincreasethoselimitstoaminimumasfollows:

• max_execution_time600• memory_limit128M• post_max_size32M• upload_max_filesize32M

YoucanverifyyourPHPconfigurationlimitsbyinstallingasimplepluginfoundhere:https://wordpress.org/plugins/debug-info/.YoucanalsocheckyourPHPerrorlogstoseetheexacterrorbeingreturned.

Page 9: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

9

ViewingSystemStatusYoucanalsoviewsomeofyourWordPresssystemsettingsbygoingtotheConsultingThemeSystemStatuspage.(ClickonConsulting>SystemStatusintheWordPressmenu.)ThispagewillprovideinformationaboutyourWordPressenvironmentandyourserverenvironment.

Anyitemsthatrequireyourattentionwillbehighlightedinyellow.

Page 10: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

10

ImportingtheDemoContentOncethethemeisinstalled,youwillfindanewBeTopmenuintheWordPressdashboard.Youcanusethismenutoaccessthedifferenttheme-relatedpages.Don’tknowwheretostartonbuildingupyoursite?Wehavecreatedanoptionforyoutorecreateourthemedemositewithjustoneclick.

Tip:Beforeimportingthedemocontent,youcancheckoutthevariousdemosathttp://becoach.stylemixthemes.com/.Youcanseethedifferentdemosanddecideonwhichonesuitsyourfirmthebest.

ClickonBeTop>InstallDemosintheWordPressmenu.

Page 11: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

11

Tip:Youcanusethedemocontentasastartingpointforyourwebsiteandmodifythecontenttosuityourneeds.Inthatcase,selectthedemolayoutthatismostappropriateforyourwebsite.

Pleasenote:Alldemositeimagesreplacedwithplaceholdersduetolicensingpolicy.

Eachdemolayoutrequiresanumberofpluginstofunctionproperly.Fortunately,StyleMixThemeshasmadeiteasyforyoutoinstallthepluginsandtheywillbeinstalledautomaticallyduringdemosetupproceed.Inordertostarttheimportproceed,clickontheSetupLayoutbutton.

Note:DependingonthespeedofyourInternetconnection,itmaytakesometimetoinstallallthepluginsandimportthedemocontent.

Page 12: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

12

AllthepluginswhicharenotfreecomeunderourExtendedLicense,soyoudon’tneedtopayfortheirlicensetousethem.Someofthemmighthavemessagesrequiringactivation,buttheyarealreadyactivatedonourside.Nopurchasecodeneeded.Whenusingthemunderourlicenseyouwillneedtowaitforthepluginupdatesinourregularthemeupdates.Ifyouwanttobeabletoautoupdatethemfromwp-admin,youwillneedtobuyyourownpersonallicenseforthat.However,wealwaysincludethelatestversionsofthepluginsineveryupdateofthetheme.

SetupLayoutfeatureinstallsallrequiredplugins,importsthechosendemolayoutandwidgets.Afterfinishingtheproceedyoucanvisityoursitefrontpageinordertoseeallreadyfeatures.

Page 13: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

13

Tip:Ifyouwanttostartfromscratchafterviewingthedemocontent,youcanremovethedemocontentusingtheResetWPplugin(https://wordpress.org/plugins/wp-reset/).ThispluginresetstheWordPressdatabasebacktoitsdefaults.Itwilldeleteallcustomizationsandcontent,butitdoesnotmodifyfiles;itonlyresetsthedatabase.Pleaseseetheabovelinkformoredetails.

Page 14: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Installation

14

GettingHelpYourBeTop–Coaching&SpeakerWordPressThemecomeswithsixmonthsoffreesupport.

IncaseyouarefacingproblemswithusingtheBeTop–Coaching&SpeakerWordPressTheme,youcangethelpinthefollowingways:

• Readouronlinedocumentation.• Watchonlinevideotutorialstolearnhowtocustomizethetheme.• VisitourCommunityForum.• SubmitaHelpTicket.

ClickonBeTop>SupportintheWordPressmenutoaccesstheSupportpage.

Note:YoucanalsogetextendedsupportthroughsubscriptionsviaThemeForest.

Clickonthisbuttontocreateasupportaccountifyouhaven’talready

createdone.

Youwillneedaccesstothesupportaccounttosubmitahelpticket.

Page 15: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual DemoImport

15

InstallPluginsOncethethemeisinstalled,youhavetoinstallallrequiredpluginsviaAppearance>InstallPluginsmenu.SelectAllpluginsandInstallthemviabulkApply:

Afterinstallationofallplugins,Activatethem:

Nowallpluginsinstalledandactivatedcorrectly:

Page 16: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual ThemeFeatures

16

ImportantFeaturesoftheBeTop–Coaching&SpeakerWordPressThemeThissectiondescribessomenoteworthyfeaturesofthistheme.

BootstrapFrameworkTheBeTop–Coaching&SpeakerWordPressThemeusestheBootstrapframework,soyoucanhavealayoutgridofupto12columnstodesignyourpages.Further,eachwidgethasitsownmaximumandminimumwidths,soyouhavetheflexibilityofadjustingthewidthsofthewidgetsdependingonthelayoutofthepages.

PluginsInstalledwiththeThemePlugin Required/Optional Howithelpsyou…

AddToAnyShareButtons

Required Allowsyoutoshareyourpostsandpageson100+sharingandsocialmediasitesincludingFacebook,Twitter,Pinterest,Google,WhatsApp,LinkedIn,Tumblr,andReddit.

ContactForm7 Required Allowsyoutoeasilydesignandaddformstoyourwebsite.

GDPRCompliance&CookieConsent

Required Your guests will find the checkbox for opt-in consent below each booking form to accept your website terms and conditions before reservation.

MailChimpforWordPress

Required HelpsyouaddsubscriberstoyourMailChimplistsusingvariousmethods.Youcancreategoodlookingopt-informsorintegrateMailChimpwithotherformsonyoursite.

WooCommerce Required Helpsyousetupyouronlinestoretosellthingsonyourwebsite.

WooCommerceWishlistPlugin

Required WooCommerceWishlistisasimplebutpowerfultoolthatcanhelpyoutoconvertyoursitevisitorsintoloyalcustomers.

Elementor Required Themostadvancedfrontenddrag&droppagebuilder.Createhigh-end,pixelperfectwebsitesatrecordspeeds.Anytheme,anypage,anydesign.

Header,Footer&BlocksforElementor

Required CreateHeaderandFooterforyoursiteusingElementorPageBuilder.

STMWidgets Required BeTopElementorWidgets.

STMTThemeOptions

Required Containsglobalsettingsofthetheme.

Page 17: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual ThemeFeatures

17

Asmentionedbefore,theBeTop–Coaching&SpeakerWordPressThemerequiresanumberofpluginstofunctionproperly.Thefollowingtablegivesyouabriefdescriptionofeachoftheplugins:

Note:WeprovideextrapluginswithEXTENDEDlicensesandincludelatestupdatestoeveryversionofthethemes.Thepluginswillbeupdatedwheneveryouupgradeyourtheme.

Page 18: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual ThemeOptions

18

SettingUpyourWebsite

OncetheBeTop–Coaching&SpeakerWordPressThemeisinstalled,youwillnowhavetocustomizethethemetosuityourneeds.Thefollowingaresomeofthetasksyouneedtocompletetocustomizethetheme:

• Buildyourownheader,setupheaders,footers,andsidebarsforyourwebsite.• Chooseyourowncolorschemeandtypographyoptions.• Typeintheaddressandotherinformationaboutyourorganization.• Designandaddwidgetstoyourwebsite.• Setupthemenusofthewebsite.

Page 19: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual ThemeOptions

19

CustomizingtheThemeYoucanperformgeneralcustomizationoftheBeTop–Coaching&SpeakerWordPressThemebygoingtoDashboard>ThemeOptions(justasyouwouldnormallydoforanyothertheme).Here,youcansetupthefollowing:

• Mainsitesettingssuchasdefaultvisualizationoptions;Preloaderoptionsandothers.• Colorsscheme.• Typographysettings.• Buttonssettings.• NewsArchiveandSinglepageoptions.• Shoppagesettings.• Customposttypessettings.• GoogleMapsAPIsettings.Ch

MainThemeOptions

Hereyoucansetupglobalwebsitesettingssuchas:

• Sitebodybackground;• Titleboxsettings;• 404-pagebackground;• Preloadersettings.

Page 20: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual ThemeOptions

20

MaincolorsettingsYoucanchangethebasecolorskinofyourwebsiteintheThemeOptions->Colorssection.

TypographysettingsIfyouwanttochangeyourwebsitetypographysettings,youneedtogoThemOptions>Typography.It’spossibletochangetypographyoptionsforMain(body)andHeadingsfordifferenttypeofviews(desktop,tablet,mobile).

Page 21: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Header&Footer

21

SettingUptheHeaderandFooterYoucancustomizethelook-and-feeloftheheaderandFooter.Youcanalsocontrolwhatitemsappearintheheader&footerareasofyourpages.

Tosetuporcustomizethemofyourwebpages:

ClickonAppearance>HeaderFooterBuilderintheWordPressmenu.

ClickonEditwithElementorinordertomodifytheHeaderorFootertemplate.

Nowyoucaneasilymodifyincludedelementsoraddnewelementsviadraganddrop.

Header:

Page 22: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Header&Footer

22

Footer:

EachelementhasContentandAdvancedoptionspanelformodificationsandsettings:

Page 23: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Menu

23

AddingMenustoyourWebsiteTheBeTop–Coaching&SpeakerWordPressThemesupportsuptofourmenus.Youcanhaveamenuatthetopofyourwebsitepagesanduptothreemenusinthesidebars.Inadditiontotheabovelocations,youcanalsoaddoneofthefourmenustoanypageyouwantusingtheElementorNavigationMenuwidget.

SettingUptheStandardMenus

Asmentionedabove,yourthemeallowsyoutohaveamenuatthetopofyourwebsitepagesanduptothreemenusinthesidebars.

TosetuptheStandardMenus:

1. ClickonAppearance>MenusintheWordPressmenutoopentheMenuspage.2. YoucannowsetupthemenusasyouwoulddoforanyotherWordPresstheme.

Page 24: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Localization

24

LocalizingorChangingtheLanguageoftheTheme

IfyouareusingtheBeTop–Coaching&SpeakerWordPressThemeinanon-Englishspeakingcountry,youcanchangethelanguageofthethemesothatthewp-adminareawillbeinthelanguageofyourchoice.

Youcanchangeyoursite’smainlanguageviaSettings>General>SiteLanguage.ThiswillchangeallyourWordPressrelatedpromptstotheselectedlanguage,butyouwillstillhavetolocalizethethemerelatedoptionsandscreens.

It’seasytolocalizeyoursiteusingtheLocoTranslateplugin.(Youcanseearelatedtutorialinthefollowingpage:https://localise.biz/help/wordpress/translate-plugin/beginners.

AnotherwayistoaddyourtranslationsusingthePoEditplatform.Basically,youneedtocreatea.pofilethatcontainsthetranslationsandPoEditwillgeneratea.mofileforyou.Youthenneedtouploadthe.mofiletoyourtheme’slanguagefolder(../wp-content/themes/theme-folder/languages/).

Note:Beforeaddingtranslationsforstaticstrings,youneedtorenamethelanguagefilescorrectlyaccordingyoursite’slanguage.Thethemelanguagefilesarelocatedinthe../wp-content/themes/theme-folder/languages/folder.YoucanfindalistoflanguagecodesatWordPressinyourLanguage.Asanexample,thelanguagecodeforEnglishisen_EN,soyouwouldsavethetranslatedfilesasen_EN.poanden_EN.mo.

Page 25: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Content

25

AddingContent

YoucanaddregularcontenttoyourwebsiteasnormalpagesandpostsusingElementorpagebuilder.ElementorisavisualpagebuilderpluginforWordPressenablingthecreationofwebpagesinalive,visualway.

Thisstep-by-stepguidewalksyouthroughhowtocreateawebsiteusingElementor.

IfyouareanElementornewbie,thisarticlewillhelpyouunderstandtheessentialsofsuccessfulpage-building.Youwilllearnabout:

1. CreateanewpageonWordPressandElementoreditorlayout.2. BuildyourfirstpagewithElementor.3. InsertTemplatestoyourpage.4. Preview&Publishyourpage.5. MakeyourpageResponsive.

Tip:HereyoucanseethefullDocumentationoftheElementor-https://docs.elementor.com/article/226-getting-started.

TypesofPostsTheBeTop–Coaching&SpeakerWordPressThemecomeswithsomebuilt-intypesofpoststhatareusefulformultiplewebsites.Thefollowingtableliststhevarioustypesofpostsavailable:

Type Usedfor…

Portfolio Displayingdetailsofportfolioofferedbyyourorganization.

Events Displayingdetailsofeventsbeingheldinyourorganization.

Services Displayingdetailsofservicesofferedbyyourfirm.

Page 26: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual Content

26

SettingupandchangingtheTitleofCustomPostTypes

Ifyouwant,youcanchangethetitleoftheallcustomposttypes.

Tochangethetitleoftheabove-mentionedcustomposttype:

1. ClickonThemeOptionsintheWordPressmenu.

2. IntheThemeOptionsmenu,selectPostTypesandthenselectthecustomposttypeyouwanttoedit.

Page 27: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual MiscellaneousFeatures

27

MiscellaneousFeatures

TheBeTop–Coaching&SpeakerWordPressThemealsosupportsblogs.Youcansetupacustomblogpage.

TheBeTop–Coaching&SpeakerWordPressThemeisalsocompatiblewiththeWooCommerceplugin,soyoucanhaveane-commerceshoponyourwebsite.

AddingaBlogtoyourWebsiteYoucanalsohavearegularblogonyourwebsitewhereyou(oranyonewithadmin/authorrights)canputupposts.

Note:BlogpostscanbepublishedfromtheWordPressadminarea.Onlysomeonewithadminorauthorrightscanputupblogposts.

YoucanassignanypageyoucreateasthestartpageofyourblogbyclickingonAppearance>Customize>HomepageSettingsandselectingthepageinthePostspagedrop-downlist.

Page 28: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual MiscellaneousFeatures

28

IncorporatingaWooCommerceShopinyourWebsiteWooCommerceisthemostpopulare-commercepluginforWordPress.Nowyoucanhaveashopwithalle-commercefeaturesonyourWordPresssite.

Beforeyoustartaddingproducts,pleasegothroughtheWooCommercepluginsettingsandspecifyeverythingyouneedforyourshop.

Pleaseseehttps://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/formoredetailsonsettingupashopusingtheWooCommerceplugin.

AddingTrainingClassesTrainingsintheBeTopthemearegroupedproductsoftheWooCommerceplugin.Also,thereisspecialcustomsettingsformakingtheproductasatrainingclass.

Tip:YoucanreadmoreabouttheWooCommercegroupedproducttypehere-https://woocommerce.com/videos/woocommerce-grouped-product-overview/

Page 29: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

29

Inordertocreateatrainingclass,youneedtogotoProducts->AddNew:

Afteraddingaclassname,youneedtogototheGroupedMembershipLimitsectionandenabletheIsrepeatabletrainingoption.Thenyouwillbeabletoselectanumberofmembersanddurationofthetraining.

Page 30: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

30

BookingDeadlinesectionforselectingtheactiveperiodforbookingatrainingclass.

Finally,youneedtosetaregularpriceofthistrainingclassintheProductDatasectionandpublishyourtrainingclass(product).

Note:Astrainingclassesaren’tsimpleproducts,theyneedtobeinvisibleonthearchiveshoppage.ThusyoushouldselecttheHiddenoptionforCatalogVisibilitysetting.

Page 31: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

31

Now,youneedtocreatenewproductandsetupitasthemaintrainingpagewhichwillholdyourtrainingclasses.

Firstly,youneedtobuildatrainingpagecontentbyusingelementsoftheElementorplugin.

Lastly,shouldgotoProductDatasectionandselectaGroupedProductoption.After,youneedtoaddyourtrainingclassesintheLinkedProductssection.

Note:Trainingproductsshouldn’tbevisibleonthearchiveshoppageaswell.Therefore,youneedtoselecttheHiddenoptionforCatalogVisibilitysetting.

Page 32: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

32

Customerswillbeabletoselecttheappropriatetrainingclassandperiodonthemaintrainingpages.

Page 33: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

33

Updatingthetheme

Wewillperiodicallyprovideupdatesofyourtheme.Theseupdatesareessentialifyouwanttohaveabug-freewebsiteaswegivenewfeaturesandimprovementstothethemeovertime.SomeoftheseupdatesmightbeneededinordertomakethethemecompatiblewithnewerversionsofWordPress.

Note:Thereisnoriskoflosingyoursettingsandpageswhenyouupdatethetheme.However,anymodificationsyouhavemadetothecorethemefileswillbelost,soyoushouldbackupthosefilesbeforeyouupdatethetheme.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

TherearethreewaysofupdatingourWordPressthemestonewerversions:

• UpdatingviatheWordPressAdminPanel(usingDashboard>Updates)• UpdateviatheWordPressAdminPanel(usinganextraplugin)• UpdatingviaFTP

UpdatingviatheWordPressAdminPanel(usingDashboard>Updates)TheeasiestwayofupdatingthethemeisviaDashboard>Updates.Whenanupdateisavailableforyourtheme,youwillgetanotificationinyourWordPressDashboardandyoucanupdateyourthemebyclickingonDashboard>Updatesandupdatingthetheme(justasyouwouldupdateanyotherinstalledtheme).

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

Page 34: BeTop – Coaching & Speaker WordPress Theme Documentation · The BeTop – Coaching & Speaker WordPress Theme uses the Bootstrap framework, so you can have a layout grid of up to

BeTop–Coaching&SpeakerWordPressThemeUserManual AppendixB

34

UpdatingviatheWordPressAdminPanel(usinganExtraPlugin)ForthismethodyoushouldfirstinstalltheEasyThemeandPluginUpgradesplugin(http://wordpress.org/plugins/easy-theme-and-plugin-upgrades/)Thispluginwillupdateyourthemewhenyouuploadthetheme.zipfile.

OnceyouhaveinstalledtheEasyThemeandPluginUpgradesplugin:

1. Downloadthethemefileupdate.2. ExtracttheBeTop.zipfilefromthedownloadedthemefile.3. IntheWordPressdashboard,clickonAppearance>Themes>AddNew>Upload

Theme>Browse...4. SelecttheBeTop.zipfilethatyouextractedinstep2andclickonInstallNow.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

UpdatingviaFTPAnotherwayofupdatingyourthemeisviaFTP.

ExtractthecontentsoftheBeTop.zipfile.ThecontentswillbeextractedtoafoldercalledBeTop\andtosubfolderswithintheBeTopfolder.

Tip:MakesureyourunzippingsoftwaredoesnotcreateanyextradirectorywiththesamenamenestedwithintheBeTop\folder.Inotherwords,makesureyouextractthefilestoBeTop\andnotBeTop\BeTop\.

UsinganFTPprogram,uploadtheBeTop\folder(anditssubfolders)to/wp-content/themes/onyourwebserver.

Note:TheFTPprogramwillgiveawarningthattheBeTop\folderalreadyexists.ChooseReplaceAll.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaBeTop>Plugins.