Typo3 fT3BLOG Seite anlegen: Unterschied zwischen den Versionen

Aus Vosp.info
Wechseln zu:Navigation, Suche
(HTML Template)
(HTML Template)
Zeile 278: Zeile 278:
 
  plugin.tx_t3blog_pi2.tagCloud.item.wrap = <span>|</span> &nbsp;
 
  plugin.tx_t3blog_pi2.tagCloud.item.wrap = <span>|</span> &nbsp;
  
== HTML Template ==
+
== HTML Template f3BLOG.html ==
 +
 
 
  <!DOCTYPE html>
 
  <!DOCTYPE html>
 
  <html>
 
  <html>
Zeile 306: Zeile 307:
 
  </body>
 
  </body>
 
  </html>
 
  </html>
 +
 +
== CSS f3BLOG.css ==

Version vom 2. Februar 2013, 18:21 Uhr

noch in Bearbeitung ... irgendwo ist da noch ein Fehler!!!!

fT3BLOG Seite anlegen

Seite erstellen

WEB > List || Neue Seiten erstellen > Verweis drauf klicken und auf "New TYPO3 site" ziehen

  • Allgemein:
    • Namen vergeben neue Hauptseite
  • Verhalten
    • Sonstige
      • Als Anfang der Website benutzen aktivieren


Domäne

  1. WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Systemdatensätze > Domäne
  2. Domäne angeben!


SYSTEM

für System relevante Konfigurationen legen wir einen eigenen Ordner an!

WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Typ: Ordner
  • Seitentitel: fT3BLOG_SYSTEM
  • Dokument speichern und schließen

felogin konfigurieren

Website-Benutzer und Benutzergruppe anlegen

Benutzerordner

WEB > List || fT3BLOG_SYSTEM auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Typ: Ordner
  • Seitentitel: fT3BLOG_SYSTEM
  • Dokument speichern und schließen

Benutzergruppe

WEB > List || fT3BLOG_SYSTEM auswählen || Neuen Datensatz erstellen > Systemdatensätze > Website-Benutzergruppe

  • Allgemein
    • Gruppenname: fT3BLOG_grp
  • Optionen
    • An Domäne binden: domain.tld
  • Dokument speichern und schließen

Benutzer

WEB > List || fT3BLOG_SYSTEM auswählen || Neuen Datensatz erstellen > Systemdatensätze > Website-Benutzer

  • Allgemein
    • Benutzername: fT3BLOG_user
    • Passwort: Passwort
    • Benutzergruppe: fT3BLOG_grp auswählen
  • Dokument speichern und schließen


Content Elemente erstellen

fT3BLOG_MENU_TOP erstellen

WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Typ: Verweis
  • Seitentitel: fT3BLOG_MENU_TOP
  • Verweismodus: Erste Unterseite der aktuellen Seite
  • Dokument speichern und schließen

Kontakt Unterseiten erstellen

WEB > List || fT3BLOG_MENU_TOP auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Typ: Standard
  • Seitentitel: Kontakt
  • Dokument speichern und schließen

WEB > List || Kontakt auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Seiteninhalt

  • Überschrift: Kontakt
  • Text: Kontaktdaten angeben .....
  • Dokument speichern und schließen

... nach Belieben weitere Unterseiten anlegen

fT3BLOG_MENU_FOOTER erstellen

analog wie fT3BLOG_MENU_TOP, hier statt Kontakt vllt eine Impressum Seite erstellen

Sitemap Unterseiten erstellen

WEB > List || fT3BLOG_MENU_FOOTER auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Typ: Standard
  • Seitentitel: Sitemap
  • Dokument speichern und schließen

WEB > List || Sitemap auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Zum Aufrufen des Assistenten hier klicken!

  • 1: Typ des Inhaltselements auswählen: > Spezielle Elemente > Sitemap
  • 2: Position auswählen: in Spalte Normal platzieren
  • Allgemein
    • Überschrift: Sitemap
  • Dokument speichern und schließen


Blog Seite Seite erstellen

Achtung hier für muss Typo3_Extensions#t3blog t3blog installiert sein!

