Block Editor - Edublogs Help and Support

The Block Editor was launched in late 2018 and is a major change to the Classic Editor that WordPress users used previously. ... The Block Editor, also known as ... Skiptocontent Blog Support Contact Home UserGuide EmailSupport Getafreeblog Menu Toggleextendednavigation TheBlockEditorwaslaunchedinlate2018andisamajorchangetotheClassicEditorthatWordPressusersusedpreviously. TheWordPressBlockEditor TheBlockEditor,alsoknownasGutenberg,usesatotallydifferentmethodbymovingtoablock-basedapproachandeachitemyouaddtoyourpostorpageisablock. Youcanaddblocksforeachparagraph,images,galleries,videos,audio,list,tables,andmore. Eachblockisitsownentitythatyoucanmanipulate,moveandedit. Sinceeachblockisseparateyoucanaddthingslikecustombackgroundsortexttospecificblocks.Theblockeditordisplaysvisualelementsofhowtheylookonyoursite. ThenewBlockEditorlooksdifferentfromtheClassicEditorbutitdoesallthethingsyoucoulddowiththeClassicEditoraswellasallowsyoutobuildmorecomplexdesignsthanthoseachievablewiththeClassicEditor. Alistofblocksavailableaswellashowtousethemcanbefoundhere. SwitchBetweenEditors YouarecurrentlyabletoswitchbetweenthetwoeditorsbygoingtoSettings>Writing. SelectBlockEditororClassicEditor. ClickSaveChanges. Bydefault,onlyadminusersareabletoswitchbetweentheclassiceditorandtheblockeditor. Ifyouwanteditors,authors,andcontributorstoswitchbetweeneditorsyouneedtoselectYes. ThisaddsanoptiontochangethedefaulteditortoProfile>YourProfileforyourothersiteusersandalluserswillseeanoptiontoselectwhicheditorisusedwhentheyviewtheirpostorpageslistinPosts>AllPostsorPages>AllPages. Contentloadsinaclassicblockwhenapostorpagecreatedusingtheclassiceditorisopenedintheblockeditor.SelecttheclassicblockandthenclickonConverttoBlockssoyoucanedityourcontentusingblocks. Bydefault,theblockeditorloadsinfullscreenmodeandthiscanbedisabledtorevealthemainnavigation. BlockEditorVideo ThefollowingvideointroducestheWordPressblockeditorandshowshowtoaddblocks,customizeblocks,andre-arrangeblocks. BlockEditorInterface Belowisanoverviewoftheelementsoftheblockeditorinterface. AddnewblockModes:offersdifferentinteractionsforblockselectionandediting.Undo/RedoContentstructure:overviewofcontentstructureintermsofthenumberofwords,headings,paragraphsandblocks.BlockNavigation:canbeusedtonavigatebetweenthedifferentblocks.Preview/Publish:livepreviewyourpostorpublish/updateyourpost.Settings:hide/revealeditor’srightsidebar.Options:toshowmoreviewoptions,Editorstyleandadditionaltools.Thisiswhereyoucanturnofffullscreenmodeandchangebetweenthevisualeditorandcodeeditor.DocumentSettings:foraddingthingslikecategories,tags,featuredimages,excerptsforpostsorpageattributesforpagesaswellaschangestatusandvisibility.SimilartothesidebaroftheClassicEditor.Block:accesstoadditionalsettingsoptionsfortheselectedblock.Areawhereyouworkonyourpost/pagecontent. Addablock Bydefault,theblockunderneaththepost/pagetitleisaparagraphblockthatyouuseforregulartextandisdesignedtoallowuserstostartwritingstraightaway. Toaddanewblockyouclickonthe+iconattherightofanemptyblockoratthetopleftoftheeditor. Thenclickontheblockforthetypeofcontentyouwanttoadd. Forexample,ifyouwantedtoaddaphotogalleryyouwouldclickontheGalleryicon. BlocksareorganizedwiththeMostUseddisplayedatthetopifyouaccessusingthe+iconattherightofanemptyblock.SearchfortheblockyouwanttoaddorclickonBrowsealltoviewallblockoptions. Analternativemethodtoquicklyfindablock,youcanalsosearchbytyping/followedbytheblocknameyouarelookingfor,inanyemptyblock.Intheexamplebelow,wehavetyped/gallerywhichdisplaystheGalleryblockatthetopoftheselectionaswellasallrelatedblocks. YoucanaddablockaboveorbelowthecurrentblockbyclickingonthethreedotsontheblocktoolbaroftheselectedblockandselectingInsertBeforeorInsertAfter. MoveaBlock Youmoveablockbydraggingtheblockaroundbyclickingandholdingthesix-dot-gridnearthetopleftcorneroftheblockorusingtheupanddownarrowtomovetheblockinthedirectionyouwant. ConfigureaBlock Eachblockhasitsownblock-specificcontrolsthatallowyoutochangetheblockdirectlyintheeditor. Yourevealtheblock’stoolbarbyselectingtheblock. BelowisanexampleoftheImageblocktoolbar. Toolbarvariesdependingonblocktypeandhasbeenstreamlinedtoonlyincludetheformattingoptionsrequiredforthecontenttypeyou’readding/editing. BelowisanexampleoftheVideoblocktoolbar. BlockSettings–Toolbar Foradditionaloptionsclickonthethreedotstotherightoftheblocktoolbar: Thesesettingswillvarydependingontheblockyouareediting.Forthisexample,weareeditingtheYouTubeblockwhichhasthefollowingsettingsavailable: HideMoreSettings:closesthesettingsmenu.Copy:copiestheblocktoclipboard.Duplicate:createsasecondblockonthesamepagewiththesamecontent.InsertBefore/After:addsanewblockbeforeorafterthecurrentblock.EditasHTML:switchestheblocktotheHTMLversionofitsoyoucanedittheHTMLdirectly.WheneditingasHTML,thisoptionchangestoEditVisually.AddtoReusableBlocks:allowsyoutocreateablockthatcanbeusedonotherpagesthatretainsthecontentandstylingoftheblock.RemoveBlock:deletestheblockfromyourpage/post. BlockSettings–Sidebar Eachblockhasoptionsintheeditorsidebarthatmayprovideextracustomizationinadditiontotheoptionsfoundintheblocktoolbar. ClickontheSettingsiconnexttothePublish/Updatebuttonifyoudon’tseetheeditorsidebar. BelowisanexampleoftheImageblockeditorsidebaroptions. Watchthefollowingvideotoseehowsettingsintheeditorsidebarareusedtochangepostandpagesettingssuchasstatus,visibility,addcategoriesandtags,changepagetemplateandcustomizeblocks. ChangeBlockType YoucantransformeachblockintoanothersimilarorrelatedblocktypebyclickingontheChangeBlockTypeorStyleiconintheblock’stoolbar. TheChangeBlockTypeorStyleiconisontheleft-handsideofthetoolbar. Forexample,youcanchangefromanImageBlocktoaGalleryblockbyclickingontheChangeBlockTypeorStyleiconandthenclickontheGalleryicon. RemoveaBlock Selectablock,clickonthethreedotsontherightoftheblocktoolbar,andthenclickonRemoveBlock. DocumentSettings TheDocumentSettingsinthesidebarontherightoftheblockeditorareusedtochangepostandpagesettingssuchasstatus,visibility,changepostformat,makethepoststicky,addcategoriesandtags,changepagetemplate,andmore. ClickontheSettingsiconnexttothePublish/Updatebuttonifyoudon’tseetheeditorsidebarandthenclickonPostorPagetoaccessthedocumentsettingsoptions. SettingsSidebarMenuVideo Watchthefollowingvideotoseehowsettingsintheeditorsidebarareusedtochangepostandpagesettingssuchasstatus,visibility,addcategoriesandtags,changepagetemplateandcustomizeblocks. MoreOptions YoucancustomizeyoureditingexperienceusingthethreedotstotherightoftheSettingsIconinthesettingssidebarontherightoftheblockeditor. Bydefault,theblockeditorloadsinfullscreenmodeandthiscanbedisabledtorevealthemainnavigation. View:controlswheretheblocktoolbarsappearwhenyouareediting.Editor:BydefaulttheblockeditorusestheVisualEditor. SelectingCodeEditorenablesyoutoviewtheentirepageinHTML–sameconceptasclickingontheTexttabintheClassiceditor.Tools:Manageexistingreusableblocks,copyallcontenttopastetoanotherpage,orlearnaboutthekeyboardshortcuts.Options: Controlswhichdocumentsettingsaredisplayedintherightsidebar.ThescreenoptionslocatedatthetopofthepageintheClassicEditorisnowlistedasOptionsintheMoreOptions. Search SearchSite What’sonthispage?SwitchBetweenEditorsBlockEditorVideoBlockEditorInterfaceAddablockMoveaBlockConfigureaBlockBlockSettings–ToolbarBlockSettings–SidebarChangeBlockTypeRemoveaBlockDocumentSettingsSettingsSidebarMenuVideoMoreOptionsUserGuideGettingHelp closemenu Home UserGuide EmailSupport Getafreeblog closesearch Search SearchSite