Wordpress for Beginners November 12, 2014 Patrick - PowerPoint PPT Presentation

Wordpress ¡for ¡Beginners ¡ ¡ November ¡12, ¡2014 ¡ Patrick ¡Sullivan ¡ HacDC ¡Amateur ¡Radio ¡Club ¡

What ¡is ¡a ¡Blog? ¡ • A ¡Blog ¡is ¡a ¡web ¡site ¡with ¡some ¡special ¡aGributes ¡ – Organized ¡in ¡reverse ¡chronological ¡order, ¡newest ¡ entry ¡first ¡ – Usually ¡allows ¡comments ¡ – Can ¡have ¡mulMple ¡authors ¡(e.g., ¡HARC ¡members). ¡ ¡ – Usually ¡has ¡a ¡web-­‑based ¡interface ¡for ¡adding ¡content ¡ (web-­‑based ¡content ¡management ¡system) ¡ • Like ¡any ¡website, ¡it ¡can ¡contain ¡any ¡combinaMon ¡ of ¡text, ¡images, ¡video, ¡and ¡links. ¡

Why ¡Wordpress? ¡ • Not ¡just ¡for ¡blogging , ¡but ¡a ¡lightweight ¡content ¡management ¡ system ¡for ¡web ¡sites. ¡ • Free, ¡Open ¡Source ¡SoUware ¡ – More ¡secure, ¡community ¡support ¡resources, ¡easy ¡to ¡modify, ¡large ¡user ¡ base. ¡ • Huge ¡Ecosystem ¡of ¡free ¡and ¡commercial ¡add-­‑ons ¡ – Themes ¡(change ¡ appearance) ¡ • 1000’s ¡available ¡ – Plugins ¡(add ¡ func4onality ) ¡ • forums, ¡comment ¡spam ¡filter, ¡analyMcs, ¡cacheing ¡ – Widgets ¡(add ¡ page ¡elements ) ¡ • Facebook ¡integraMon, ¡fancy ¡menus, ¡tag ¡clouds. ¡ • Feature-­‑rich: ¡User ¡management ¡with ¡roles, ¡self-­‑updaMng, ¡mulMple ¡ blogs ¡with ¡single ¡install. ¡

Wordpress.com ¡v. ¡Wordpress ¡Open ¡ Source ¡SoUware ¡ • Wordpress.com ¡is ¡a ¡ hosted ¡blogging ¡service ¡that ¡ allows ¡anyone ¡to ¡start ¡a ¡blog ¡without ¡needing ¡ hosMng. ¡ ¡It ¡is ¡free ¡but ¡ad-­‑supported, ¡and ¡allows ¡ addiMonal ¡features ¡for ¡a ¡fee. ¡ • Wordpress ¡is ¡also ¡a ¡ free ¡open ¡source ¡so:ware ¡ package , ¡available ¡from ¡wordpress.org. ¡Self-­‑hosMng ¡ wordpress ¡has ¡no ¡ads, ¡but ¡requires ¡server ¡admin ¡ skills ¡and ¡hosMng ¡on ¡a ¡web ¡server ¡like ¡ hostmonster.com ¡or ¡godaddy.com ¡ • To ¡the ¡blogger ¡and ¡the ¡visitor, ¡the ¡two ¡are ¡almost ¡ idenMcal. ¡

The ¡Wordpress ¡‘Stack’ ¡ Wordpress ¡Add-­‑Ons ¡ • Themes, ¡Plugins, ¡Widgets ¡ Wordpress ¡SoUware ¡ ScripMng ¡Language ¡ • PHP ¡ Web ¡Server ¡ • Apache ¡/ ¡lighGp ¡– ¡or ¡-­‑ ¡Windows ¡Server ¡ OperaMng ¡System ¡ • *nix, ¡Windows ¡Server, ¡OS ¡X ¡ Server ¡Hardware ¡ • Physical ¡Server ¡or ¡Virtual ¡Server ¡

