Wiki der Internetagentur Irma Berscheid-Kimeridze

about

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

Agentur für TYPO3 und Wordpress in Köln Willkommen im Wiki der Internetagentur Irma Berscheid-Kimeridze in Köln! Wir betreiben Webseiten mit TYPO3 und Wordpress. Dieses Wiki stellt Ihnen unser Wissen zur Verfügung. Zur Webseite unserer Agentur

backend_layout

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

Backend Layout für TYPO3 Wenn man eine Webseite mit TYPO3 erstellt, muss man dem System ja irgendwie mitteilen, wo die im Backend eingegeben Content Elements mit Texten und Bildern bzw. Medien im HTML Code dargestellt werden sollen. Dazu erstellt man ein Backend Layout. Dieses erfüllt folgende Zwecke:

beispiel_news_extension

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

Beispiel News Extension Die News Extension ist eine der beliebtesten Extensions in TYPO3 zur Verwaltung und Darstellung von Nachrichten auf einer TYPO3 Webseite. Hier erfahren Sie mehr über die Konfiguration der News: Wie bindet man eigene Templates ein, ohne den Inhalt der Extension selbst zu überschreiben und damit updates weiterhin möglich zu machen? Wie bindet man die jüngsten Beiträge aus den News in alle Seiten einer Webseite ein?

bootstrap_3_formulare

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

Formulare Bootstrap 3 Twitter Bootstrap bringt in seiner Standard Konfiguration schon eine Menge Möglichkeiten zur Gestaltung des Frontend mit sich. Nicht jedem gefallen allerdings die Gestaltung von Rahmen und Farben. Hier ein paar Tipps, Tricks und Kniffe, wie man das Frontend individualisieren kann.

bootstrap_3_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

Navigation mit Bootstrap 3 Bootstrap hat sich in den vergangenen Jahren als Quasi-Standard für die Gestaltung responsiver Webseiten etabliert. Es ist recht leicht, ein Menu im Header der Seite zu gestalten, dass bei kleinen Endgeräten mit der Hand ebenso zu bedienen ist wie auf Desktop Rechnern mit der Maus.

bootstrap_4_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

TypoScript Navigation mit Bootstrap 4 Mega Menu und Navbar Mit der Version Bootstrap 4 bieten sich dem geneigten Entwickler neue Möglichkeiten, Elemente seiner Webseite zu gestalten. Die neue Version bringt u. a. einen eigenen Slider, mehr Farbmenus und viele kleine Elemente mit sich, die das Leben einfacher gestalten. Sie können eine Navigation in einer TYPO3 Webseite nun als Navbar oder als Mega Menu gestalten.

bootstrap_5_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

TypoScript Navigation mit Bootstrap 4 Mega Menu und Navbar Wie man eine Navigation mit Hilfe von TypoScript und Bootstrap aufbaut, hatte ich in den letzten Artikeln dieses Wikis bereits beschrieben. Mit den Versionen 11 und 12 von TYPO3 gibt es die Möglichkeit, den MenuProcessor zu nutzen, um eine Navigation zu erstellen. Ein Vorteil des MenuProcessors in TypoScipt ist, dass man ein Array geliefert bekommt, auf das man Logiken aus Fluid anwenden kann. Daraus ergibt sich, dass man auch bei diese…

bootstrap_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:08+00:00

TypoScript Navigation mit Bootstrap 3 Navbar Die Navbar von Twitter Bootstrap hat sich als Quasi-Standard bei der Generierung responsiver Webseite durchgesetzt. Das Framework erlaubt es mit seinem Modell von row und col nicht nur, Inhalte einer Webseite so zu verschachteln, dass sie auf einem Desktop Rechner und einem Smartphone sichtbar angezeigt werden können. Eine weitere Stärke von Bootstrap ist es auch, eine Navigation so aufzubauen, dass sie bei einer bestimmten Breite eines Browserfenste…

commands

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Kommandozeile Befehle für die Kommandozeile in Windows und Linux. Standard Befehle für GIT Linux Eine auf den Server hochgeladene ZIP-Datei entpacken: unzip typo3.zip Verzeichnis löschen rm -r testseite GIT Im Prinzip fallen bei der Arbeit mit einem Projekt mit GIT immer dieselben Befehle an. Diese vier Befehle dienen dazu, die eigenen Änderungen in der Source ins Projekt einzuchecken und sie mit einer Branch im Repository zu mergen.

content_security_policy_csp

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Content Security Policy (CSP) mit TYPO3 12 Eine wichtige Neuerung bei der Version 12 von TYPO3 war die Einführung eines Tools zur Einrichtung einer Content Security Policy (CSP) über das TYPO3 Backend. Wie man eine CSP redaktionell und durch Programmierung konfiguriert, erkläre ich in diesem Artikel.

