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 ¡
• f ¡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 ¡

Theme ¡ Widgets ¡ Content ¡(StaMc ¡Page) ¡ Menu ¡

The ¡Wordpress ¡Dashboard ¡

Dashboard ¡Menu ¡ News ¡from ¡Wordpress ¡ Quick ¡Post ¡ 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-­‑

• peraMon-­‑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 ¡
• rdinarily ¡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. ¡