Parts ¡of ¡a ¡Wordpress ¡Blog ¡ Menu ¡ Theme ¡ Content ¡(StaMc ¡Page) ¡ Widgets ¡

The ¡Wordpress ¡Dashboard ¡ Dashboard ¡Menu ¡ Quick ¡Post ¡ News ¡from ¡Wordpress ¡ New ¡Comments ¡

Pages ¡v. ¡Posts ¡ • Wordpress ¡allows ¡blog ¡posts ¡AND ¡staMc ¡pages. ¡ • Pages ¡ – Use ¡pages ¡for ¡content ¡that ¡doesn’t ¡change. ¡ – Navigate ¡to ¡pages ¡via ¡menus. ¡ • Posts ¡ – Use ¡posts ¡for ¡news ¡type ¡content. ¡ – Navigate ¡to ¡posts ¡via ¡the ¡blog ¡index ¡page. ¡

The ¡“Read ¡More” ¡tag ¡on ¡posts ¡– ¡use ¡it! ¡ • Fit ¡more ¡content ¡on ¡ index ¡page ¡ • The ¡intro ¡appears ¡on ¡ the ¡index ¡page ¡– ¡ reader ¡clicks ¡“read ¡ more” ¡so ¡see ¡the ¡ enMre ¡post. ¡ • Example: ¡Long ¡blog ¡ post. ¡

OrganizaMon ¡and ¡Metadata: ¡ Parents, ¡Authors, ¡Categories ¡and ¡Tags ¡ • Content ¡quickly ¡grows ¡and ¡gets ¡out ¡of ¡hand. ¡ ¡ • StaMc ¡Pages ¡ – Can ¡have ¡ parents ¡and ¡ children . ¡ – These ¡affect ¡the ¡organizaMon ¡of ¡pages ¡in ¡menus. ¡ • Blog ¡Posts ¡ – Can ¡be ¡organized ¡into ¡ categories ¡ – Categories ¡can ¡have ¡subcategories. ¡ – Can ¡have ¡ tags . ¡ • Posts ¡also ¡have ¡Authors, ¡and ¡can ¡be ¡filtered ¡by ¡ author. ¡

About ¡Domain ¡Names ¡and ¡URLs ¡ • Wordpress.com ¡hosted ¡blog ¡url: ¡ – hGp://harcdemo.wordpress.com/ ¡ • Wordpress.com ¡hosted ¡blog ¡post ¡(“Permalink”) ¡ – hGp://harcdemo.wordpress.com/2014/10/11/post-­‑2/ ¡ ¡ • Self-­‑hosted ¡Wordpress ¡blog ¡url: ¡ – hGp://www.w3hac.org ¡ • Self-­‑hosted ¡Wordpress ¡blog ¡post ¡URL ¡(„Permalink“) ¡ – hGp://www.w3hac.org/2014/10/04/w1aw3-­‑centennial-­‑ operaMon-­‑this-­‑weekend-­‑from-­‑our-­‑club-­‑space/ ¡ • Self-­‑hosted ¡Wordpress ¡staMc ¡page ¡URL ¡ – hGp://www.w3hac.org/exams/ ¡ ¡ ¡

Comments ¡ • Any ¡logged ¡in ¡user ¡can ¡make ¡a ¡comment. ¡ • Administrators ¡can ¡approve ¡and ¡reject ¡ comments. ¡ • Pages ¡and ¡Posts ¡can ¡have ¡comments, ¡but ¡ ordinarily ¡comments ¡are ¡limited ¡to ¡posts. ¡

Demos ¡ • Download ¡and ¡install ¡a ¡new ¡theme. ¡ • Add ¡a ¡blog ¡post. ¡ – Add ¡an ¡image ¡to ¡it. ¡ – Use ¡the ¡Read ¡More ¡tag ¡ – Add ¡a ¡category ¡ – Show ¡HTML ¡mode. ¡ • Add ¡and ¡approve ¡a ¡comment. ¡ • Add ¡a ¡page. ¡ • Update ¡plugins. ¡