HowTo: TYPO3 Blog Extension integrieren

Warum TYPO3 und nicht Wordpress?

Ihr werdet euch sicher fragen, wieso ich kein Wordpress zum bloggen nehme sondern das CMS von Kasper. Das hat verschiedene Gründe, zum einen komm ich mit TYPO3 besser zu rande als mit Wordpress und zum zweiten ist es einfach flexibler als das berühmte Blog-System...
Mann kann zum Beispiel jede Extension die man im TER findet in des CMS einbauen und diese im Blog Front-End einbinden was mit Wordpress sicher ein größeren Aufwand wäre. Mit Wordpress kann ich auch nicht mehrere Webseite so einfach verwalten wie es hier im TYPO geht.

Installation der benötigten Extensions

Als erstes Liste ich mal alle Extensions auf, die wir für den Blog benötigen, das sind nämlich nicht wenige und ist auch kaum irgendwo dokumentiert. Das wird aber glaube ich die leichteste Übung ...
Die einzige Schwierigkeit bei der ganzen Sache wird wohl die richtige Reihenfolge der Erweiterungen zu finden, das ist enorm wichtig.

  • Media (DAM) (dam) - das non plus ultra für Dateimanagement im TYPO3
  • Universal page browser (pagebrowse ) - für den Pagebrowser der Posts
  • T3BLOG (t3blog) - der Blog Core selber
  • T3Blog SEO (t3blogseo) - SEO Paket: fügt extra Felder an die Posts, für SEO optimierte Blog Artikel
  • LO T3Blog template-based (lot3blog) - damit hat man schon mal den kompletten Blog in dem WP Layout Kubrik
  • TEQneers SEO Enhancements (tq_seo) - eine SEO Erweiterung mit der man nicht nur Titel, Keyword, Desciption anpassen kann

Leider musste ich die t3blog Erweiterung etwas anpassen, damit diese los läuft aber da kommt hoffentlich bald ein update raus..


Für die kompletten Website
Für die kompletten Website
Nur für die Blog Seite
Nur für die Blog Seite

Anpassung Typoscript für Standard Einstellungen

Als erstes müsst Ihr euch eine TYPO3 Seite anlegen und diese als Blog deklariere, in dem Ihr in den Seiteneigenschaften bei "Contains Plugin" T3BLOG auswählt. Danach könnt Ihr über das eigene Backend-Module auch schon mit bloggen los legen. Das Module an sich ist eigentlich selbst erklärend.

Hier noch die kurze Konfiguration für das Constanden TS und Setup TS

constants.ts
  1.       lot3blog.useCaptcha = 0
  2.       lot3blog.baseURL = http://www.my-blog.de/
  3.       lot3blog.blogId = <PID der Blogseite>
  4.       lot3blog.charSet =
  5.       lot3blog.template = <pfad zum template>
  6.       lot3blog.path = <pfad zum bilder ordner>
  7.       lot3blog.title = der Titel
  8.       lot3blog.subtitle = der subtitel 
setup.ts
  1. page.10.workOnSubpart = DEFAULT
  2. page.includeCSS >
  3. page.includeCSS.12 = fileadmin/sys/css/default.css
  4. page.10.subparts.MAINMENU < lib.1000.subparts.MAINMENU
  5. page.10.marks.TAG_CLOUD < lib.page.10.marks.TAG_CLOUD
  6.  
  7. page.10.subparts.CONTENT.widget.blogList.subscribeForComments = 0
  8. page.10.subparts.CONTENT.widget.blogList.requiredFields = commentauthor,
  9.  commenttext, commentauthoremail, commenttitle
  10. page.10.subparts.CONTENT.widget.blogList.approved = 1
  11.  
  12. page.10.subparts.CONTENT.widget.blogList.commentForm.10.10.15.field >
  13. page.10.subparts.CONTENT.widget.blogList.commentForm.10.10.15.value = Author *
  14.  
  15. page.10.subparts.CONTENT.widget.blogList.adminsCommentsEmail = myemail@gmx.de
  16.  
  17. page.10.subparts.CONTENT.widget.blogList.listItem.marks.SHORT_TEXT.10.renderObj.stripHtml = 0
  18. page.10.subparts.CONTENT.widget.blogList.listItem.marks.SHORT_TEXT.10.renderObj.cropHTML = 300 | &nbsp;[...] | 1
  19. page.10.subparts.CONTENT.widget.blogList.listItem.marks.SHORT_TEXT.10.renderObj.crop >

Typoscript einstellungen für die Blog Widget

Was ist ein Blog ohne seine Standard Features wie Kategorisierung, Tagging usw. wert? Genau, nicht viel !
Die aktuellen t3blog Version bringt deshalb diese Features alle samt weiteren (Kalender, Letzt Posts, Blogroll, letzte Kommentare, Archiv, RSS, Social Bookmarks, Suche) schon fertig mit.
Hier noch ein paar kurze TS Einstellung, wie ich sie vorgenommen habe, vielleicht hilft es dem ein oder anderem.

