WordPress.com-Blogs individualisieren

download WordPress.com-Blogs individualisieren

If you can't read please download the document

description

WordPress.com-Blogs individualisieren - Vortrag von Torsten Landsiedel beim WordCamp 2011 in Köln

Transcript of WordPress.com-Blogs individualisieren

  • 1. WordPress.com-Blogs individualisieren Torsten Landsiedel

2. Individuell, aber schnell ...

  • Torsten Landsiedel
  • Seit 2007 Moderator imSupportforumvon WordPress.com

3. Mit-bersetzer derdeutschen Supportseiten 4. Mein Blog:http://netztaucher.wordpress.com 5. Wieso ist alles Englisch?

  • Unter Einstellungen Allgemein die Zeitzone auf Berlin stellen und die Sprache auf de Deutsch

6. Im Profil Sprache ebenfalls auf Deutsch stellen 7. Die bersetzung findet ausschlielich durch die Community statt:

  • http://translate.wordpress.com/

8. Soziale Netzwerke

  • EigeneSharing-Diensteeinrichten
  • Welche Dienste nutzt meine Zielgruppe?

9. Schlecht bzw- undokumentierte Features:%post_full_url%, %post_tags% 10. Per Widget knnen Flickr-Bilder, Twitter-Updates, Facebook-LikeBox, etc. eingebaut werden. 11. Tweets per Blackbird Pie anzeigen 12. ein passendes Design

  • Themesorgfltig auswhlen
  • Soll Autor genannt werden?

13. Soll ein Auszug dargestellt werden? 14. Social Media Icons fest im Design? Kein Standard- Headerbildverwenden 15. Ist im Theme kein Headerbild vorhanden ggf. die Hintergrundfarbe ndern 16. Je nach Inhalt und Struktur der Seite macht esSinn sich eineigenes Menzu bauen 17. Geht da noch mehr?

  • Empfehlenswerte Upgrades
  • No Ads
  • Keine Werbung mehr womglich von der Konkurrenz

Custom Design

  • Eigenes CSS, benutzerdefinierte Schriftarten

Domain Mapping

  • eigene Domain nutzen

18. Advanced Mode

  • Wie findet man Selektoren?
  • Webdeveloper Toolbar (Firefox-Addon)

19. Firebug(Firefox-Addon) 20. Opera Dragonfly 21. Internet Explorer Web Developer Toolbar 22. Fr Chrome, Opera, Safari, entsprechend ... 23. CSS und nun?

  • Eigene Kommentare hervorheben:
  • .bypostauthor { hier Hervorhebung }

Stats-Smiley ausblenden

  • img#wpstats {display:none}

24. Blog at WP.commussdrin bleiben! Pingbacks/Trackbacks ausblenden

  • .pingback, .trackback {display: none}

Links, die im neuen Fenster ffnen, kennzeichnen

  • a[target="_blank"] { Hervorhebung }

25. Noch mehr CSS-Ideen

  • Print-CSS (@media print {})
  • #content a:link:after,#content a:visited:after {content:" (" attr(href) ") ";}

26. #content a[href^=/]:after {content: "(http://BLOGNAME.wordpress.com" attr(href) ") ";} 27. #header, #navi, #footer {display:none} 28. Body {color:black;background-color:white;background-image:none} 29. etc. 30. 31. 32. andere Druck-Optionen

  • Interessante Druck-Dienste
  • http://joliprint.com/

33. http://www.printfriendly.com/ Jeweils auch per Sharing integrierbar 34. Vorgefertigte Druck-Option startet nur den Druck ohne irgendeine Optimierung 35. CSS 3 ein Blick in die Zukunft

  • Ein sehr dunkler Blick, denn CSS 3 wird zu groen Teilen noch ausgefiltert

36. Testen, Testen, Hoffen und wieder Testen

  • #id_of_element { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

37. ein eigenes Design

  • SandboxoderToolbox
  • Lorellehat mal alle Elemente gesammelt:
  • http://www.cameraontheroad.com/files/sandbox-styles.css

38. Widgets

  • Generell:
  • Nicht berfrachten!

39. Ladezeiten beachten! 40. Bilder lieber selber hosten! (Bildrechte beachten!) Nicht direkt ein Widget: dasKontaktformular 41. Gigya-Shortcode

  • Flash ist (wie Javascript und iFrames) nicht erlaubt aber:
  • [gigya src="VIDEO-URL" width="BREITE DES VIDEOS" height="HHE DES VIDEOS" quality="high" wmode="transparent" allowFullScreen="true"]

42. ViaPanos 43. Achtung: nicht offiziell untersttzt! Auch berVodpodist einiges mehr mglich ... 44. Wiedererkennungswert!

  • Blavatareinrichten
  • Und so ein Favicon in der Adresszeile anzeigen

45. Und mit diesem Icon alsGravatarin anderen themengleichen Blogs kommentieren 46. Hinter den Kulissen

  • Webmaster Toolsvon Google, Bing, Yahoo nutzen (XML Sitemap angeben)

47. Ggf. externe Counter einbauen (nur Bilder, kein Javascript)

  • z.B.Statcounter

Kategorien + Tags sollte max. 5-10 sein (sonst keine Erwhnung auf Global Tags-Seite!) 48. Bekannte Probleme

  • Aufpassen beim Page Slug (Titelform) und Umlauten!
  • Es findet keine automatische Anpassung statt. Daher wird aus nur ein s statt ss und aus wird uoa statt ueoeae

Ebenso bei Kategorien und Tags! 49. Fallstricke

  • Rechtliche berlegungen ...
  • zum ThemaStats

50. zum ThemaAkismet 51. zum ThemaGoogle Analytics 52. zum ThemaFacebook 53. Spielkram ...

  • Zuflliger Artikel aus dem Blog:
  • http://BLOGNAME.wordpress.com/?random

Suche ber URL

  • http://BLOGNAME.wordpress.com/search/begriff1+begriff2/

Suchfeed ber URL

  • http://BLOGNAME.wordpress.com/search/begriff1+begriff2/feed/

Suche per Schlagwort

  • http://BLOGNAME.wordpress.com/tag/begriff1+begriff2/

54. Hh? Fragen? 55. Keine? Danke fr Eure Aufmerksamkeit!