cookie_consent

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Cookie Consent Mit den Richtlinien zum Datenschutz nach EU und deutscher Gesetzgebung ist es unerlässlich geworden, jeden Besucher auf seiner Webseite auf den Gebrauch von Cookies hinzuweisen. Extension als Lösung für TYPO3 Eine Lösung für TYPO3 bietet sich mit der Installation einer Extension an. Hier hat sich in den letzten Wochen des Jahres 2019 die Extension

cookieman

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

TYPO3 Extension Cookieman Diese TYPO3 Extension kommt bei mehreren unserer Webseiten zum Einsatz und ist unsere (Stand: Juni 2020) Empfehlung für die Konfiguration eines Cookie Banner. Der große Vorteil dieser Extension ist, dass sie für sich selbst steht und relativ einfach zu konfigurieren ist, wobei man Erfahrung in TypoScript voraussetzen muss.

css_beispiele

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

CSS Beispiele Hier ein paar Beispiel für Lösungen mit Cascaded Style Sheets. Blöcke der Webseite mittig ausrichten In unserem Beispiel für die Fluid Templates einer TYPO3 Webseite gibt es drei Bereiche (Header, Main, Footer) zur Darstellung der Inhalte der Webseite. Diese Inhalte kann man mit Angaben zur maximalen Breite und mittigen Ausrichtung versehen:

css_bootstrap_4_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

CSS für Bootstrap 4 und 5 Navigation CSS Mega Menu Bootstrap 4 und 5 Bootstrap stellt eine recht einfache Möglichkeit bereit, eine individuell gestaltete Navigation mit mehreren Ebenen für eine Webseite zu gestalten. Dazu braucht es die Einbindung eines

datenschutzerklaerung-orig

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Datenschutzerklärung

Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten (nachfolgend kurz „Daten“) im Rahmen der Erbringung unserer Leistungen sowie innerhalb unseres Onlineangebotes und der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social Media Profile auf (nachfolgend gemeinsam bezeichnet als „Onlineangebot“). Im Hinblick auf die ver…

datenschutzerklaerung

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Datenschutzerklärung

Einleitung und Überblick

Wir haben diese Datenschutzerklärung (Fassung 12.12.2023-312650097) verfasst, um Ihnen gemäß der Vorgaben der Datenschutz-Grundverordnung (EU) 2016/679 und anwendba…

extension_controller

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Der Extension Controller Hier spielt das Leben! Nach dem Model und vor der View ist der Controller der zentrale Bestandteil einer Extension (Umsetzung des MVC Modells). Hier laufen die Actions ab, hier wird das Respository abgefragt und hier werden den Templates Daten rübergeschickt.

extension_meta_tags

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

Title und META Tags in Extension füllen Für eine gute Suchmaschinenoptimierung der Webseite, auch kurz SEO genannt, ist es förderlich, die META-Tags der eigenen Webseite mit Inhalten zu füllen. Im Idealfall sollten diese Inhalte das beschreiben, was man in der Seite vorfindet. In Fall einer Extension in TYPO3 bedeutet dies, wenn man sie selbst programmiert, dass man die Schnittstellen des TYPO3 Core nutzen sollte, um die Ausgabe der fertigen Webseite mit eigenen Daten für die META-Tags zu befü…

extension_programmierung

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

TYPO3 Extension Programmierung mit Extbase und Fluid Extensions sind ein wichtiges Werkzeug zur Erweiterung der Funktionen von TYPO3. Eine Extension kann alles sein: Eine Nachrichtenverwaltung, ein Kontaktformular, eine Bildergalerie, ein Eventkalender. In diesem Fall schildern wir Ihnen ein paar Fakten zur Programmierung einer TYPO3 Extension mit Extbase und Fluid anhand unserer Blog Extension, die auf der

extension_repository

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Extension Repository Die Schnittstelle zur Datenbank in einer Extension. Eine TYPO3 Extension setzt das MVC Modell an. Das Repository spricht dabei das Datenbankmodell an. Diese Datei ist die zentrale Schnittstelle einer jeden Extension für Anfragen an die Datenbank einer Extension.

extensions_typo3

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

TYPO3 Extensions Extensions sind ein wichtiges Werkzeug, mit dem man die Funktionen von TYPO3 mannigfaltig erweitern kann. Wir zeigen Ihnen Grundzüge der Programmierung einer TYPO3 Extension. Konfiguration und Datenmodell In der Datei ext_localconf.php setzt man Standards zur Einbindung von Plugins für die gesamte Extension fest. In weiteren Dateien definieren Sie das Datenmodell einer Extension.

extensions

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:09+00:00

TYPO3 Extensions: Fluid Das Fluid Framework von TYPO3 sorgt für die Darstellung der Inhalte von Extensions. Die Grundlage bilden Templates, die auf ein Layout zurückgreifen. In die Templates können wahlweise Partials eingebunden werden. In Templates und Partials lassen sich mit Conditions und Schleifen logische Funktionen abbilden.