Typoscript für Widgets
  1. //RSS Feed in headertag schreiben
  2. page.headerData.1000 = COA
  3. page.headerData.1000.1 = TEXT
  4. page.headerData.1000.1.typolink.parameter = /rss.xml
  5. page.headerData.1000.1.typolink.returnLast = url
  6. page.headerData.1000.1.wrap = <link rel="alternate"
  7. type="application/rss+xml" title="RSS 2.0" href="|"  />
  8. page.headerData.1000.2 < page.headerData.1000.1
  9. page.headerData.1000.1.wrap = <link rel="alternate"
  10.  type="text/xml" title="RSS .92" href="|"  />
  11.  
  12. //Tag Cloud Box
  13. page.10.marks.TAGCLOUD < page.10.marks.TAG_CLOUD
  14. page.10.marks.TAGCLOUD.widget.tagCloud.minColor >
  15. page.10.marks.TAGCLOUD.widget.tagCloud.maxColor >
  16.  
  17. //RSS Feed an sich
  18. plugin.tx_t3blog_pi1.rss {
  19. feedTitle = www.mypage.de
  20. feedCopyright = 2009 www.mypage.de
  21. feedManagingEditor = www.mypage.de
  22. feedWebMaster = mypage@gmx.de/
  23. feedLink = http://www.mypage.de/
  24. feedDescription = Latest infos of mario-naether.de
  25. feedImage = http://www.mypage.de/typo3conf/ext/t3blog/icons/rss.png
  26. }
  27.  
  28. rssblogpost = PAGE
  29. rssblogpost {
  30. typeNum = 100
  31.   config {
  32.     disableAllHeaderCode = 1
  33.     additioalHeaders = Content-type:text/xml
  34.     linkVars = L
  35.     no_cache = 1
  36.          xhtml_cleaning = 0
  37.          admPanel = 0
  38.   }
  39.   10 = USER
  40.   10 {
  41.     # Call the user function
  42.     userFunc = tx_t3blog_pi1->main
  43.     widget.rss < plugin.tx_t3blog_pi1.rss
  44.     template = TEXT
  45.     template.field = rss
  46.   }
  47. }
  48.  
  49.  
  50. blogsitemap = PAGE
  51. blogsitemap {
  52.   typeNum = 203
  53.   10 >
  54.   10 = USER
  55.   10 {
  56.     # Call the user function
  57.     userFunc = tx_t3blog_pi1->main
  58.     widget.latestPostNav < plugin.tx_t3blog_pi1.latestPostNav
  59.     widget.latestPostNav.numberOfItems = 100
  60.    # widget.latestPostNav.list >
  61.     widget.latestPostNav.list.wrap (
  62.     <?xml version="1.0" encoding="UTF-8"?><urlset
  63. xmlns="http://www.google.com/schemas/sitemap/0.84"
  64. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  65. xsi:schemaLocation="http://www.google.com/schemas/sitemap/0.84 http://www.google.com/schemas/sitemap/0.84/sitemap.xsd">
  66. |</urlset>
  67.  
  68.     )
  69.     widget.latestPostNav.list.20.wrap = |
  70.  
  71.     widget.latestPostNav.listItem {
  72.     10.wrap = <url><loc>|</loc>
  73. 20.wrap = <lastmod>|</lastmod></url>
  74. 20.strftime = %Y-%m-%dT%RZ
  75.     }
  76.     widget.latestPostNav.link.10.typolink.returnLast = url
  77.     widget.latestPostNav.link.10.wrap = http://www.my-domain.de/|
  78.     template = TEXT
  79.     template.field = latestPostNav
  80.   }
  81.   10.pid_list = 2
  82.   config {
  83.     disableAllHeaderCode = 1
  84.     additionalHeaders = Content-type:text/plain
  85.     no_cache = 1
  86.   }
  87. }

Ohne SEO geht nix

Da ein Blog ohne Suchmaschinenoptimierung bei Google und Co. nicht so gut gerankt wird, brauchen auch wir ein bisschen davon...
Dafür nutze ich die Extension TEQneers SEO Enhancements, mit welche man nicht nur alternative Titel-Tags einfügen kann, sondern auch Google Webmaster Tags und Google Analytics Code generieren kann.

