Wordpress voor beginners Leer wordpress installeren en werken met thema’s en plugins
Women on the Web 14 juli 2007
Mediamatic
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 1 van 9
Inleiding Vandaag gaan we Wordpress installeren, we leren hoe je het kunt aanpassen aan je eigen wensen. Er is heel veel mogelijk met Wordpress, allerlei programmeurs wereldwijd ontwikkelen plugins of thema’s die je weblog mooier kunnen maken of meer functies kunnen geven. We maken gebruik van Hensel Hosting webruimte, zodat we daadwerkelijk een weblog kunnen installeren. Veel plezier vandaag! Marieke Hensel www.mariekehensel.nl
Programma 10.00 – 10.15
Welkom & kennismaken Wat wil je vandaag leren?
10.15 – 10.30
Waarom Wordpress? Mogelijkheden van een weblog
10.30 – 10.45 10.45 – 10.55
Installeren van een weblog (op testdomein) Mogelijkheden thema’s
10.55 – 11.10
Korte pauze
11.15 11.30 11.45 12.15
Overview weblog maken op papier / thema installeren Mogelijkheden plugins Plugins installeren Blogs aanmelden en schrijven
– – – –
11:30 11.45 12.15 12.30
12.30 – 13.15
Lunch
13.15 13.30 14.00 14.15
Wat gaan we behandelen? Oefening blog schrijven Reakties op blogs Optimaliseren
– – – –
13.30 14.00 14.15 14.45
14.45 – 15.45
Wvttk
15.45 – 16.00
Afsluiting
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 2 van 9
1. Installeren van Wordpress Wat heb je nodig? - Inloggegevens van je hostingbedrijf (FTP) - Naam van de database + wachtwoord - FTP Software Waar -
moet mijn webhosting aan voldoen? PHP versie 4.2 of hoger MySQL versie 3.23.23 of hoger Apache module mod_rewrite (niet noodzakelijk, maar erg goed voor Google)
1. Download de laatste versie van Wordpress (http://wordpress.org/download/) 2. Pak het zipbestand uit en plaats het op je harde schijf 3. Maak een database voor Wordpress aan op de webserver (als de webhoster dat niet automatisch doet) 4. Wijzig de naam van wp-config-sample.php in wp-config.php 5. Open wp-config.php met kladblok en vul je database gegevens in 6. Plaats de Wordpress bestanden op de webserver via FTP * Als je Wordpress niet in de root wil hebben van je domein (www.hensel.nl/), maar bijvoorbeeld onder www.hensel.nl/blog, maak dan eerst dat mapje aan en kopieer dan alle bestanden naar de map. 7. Ga naar www.jedomein.nl/wp-admin/install.php en klik op First Step, Second Step. En klaar!
2. Thema’s Resources: http://www.alexking.org/software/wordpress/theme_browser.php http://themes.wordpress.net/ http://www.kaushalsheth.com/themes http://www.wordpresstheme.com/ http://sadish.wordpress.com/ http://justagirlintheworld.com/2006/07/17/wordpress-themes-by-me/
Thema’s kopen: Niet uniek: $30-$100
Uniek:
$100-$1000
http://www.templateshunt.com/ http://www.perfectory.com/templates_wordpress.htm http://www.templates5.com/c-wordpress-themes.html http://www.themespress.com/ (Van CSS & HTML Eigen website naar Wordpress thema) $10
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 3 van 9
3. Plugins Resources with many plugins: http://www.coffee2code.com/wp-plugins/ http://codex.wordpress.org/Plugins http://wp-plugins.net/ http://www.semiologic.com/software/
Mijn plugins: Active Discussions Displays a list of posts with active discussions (i.e., recent comments). By J. A. Allen http://jayandrewallen.com/active-discussions-sidebar-plug-in-for-wordpress-20/ Akismet Anti-spam service. Vraag een wachtwoord aan bij Wordpress.com. Akismet checks your comments against the Akismet web serivce to see if they look like spam or not. You need a WordPress.com API key to use this service. You can review the spam it catches under “Manage” and it automatically deletes old spam after 15 days. Hat tip: Michael Hampton and Chris J. Davis for help with the plugin. By Matt Mullenweg http://akismet.com/ wp-notable Add social bookmark links to each blog entry. By Cal Evans. http://www.calevans.com/view.php/page/notable Bunny's Technorati Tags Allows easy addition to a post of a space-separated list of tags which can be displayed with adequate Technorati links in the template. Can display keywords instead if no tags are available. By Stephanie Booth. http://dev.wp-plugins.org/wiki/BunnysTechnoratiTags Codex Search Get Codex and WordPress Support Forum search results directly in any page of the Admin panel. This plugin is a collaborative effort of Owen Winkler and Andrew Sutherland. Thanks to Robert Deaton for coding slower than both of us. By Owen Winkler, Andrew Sutherland. http://redalt.com/downloads Color By Number Adds a tempate tag to output a list of links formatted according to number of clicks. http://www.skeltoac.com/plugins/color-by-number/ Del.icio.us Daily Post Formatting Applies formatting to posts created by the delicious daily By Kevin Wetzels . http://www.el73.be/drunkey-love/ Del.icio.us Integrator This plugin allows you to embed your recent links into your sidebar and your entire del.icio.us links into a seperate page. By Eric Anderson . http://ericanderson.us/projects/deliciousintegrator/ K2 Date Stamp Displays the post/comment dates in stamp fashion. By Steve Lam. http://stevelam.org/projects/date-stamp/ Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 4 van 9
Exec-PHP Allows tags inside the content or excerpt of your posts and pages to be executed just as in usual PHP files By Sören Weber. http://bluesome.net/post/2005/08/18/50/ FAlbum A plugin for displaying your Flickr photosets and photos in a gallery format on your Wordpress site. By Elijah Cornell. http://www.randombyte.net/ FancyTooltips FancyTooltips creates dynamic tooltips from anchors (links), acronyms, inserts, deletions, and images. By Victor Kulinski. http://www.victr.lm85.com/fancytooltips/ Google Analytics allows the user to add their Google Analytics code to each blog page automaticly. By Matt http://blog.thedt.net/2005/11/14/google-analytics-plugin/ Get Recent Comments Display the most recent comments or trackbacks with your own formatting in the sidebar. Visit Options/Recent Comments after activation of the plugin. By K. Jodies. http://blog.jodies.de/archiv/2004/11/13/recent-comments/ Link Definer Wraps common company names etc with the link tag to there website By Kidder http://www.neabode.com/link-definer-plugin marketingop.us SEO META tags per page. Making SEO easier for Wordpress By Jason Brown http://www.marketingop.us/plugin Most Commented Retrieves a list of the posts with the most comments. By Nick Momrik http://mtdewvirus.com/code/wordpress-plugins/ OnlineNetworking Bij gebruik Ecademy, LinkedIn, OpenBC, Preople, Hyves en andere netwerken. Display links to your network profiles in WordPress. By Rutger Hensel http://www.rutgerhensel.nl Feedburner Feed Replacement Forwards all feed traffic to Feedburner while creating a randomized feed for Feedburner to pull from. By Steve Smith. http://orderedlist.com/articles/wordpress-feedburner-plugin/ Page Navigation Adds a more advanced page navigation to Wordpress. By GaMerZ http://www.lesterchan.net/portfolio/programming.php SH-Autolink In posts and comments, it transforms predefined words automatically into hyperlinks. http://www.rockschtar.de/wp-plugin-sh-autolink/ Stylehive It Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 5 van 9
Easy plugin that allows your visitors to bookmark your fashion-related posts to their Stylehive.com account. Also adds your Stylehive badge. By Andrew dela Serna . http://www.alleba.com/blog/2006/07/16/stylehive-it-plugin/ StatTraq This plugin will allow you to keep track of every hit on your public WordPress site (note that it does not track admin activity) By Randy Peterman . http://www.randypeterman.com/StatTraq/ Sneak Peak widget Adds a sidebar widget to let users see a sneak peak of upcoming posts. By A. Dowden. http://anthologyoi.com/ Google Sitemaps This generator will create a Google compliant sitemap of your WordPress blog. By Arne. http://www.arnebrachhold.de/2005/06/05/google-sitemaps-generator-v2-final WordPress Reports Generates reports from Google Analytics and Feedburner data By Joe Tan. http://tantannoodles.com/toolkit/wordpress-reports/ Trackback Validator Eliminates spam trackbacks with surprising accuracy (see website for details). By Dan Sandler and Andres Thomas-Stivalet. http://trackback.cs.rice.edu/ Ultimate Tag Warrior Ultimate Tag Warrior is a tagging plugin, that’s heavy on tag visualisation. I Like Pi! By Christine Davis http://www.neato.co.nz/ultimate-tag-warrior/ Related Posts for UTW widget Displays the n related posts for a entry - requires Ultimate Tag Warrior! By L. de Saboya. http://saboya.org/344/
Ultimate Tag Warrior: Tag Archive Renders an archive view, based on tags. Depends on Ultimate Tag Warrior 2.5.1+. http://www.neato.co.nz/ultimate-tag-warrior/ Blank Target Comments Adds target="_blank" to urls in comments, and comment author url. Removes rel="nofollow" from comment author link. By Tech Wench . http://www.prissed.com/2005-05/plugin-blank-target-comments/ WP Trackback for Pages Allow users to do Trackbacks on Pages By Zachary Armstrong . http://www.masterslate.org/2006/09/16/wordpress-trackback-for-pages-plugin/ WordPress Database Backup On-demand backup of your WordPress database. By Scott Merrill http://www.skippy.net/blog/plugins/ WP-Amazon WP-Amazon adds the ability to search and include items from Amazon.com to your post entries. This plugin adds a link called “Insert item from Amazon.com” on the post page. This link launches a search window which allows an author to search for items from Amazon.com to be included on the author’s post entry. By Rich Manalang. Marieke Hensel – www.mariekehensel.nl Pagina 6 van 9 Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
http://manalang.com/archives/2004/06/23/wordpress-plugin-wp-amazon WP lightbox 2 Lightbox JS v2 is a simple, unobtrusive script used to to overlay images on the current page written by Lokesh Dhakar. Add rel=”lightbox” attribute to any link tag to activate the lightbox. This plugin integrate its feature into your WordPress blog. http://zeo.unic.net.my/notes/lightbox-js-version-20/ Sidebar Widgets Adds “Sidebar Widgets” panel under Presentation menu By Automattic, Inc. http://svn.wp-plugins.org/widgets/trunk WYSI-Wordpress This plugin adds a more advanced WYSIWYG editor to the Wordpress post editing screen. It includes advanced image handling, including on-the-fly thumbnail resizing and compression. It also includes Martin Chlupác’s excellent Iimage Manager v 1.4.1. http://mudbomb.com/ del.icio.us widget Adds a sidebar widget to display del.icio.us links By Automattic, Inc. http://automattic.com/ Force Word Wrapping Prevents long sentancesconstructedlikethis from horizontally stretching the page. Ported from the phpBB MOD of the same name - Force Word Wrapping. For support / comments / whatever, visit the support forums. By Jim Wigginton . http://www.frostjedi.com/terra/scripts/wp/wrap.zip Tiger Style Administration After working with WordPress for several months now, I felt the Administration area needed a little “freshening up”. I wanted the utility to feel more like an application, and less like a traditional website. By Steve Smith . http://orderedlist.com/wordpress-plugins/wp-tiger-administration/
4. Pingservices http://rpc.pingomatic.com http://ping.weblogs.se/ http://blogmatcher.com/u.php http://coreblog.org/ping/ http://www.blogpeople.net/servlet/weblogUpdates http://bulkfeeds.net/rpc http://trackback.bakeinu.jp/bakeping.php http://ping.myblog.jp http://ping.bitacoras.com http://ping.bloggers.jp/rpc/ http://ping.blogmura.jp/rpc/ http://xmlrpc.blogg.de http://1470.net/api/ping http://bblog.com/ping.php http://blog.goo.ne.jp/XMLRPC Waarom deze pinglijst? Er zijn er nog meer. Zie hier: http://www.instant-info-online.com/wordpress-compressed-all-inclusive-ping-list.html
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 7 van 9
5. Zoekmachine Optimalisatie Plugins: 1. Ultimate Tag Warrior 3 2. Google Sitemap 3. Related Posts 4. WordPress SEO plugin van Marketingop.us Options > General - Titel en tagline invullen met relevante keywords Options > Writing - ‘Wordpress correct invalid XHTML’ aanvinken - Ping services invullen Options > Discussions - Aanvinken ‘Attempt to notify any Weblogs linked to from the article (slows down posting.)‘ - Aanvinken ‘Allow link notifications from other Weblogs (pingbacks and trackbacks.)‘ 1
links’ Ik gebruik maar één - ‘Hold a comment in the queue if it contains more than omdat ik zo min mogelijk spam reakties op mijn weblog wil, en de zoekmachines pikken dit sneller op dan dat ik het zelf kan verwijderen. Options > Permalinks Gebruik niet de ‘Default’ optie, kies de ‘date and name based’. Ik zelf gebruik alleen maar de postname. Zo voeg je veel keywords toe in je URLs. (Google vind het ook belangrijker of minder belangrijk afhankelijk van hoe diep het bestand is weggestopt op de website. Bijvoorbeeld www.domein.nl/map/map/map/hierpashetbestand. Het kan verstandig zijn om een extra categorie map toe te voegen om extra keywords in je URL te krijgen. Wees er zeker van dat je de .htaccess schrijfbaar hebt door de server, so dat de permalinks daadwerkelijk effect hebben. In je hoofdmenu staat ‘Users’, vul relevante zinnen en keywords in bij ‘About yourself’. Haal alle blogroll links uit ‘Links’, de links die er staan vermeld zijn niet belangrijk voor je website. Ga naar ‘Manage’ en verander alle categorien in belangrijke keywords waar je je op richt. Vul ook de categorie omschrijving in. Als je nu aan gaat bloggen, zorg er dan voor dat je goede keywords hebt in de: 1. 2. 3. 4. 5.
Titel Algemene tekst per blog / pagina Excerpt van een blog. Post slug Kies de juiste categorie die hoort bij het onderwerp of maak een nieuwe aan
Bron: http://www.marketingop.us/2006/06/13/steps-wordpress-seo/
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 8 van 9
6. Overige tips Flickr Zet hier je foto’s online, gemakkelijk op je blog zetten, als je ze nodig hebt. Ook FlickR gallerie met meerdere foto’s kun je zo gemakkelijk in een blog zetten. www.flickr.com Technorati Hier vind je blogs op zoekwoord. www.technorati.com
Marieke Hensel – www.mariekehensel.nl Winny Melchers - www.winnyswebsites.com Meta Kruijs – Prins – www.webmaakster.nl
Pagina 9 van 9