faceted_search

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

TYPO3 Extension Faceted Search Installation und Konfiguration Seit Jahren ist die TYPO3 Extension Faceted Search auf Webseiten der Agentur IBK im Betrieb. Die Facettierte Suche bietet mehrere Vorteile: * Im Gegensatz zur Indexed Search (Standard TYPO3 Core) lassen sich die Inhalte, in denen gesucht werden soll, direkt aus der Datenbank auslesen und es muss nicht die gesamte Webseite gecrawlt werden

flex_layout

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Flex Layout .flex-navigation { display: flex; flex-direction: row; flex-wrap: wrap } .news-list-view { display: flex; flex-direction: column; }

fluid_head_setup

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

HEAD Setup: CSS und JS Dateien per Fluid einbinden In TYPO3 ist in den letzten Jahren der Funktionsumfang von Fluid kontinuierlich gewachsen. Dies bedeutet, dass es nun auch möglich ist, die Einbindung von CSS und JavaScript Dateien nicht mehr nur per TypoScript, sondern auch per Fluid als Assets zu konfigurieren. Dies bringt mehrere Vorteile mit sich. So ist nun möglich, mit Conditions zu arbeiten. Zudem kann man die Optionen zur Verschachtelung und Vererbung von Fluid Templates und Partials n…

fluid_layouts

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Fluid Layouts Ein Fluid Layout bildet die Grundlage für die Einbindung von Fluid Templates. Das bedeutet: Wenn man ein Basis Fluid (HTML) Template über das Setup in die Webseite eingebunden hat, verweist die erste Zeile in diesem Template auf die Layout-Datei. Den Suchpfad dazu gibt man ebenfalls im Setup an.

fluid_navigation

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

TYPO3 Navigation mit Fluid Templates Mit der Einführung von Fluid gibt es die Möglichkeit, Bausteine einer Webseite nicht mehr nur mit TypoScript zu programmieren, sondern Fluid Templates zu nutzen. Bislang gab es für solche Zwecke Extensions wie den VHS Viewhelper. Seit der Version

fluid_partials

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Fluid Partials Bei Partials in TYPO3 handelt es sich im wesentlichen um Fluid Templates, die in die die Generierung bestimmter Inhalte einer Webseite ausgegliedert ist. Für dieses Vorgehen gibt es mehrere Gründe. Zum einen werden die einzelnen Dateien übersichtlicher. Zum anderen können die Dateien einfacher per GIT versiniert und von mehreren Entwicklern bearbeitet werden.

fluid_templates

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Fluid Templates Fluid Templates sind der Standard zur Generierung von Inhalten in TYPO3. Dies gilt für das Templating, also die Gestaltung von HTML-Vorlagen für die gesamte Webseite, genauso wie für die Gestaltung des HTML-Outputs einer Extension.

font_awesome

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Font Awesome in TYPO3 einbinden Hin und wieder beschleicht einen der Wunsch, das Design einer TYPO3 Webseite nicht nur mit Google Fonts aufzupeppen, sondern auch Symbole einzubinden. Sehr beliebt sind dafür die Symbole von Fonts Awesome, die es in einer kostenfreien und mit größerer Anzahl in einer kostenpflichtigen Version gibt.

funktionen_repository

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Weitere Funktionen im Repository Im Repository können weitere Funktionen geschrieben werden, die nicht in Zusammenhang mit einem Zugriff auf eine Datenbank stehen. Render JS Header public function getHeaderJS($filesJS) { $pageRenderer = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class); $baseUrl = \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::siteRelPath('ibkbilder'); $j = 0; while ($j < count($filesJS)) { $filePath = $baseUrl .…

globale_variablen

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Globale Variablen Mit globalen Variablen lassen sich in TypoScript bestimmten Seiten oder Bereichen eigene Konfigurationen zuordnen. Diese ist z. B. sinnvoll, wenn der Suchbutton einer Webseite, der überall eingebunden ist, in der Suchseite nicht eingebunden werden soll. Ähnliches gilt für die Übersicht der Nachrichten, die in der Detailseite der Artikel nicht dargestellt werden soll.

google_fonts_lokal

Anonymous (anonymous@undisclosed.example.com) — 2025-02-02T15:03:10+00:00

Google Fonts lokal einbinden Das Layout einer Webseite lässt sich mit Google Fonts hervorragend aufpeppen. Allerdings hat diese Verhaltensweise einen gravierenden Nachteil: Man gibt die IP-Adresse eines Besuchers seiner Webseite immer an Google weiter. In Zeiten der DSGVO nicht das beste Verhalten. Es gibt einen Trick: Mit ein wenig Aufwand lassen sich Google Fonts lokal einbinden.

heise_shariff