Um die Blogbeiträge selber für Suchmaschienen zu optimiern hab ich die Extension T3Blog SEO verwendet, mit dieser kann man für jeden Artikel ein extra Titel, Description,  RealUrl Alias verwenden.

 

  1. plugin.tq_seo.metaTags.copyright = blog author, 2009. All rights reserved.
  2. plugin.tq_seo.metaTags.author = blog author
  3. plugin.tq_seo.metaTags.language = de
  4. plugin.tq_seo.metaTags.revisit = 5
  5. plugin.tq_seo.metaTags.googleVerification = asd=
  6. plugin.tq_seo.services.googleAnalytics = UA-5399317-x
  7.  
  8.  
  9. page.headerData.1 = TEXT
  10. page.headerData.1 {
  11. field = subtitle // title
  13. wrap = <title>|&nbsp;- Keyword1, Keyword2, Keyword3 &#124;
  14. my site.de</title>
  15. }
  16. config.noPageTitle = 2
  17.  
  18. page.meta.DESCRIPTION >
  19. page.meta.KEYWORDS >
  20.  
  21.  
  22. //individueller Titel Tag
  23. [globalVar = GP:tx_t3blog_pi1|blogList|showUid > 0]
  24. config.noPageTitle = 2
  25. page.headerData.1.field >
  26.  
  27. page.headerData.1 = RECORDS
  28. page.headerData.1 {
  29.          source.data = GPvar:tx_t3blog_pi1|blogList|showUid
  30.    tables = tx_t3blog_post
  31.    conf.tx_t3blog_post = TEXT
  32.    conf.tx_t3blog_post {
  33.         field = tx_t3blogseo_seotitle // title
  34.         wrap = |
  35.         }
  36. }
  37.  
  38. //blog Artikel Keyword & Description
  39. page.meta >
  40. plugin.tq_seo.metaTags.conf.keywords_page.field >
  41. plugin.tq_seo.metaTags.conf.keywords_page = COA
  42. plugin.tq_seo.metaTags.conf.keywords_page.cObject < page.headerData.1.10
  43. plugin.tq_seo.metaTags.conf.keywords_page.cObject.conf.tx_t3blog_post.wrap = |
  44. plugin.tq_seo.metaTags.conf.keywords_page.cObject.conf.tx_t3blog_post.field = tagClouds
  45.  
  46.  
  47. plugin.tq_seo.metaTags.conf.description_page.field >
  48. plugin.tq_seo.metaTags.conf.description_page = COA
  49. plugin.tq_seo.metaTags.conf.description_page.cObject < page.headerData.1.10
  50. plugin.tq_seo.metaTags.conf.description_page.cObject.conf.tx_t3blog_post.wrap = |
  51. plugin.tq_seo.metaTags.conf.description_page.cObject.conf.tx_t3blog_post.field = tx_t3blogseo_seodescription
  53.  
  54. [globalVar = GP:tx_t3blog_pi1|blogList|datefrom> 0]||[globalVar = GP:tx_t3blog_pi1|blogList|dateto> 0]||[globalVar = GP:tx_t3blog_pi1|blogList|month> 0]||[globalVar = GP:tx_t3blog_pi1|blogList|year> 0]||[globalVar = GP:tx_t3blog_pi1|blogList|tags> 0]
  55. config.noPageTitle = 2
  56. page.headerData.1.field >
  57.  
  58. page.headerData.1 = TEXT
  59. page.headerData.1 {
  60. value = Kalenderübersicht
  61. }

Fazit:

Das ganze an sich war schon eher eine Tortur, aber wenn man letztendlich weiß wies geht, ist alles super!
Laut dem Entwickler kann man mit der Erweiterung in 25sek. !!! bloggen, was aber nicht ganz stimmt... oder ich hab as falsch gemacht

Wer noch Fragen oder Anmerkungen hat, kann Sie gerne unten kommentieren.

Tags: t3blog, typo3, seo, blog, bloggen, social networking,

3 Antworten zu “HowTo: TYPO3 Blog Extension integrieren”

  1. Gravatar: herrherzblut herrherzblut www.echtesherzblut.de schrieb am 08.03.2011

    Die Implementierung des T3Blog finde ich sehr zeitaufwendig. Zudem gibt es einige Bugs über die ich nicht sehr glücklich bin. Der RSS-Feed, Kommentare usw. bereiten Probleme.

  2. Gravatar: Christian Christian www.visioncreation.de schrieb am 11.11.2011

    Hallo, echt gut erklärt das ganze - ich bekomm aber meine Probleme, da ich mit Fluid-Template arbeite und die einzelnen Bereiche nicht entsprechend zugewiesen bekomme. Kennst Du evtl. jemanden, der den Blog in Verbindung mit Fluid umgesetzt hat?! Gruß Christian

  3. Gravatar: Admin Admin schrieb am 12.11.2011

    Nein, kenne ich leider nicht. was genau gibts denn für Probleme?

Mein Kommentar

Social Bookmarking

Bookmark bei: Mr. Wong Bookmark bei: Webnews Bookmark bei: Icio Bookmark bei: Oneview Bookmark bei: Linkarena Bookmark bei: Favoriten Bookmark bei: Seekxl Bookmark bei: Favit Bookmark bei: Social Bookmarking Tool Bookmark bei: Power Oldie Bookmark bei: Bookmarks.cc Bookmark bei: Newskick Bookmark bei: Newsider Bookmark bei: Linksilo Bookmark bei: Readster Bookmark bei: Folkd Bookmark bei: Yigg Bookmark bei: Digg Bookmark bei: Del.icio.us Bookmark bei: Reddit Bookmark bei: Simpy Bookmark bei: StumbleUpon Bookmark bei: Slashdot Bookmark bei: Netscape Bookmark bei: Furl Bookmark bei: Yahoo Bookmark bei: Spurl Bookmark bei: Google Bookmark bei: Blinklist Bookmark bei: Blogmarks Bookmark bei: Diigo Bookmark bei: Technorati Bookmark bei: Newsvine Bookmark bei: Blinkbits Bookmark bei: Ma.Gnolia Bookmark bei: Smarking Bookmark bei: Netvouz Information
 
going up