WEB > List || fT3BLOG_MENU_TOP auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Allgemein
    • Typ: Standard
    • Seitentitel: fT3BLOG Blog
    • Alternativer Navigationstitel: Blog
  • Erscheinungsbild
    • Benutze als Container
      • Enthält Erweiterung: T3Blog
  • Dokument speichern und schließen

nun sollte unter T3BLOG > Beiträge || der neue fT3BLOG Blog zur Auswahl stehen || im Zweifel Cache löschen, ausloggen und wieder einloggen!

WEB > List || fT3BLOG Blog auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Zum Aufrufen des Assistenten hier klicken!

  • 1: Typ des Inhaltselements auswählen: Blog Widget Auswahl auswählen
  • 2: Position auswählen: in Spalte Normal platzieren
  • Reiter Plugin:
    • General Setup
      • Blog Widget: Blog list -- die Blog list Anzeige
      • Widget starting point: fT3BLOG Blog Seite auswählen
  • Dokument speichern und schließen

fT3BLOG_CONTENT_LEFT erstellen

WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Allgemein
    • Typ: Standard
    • Seitentitel: fT3BLOG_CONTENT_LEFT
  • Dokument speichern und schließen

WEB > List || fT3BLOG_CONTENT_LEFT auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Zum Aufrufen des Assistenten hier klicken!

  • 1: Typ des Inhaltselements auswählen: Blog Widget Auswahl auswählen
  • 2: Position auswählen: in Spalte Normal platzieren
  • Reiter Plugin:
    • General Setup
      • Blog Widget: Archive -- die Überschriften im Archiv
      • Widget starting point: fT3BLOG Blog Seite auswählen
  • Dokument speichern und schließen

fT3BLOG_CONTENT_RIGHT erstellen

WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Neue Seite erstellen > Seite (in)

  • Allgemein
    • Typ: Standard
    • Seitentitel: fT3BLOG_CONTENT_LEFT
  • Dokument speichern und schließen

Anmeldeformular mit felogin

Anmeldeformular mit felogin

WEB > List || fT3BLOG_CONTENT_RIGHT auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Zum Aufrufen des Assistenten hier klicken!

  • 1: Typ des Inhaltselements auswählen: Formulare > Anmeldeformular
  • Reiter Plugin:
    • Speicherort Benutzer: user Ordner auswählen
    • Abmeldeformular nach erfolgreicher Anmeldung zeigen
  • weitere Optionen
  • Dokument speichern und schließen

Blog Widget Tagcloud

WEB > List || fT3BLOG_CONTENT_RIGHT auswählen || Neuen Datensatz erstellen > Neues Inhaltselement erstellen > Zum Aufrufen des Assistenten hier klicken!

  • 1: Typ des Inhaltselements auswählen: Blog Widget Auswahl auswählen
  • 2: Position auswählen: in Spalte Normal platzieren
  • Reiter Plugin:
    • General Setup
      • Blog Widget: Tag cloud -- die Überschriften im Archiv
      • Widget starting point: fT3BLOG Blog Seite auswählen
  • Dokument speichern und schließen

nach Belieben können weitere Blog Widget's hier platziert werden


Template

WEB > List || neue Hauptseite auswählen || Neuen Datensatz erstellen > Systemdatensätze > Template

  • Template-Titel vergeben
  • Konstanten:
fT3BLOG_CONTENT_LEFT_ID = 
fT3BLOG_CONTENT_RIGHT_ID = 

fT3BLOG_MENU_TOP_ID = 
fT3BLOG_MENU_FOOTER_ID = 

fT3BLOG_OWNER = Frederick d. Maus
fT3BLOG_DESCRIPTION = Bilder von Frederick
fT3BLOG_URL = http://domail.tld
fT3BLOG_HEADER = <a id=top href=""><img src="fileadmin/pfad/zum/logo.jpg" class="logo" alt="" /></a>
fT3BLOG_FILE_CSS = fileadmin/pfad/zum/fT3BLOG.css
fT3BLOG_FILE_HTML = fileadmin/pfad/zum/fT3BLOG.html 
fT3BLOG_FILE_ICO = fileadmin/pfad/zum/favicon.ico
  • Setup:
<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/typoscript/xhtml_setup_06.ts">
#############################################
# MENU
lib.fT3BLOG_MENU_TOP = HMENU
lib.fT3BLOG_MENU_TOP {
	special = directory
	special.value = {$fT3BLOG_MENU_TOP_ID} 
	wrap = < ul > |</ul >
	1 = TMENU
	1.NO = 1
	1.NO.linkWrap =  | |*| | | 
}
lib.fT3BLOG_MENU_FOOTER = HMENU
lib.fT3BLOG_MENU_FOOTER {
	special = directory
	special.value = {$fT3BLOG_MENU_FOOTER_ID} 
	wrap = < ul > |</ul >
	1 = TMENU
	1.NO = 1
	1.NO.linkWrap =  | |*| | | 
}

#############################################
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = {$fT3BLOG_FILE_CSS}
page.shortcutIcon = {$fT3BLOG_FILE_ICO}

page.meta.AUTHOR = {$fT3BLOG_OWNER} 
page.meta.DESCRIPTION = {$fT3BLOG_DESCRIPTION}
page.meta.KEYWORDS.field = keywords
page.meta.KEYWORDS.ifEmpty = nometa

#Indizieren der Webseite aktivieren z.B. für Suche
page.config.index_enable = 1
page.config.index_metatags = 1

page.10 = TEMPLATE

page.10.marks.fT3BLOG_CONTENT_LEFT = CONTENT
page.10.marks.fT3BLOG_CONTENT_LEFT {
  table = tt_content
  select.pidInList = {$fT3BLOG_CONTENT_LEFT_ID}
}

page.10.marks.fT3BLOG_CONTENT_MIDDLE < styles.content.get

page.10.marks.fT3BLOG_CONTENT_RIGHT = CONTENT
page.10.marks.fT3BLOG_CONTENT_RIGHT {
  table = tt_content
  select.pidInList = {$fT3BLOG_CONTENT_RIGHT_ID}
}

page.10.marks.fT3BLOG_MENU_TOP < lib.fT3BLOG_MENU_TOP
page.10.marks.SEARCHTOP < lib.search    
page.10.marks.fT3BLOG_MENU_FOOTER < lib.fT3BLOG_MENU_FOOTER

page.10 {
  template = FILE
  template.file = {$fT3BLOG_FILE_HTML}
  workOnSubpart = DOKUMENT
  marks {
    fT3BLOG_HEADER = TEXT
    fT3BLOG_HEADER.value = {$fT3BLOG_HEADER}
    } # Ende Marks
  } # Ende Page

# config {
	config.linkVars = L
	config.sys_language_uid = 0
	config.language = de
	config.locale_all = de_DE.utf-8
	config.htmlTag_langKey = DE
	config.cache_period = 10
	config.baseURL = {$fT3BLOG_URL}
	config.index_externals = 1
	config.index_metatags = 1
# }

#############################################
# Plugins
page.headerData.10 < plugin.tx_kestats_pi1

plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0

plugin.tx_t3blog_pi2.tagCloud {
	maxColor = #000000
	minColor = #555555
	renderingAlgorithm = lin
	minFontSize = 10
	maxFontSize = 30
	sortBy = tag	
}
plugin.tx_t3blog_pi2.tagCloud.item.wrap = |  

HTML Template f3BLOG.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="language" content="de">
	</head>
	<body>
        	<!-- ###DOKUMENT### begin -->
		<div id="site">
			<div id="header">###fT3BLOG_HEADER###</div>
			<div id="underheader"> 
				<div id="topmenu">###fT3BLOG_MENU_TOP###</div>
				<div id="topsearch">###SEARCH###</div>
			</div>
			<div id="main">
				<div id="content0">###fT3BLOG_CONTENT_LEFT###</div>
				<!--TYPO3SEARCH_begin-->
					<div id="content1">###fT3BLOG_CONTENT_MIDDLE###</div>
				<!--TYPO3SEARCH_end-->
				<div id="content2">###fT3BLOG_CONTENT_RIGHT###</div>
						
			</div>
			<div id="footer">###fT3BLOG_MENU_FOOTER###</div>
		</div>
		<!-- ###DOKUMENT### end -->
	</body>
</html>

CSS f3BLOG.css