-SCHULUNG - secure.csu.de · Schulung TYPO3 Die PDF-Datei analog zu Bildern in Ihr Typo3...
73
Transcript of -SCHULUNG - secure.csu.de · Schulung TYPO3 Die PDF-Datei analog zu Bildern in Ihr Typo3...
-SCHULUNG
Schulung TYPO3
Inhaltsangabe
Schulung
Der Anmeldeprozess S.4
Die Homepage – Backend vs. Frontend S.10
Die Startseite S.14
Bilder und PDFs hochladen S.20
Die Meldungsseite S.26
Termine erstellen S.35
Kontakt / Impressum S.43
Über Uns S.47
Seiten freigeben S.54
Inhalte veröffentlichen S.56
Bildergalerien anlegen S.58
Vom Hochformat ins Querformat (Exkurs – Bildbearbeitung mit gimp) S.64
Fragen??? Kontakt!!! S.72
TYPO3 -3-
Der Anmeldeprozess
Schulung TYPO3
Anmeldeprozess
Schulung
TYPO3
Benutzername: csu
Passwort: ERFRAGEN SIE DAS PASSWORT BITTE BEI IHRER BWK- GESCHÄFTSSTELLE
Ignorieren
Gehen Sie auf: https://redaktion.csu.de/typo3
-5-
Anmeldeprozess - Erstanmeldung
Schulung
TYPO3
Passwort anfordern
Berechtigt sind nur Ortsvorsitzende und Internetbeauftragte
Emailadressen müssen in der MGV eingetragen sein
-6-
Anmeldeprozess
Schulung
TYPO3
Ignorieren
-7-
Anmeldeprozess
Schulung TYPO3
Neues Passwort auswählen
Achtung: Es müssen 100% sein
-8-
Die Homepage Backend vs. Frontend
Schulung TYPO3
Gestaltungmöglichkeiten im Frontend
Schulung TYPO3
Elemente, auf die Sie keinen Einfluss haben
Elemente, die Sie im Backend ändern und „befüllen“ können (vgl. nächste Folie Ortsverband Hammelburg)
-11-
Das Backend
Schulung TYPO3
-13-
Die Startseite
Schulung TYPO3
Die Startseite
Schulung TYPO3
Ignorieren
Die Startseite ist das Aushängeschild Ihres Ortsverbands im WWW!
Daher sollte es immer sehr aktuell sein!
-15-
Die Startseite
Schulung TYPO3
Klick auf Testverband
Die Leiste mit den unterschiedlichen Bearbeitungsmöglichkeiten erscheint, wenn Sie mit der Maus „drüberfahren“ (=Mouse over)
Klick auf Stiftsymbol öffnet die Bearbeitungsmaske der „Slides“
-16-
Die Startseite
Schulung TYPO3
Aber: Sie können bis zu 5 Slides anzeigen lassen
Die Anordnung der Slides kann durch die Pfeiltasten geändert werden
Slide ausblenden
Slide löschen
Neues Slide
Slide nach oben oder unten verschieben
-17-
Die Startseite
Schulung TYPO3
Link auf Unterseite – hier auf die Meldung verlinken, die hinter der Startslide liegt
Textbox positionieren
-18-
Die Startseite
Schulung TYPO3
Gewünschtes Bild aus TYPO3 auswählen
Hintergrundfarbe der Headline-Textbox definieren
-19-
Bilder und PDFs hochladen
Schulung TYPO3
Schulung TYPO3
Bilder hochladen (1)
1
Gehen Sie in der linken Spalte auf Dateiliste
Wählen Sie Ihr Verzeichnis
Klicken Sie in der oberen Menüleiste auf „Dateien hochladen“
Es öffnet sich ein Suchfenster, in welchem Sie Ihre lokalen Dateien auswählen können
1
2
3
2
3
-21-
Schulung TYPO3
Bilder hochladen - bearbeiten (2)
1
ACHTUNG: Das Hinweisfenster „Soll die bestehende Datei überschrieben werden“ – immer bestätigen
ACHTUNG: Einmal auf das Verzeichnis OV-Name (hier=Testverband) klicken, um die Liste mit den Dateien zu aktualisieren
Rechtsklick auf das Dateisymbol, um die Datei zu bearbeiten
1
2
2
1
2
3
3
-22-
Schulung TYPO3
Bilder bearbeiten – Rechte (3)
3 Metadaten wählen
Herausgeber und Quelle vergeben
Speichern und schließen
-23-
Schulung TYPO3
Bildausschnitt (4)
3
Falls das Bild zu groß ist, kann hier der Bildausschnitt gewählt werden
Es sollte immer ein Bildausschnitt gewählt werden (ggf. Bild als Ganzes verkleinern)
Die Maße sind vordefiniert auf 956x538 (16:9)
Nach der Bildbearbeitung speichern nicht vergessen!!!
-24-
Schulung
TYPO3
Die PDF-Datei analog zu Bildern in Ihr Typo3 Verzeichnis laden
Auf die PDF-Datei klicken, dann öffnet sich das Dokument in einer neuen Registerkarte.
WICHTIG: den generierten Downloadlink modifizieren! https://redaktion.csu.de/common/csu/content/csu/hauptnavigation/verbaende/ortsverbaende/Testverband/Beispiel.pdf
Aus diesem Link muss das s bei https entfernt und das redaktion durch www ersetzt werden. Der funktionierende Link zu unserer Musterdatei lautet dann:
http://www.csu.de/common/csu/content/csu/hauptnavigation/verbaende/ortsverbaende/Testverband/Beispiel.pdf
Eine beliebige Meldung statifizieren, um den Link zu aktivieren
Je nachdem, wann Sie die Statifizierung angestoßen haben, dauert es bis zu 15 Minuten, bis der Link funktioniert.
1
1
Downloadlink
-25-
Die Meldungsseite (Aktuelles oder Regionales)
Schulung
TYPO3
Struktur Meldungsseite
Schulung
TYPO3
Der Überordner „Regionales“ muss mit dem Seitentyp Meldungsübersicht angelegt werden
Die „Monatsordner“ müssen mit dem Seitentyp Meldungsübersicht angelegt werde
Die „Meldung“ selbst muss mit dem Seitentyp Meldung angelegt werden
Bitte Meldungen immer in die Monatsordner schieben!
-27-
Meldungsübersicht-Variante-Einfach
Schulung
TYPO3
Diese Ansicht: Rechtsklick Regionales, bearbeiten In der Variante „Layout“ Einfach erscheinen die Meldungen chronologisch sortiert untereinander
-28-
Meldungsübersicht-Variante- Erweitert
Schulung
TYPO3
Die Normal/Erweitert-Ansicht lohnt sich, wenn regelmäßig viele Nachrichten eingepflegt werden
Es besteht die Möglichkeit, im Mouse-Over einen Teaser-Text einzutragen
-29-
Meldungen anlegen (1)
Schulung
TYPO3
Seitentitel: Name der Meldung
Beschreibung und Schlagworte für Suchmaschinen eintragen
Veröffentlichungsdatum: Ermöglicht zeitgesteuertes Veröffentlichen
Wichtig: Datum und Sortierdatum angeben, sonst wird die Meldung nicht veröffentlicht
-30-
Meldungen anlegen (2)
Schulung
TYPO3
1
2
3
-31-
Meldungen anlegen (3)
Schulung
TYPO3
Text formatieren
Überschriftgrößen festlegen
Aufzählungen
Tabelle anlegen
Interne / externe Verlinkungen
Achtung: Um Texte aus der Zwischenablage zu kopieren, muss rechts die Option „Einfügen als einfachen Text“ deaktiviert sein
1
2
3
4
5
1 2 3 5 4
-32-
Meldungen erweitern
Schulung
TYPO3
Hier können Sie Ihre Meldungen um einzelne Elemente erweitern und ergänzen
-33-
Meldung erweitern
Schulung
TYPO3
4
3
2
1
1
2
3
4
5
5
4
-34-
Termine erstellen
Schulung
TYPO3
Termine erstellen (1)
Schulung
TYPO3
Der Überordner „Termine“ muss mit dem Seitentyp Termincontainer angelegt werden
Die „Monatsordner“ müssen mit dem Seitentyp Terminübersicht angelegt werde
Der „Termin“ selbst muss mit dem Seitentyp Termin angelegt werden
Bitte Termine immer in die Monatsordner schieben!
Achtung: Voreingestellte Monatsordner können nicht gelöscht werden
2
1
3
1
2 3
-36-
Termine erstellen (2)
Schulung
TYPO3
Linke Spalte Auswahl Seite
Mittlere Spalte: Rechtsklick auf Monat
Seitenaktion „Neu“
-37-
Termine erstellen (3)
Schulung
TYPO3
Beim eingerückten Pfeil eine neue Seite einfügen
Seitentyp „Termin“
-38-
Schulung
TYPO3
1 1 1 2
3 1
2
3
4
4
-39-
Schulung
TYPO3
1
1
2
2
3
3
-40-
Schulung
TYPO3
Terminübersicht
-41-
Termine anderer Verbände abonnieren
Schulung
TYPO3
Wählen Sie den entsprechenden Verband, von dem Sie die Termine abonnieren möchten
-42-
Kontakt/ Impressum
Schulung TYPO3
Kontakt ändern
Schulung
TYPO3
Der Klick auf den Bleistift öffnet die bekannte Maske zum ändern Ihrer Daten
-44-
Impressum
Schulung
TYPO3
Der Klick auf das Feld “Bearbeiten“ öffnet die bekannte Maske zum ändern Ihrer Daten
-45-
Impressum
Schulung
TYPO3
Die vorgegebenen Daten individuell anpassen
Aus rechtlichen Gründen gehört ein aktuelles Impressum zu den Minimalanforderungen an eine Seite, um online zu gehen.
-46-
Über Uns
Schulung TYPO3
Schulung
TYPO3
Über uns (1)
Klick auf den Stift zeigt weitere Inhaltselemente an
-48-
Schulung
TYPO3
Über uns (2)
Neues Seitenelement
Seitenelement bearbeiten
Seitenelement ausblenden
Seitenelement löschen
-49-
Schulung
TYPO3
Über uns (3)
1
1 2
2 3
3
-50-
Schulung
TYPO3
Über uns (4) 1
1
2
2
3
3
-51-
Schulung
TYPO3
Über uns - Tipps
Aktualität!
Bitte den Mustertext löschen und durch persönliche Ansprache ersetzen!
Einheitliche Bilder, Köpfe nicht abschneiden!
Klapper und Verschachtelungen sparsam benutzen!
-52-
Schulung
TYPO3
Über uns - Negativbeispiel
Zu viele Klapper wirken unübersichtlich
-53-
Seite freigeben
Schulung TYPO3
Schulung
TYPO3
Seite freigeben
Klicken Sie auf die Startseite (Verbandsname) mit der rechten Maustaste, dann „Veröffentlichen“ und dann auf „Review anfordern“. Die Anfrage wird dann überprüft. Änderungen, die danach durch Sie getätigt werden, werden von Ihnen direkt online gestellt.
-55-
Inhalte veröffentlichen
Schulung
TYPO3
Inhalte veröffentlichen
Schulung
TYPO3
Neue Inhalte werden zunächst immer als deaktiviert angelegt (rote Markierung) – daher aktivieren Sie Ihren Inhalt
Nach Aktivierung dauert es 24h bis die neuen Inhalte sichtbar sind
Wenn Sie auf Veröffentlichen klicken, werden Inhalte schneller sichtbar (innerhalb von 15 Minuten)
Speichern Sie jede Inhaltsänderung mit den Diskettensymbolen ab
1
2
1
2
-57-
Bildergalerien anlegen
Schulung
TYPO3
Bildergalerien anlegen (1)
Schulung
TYPO3
2
4
1 3
-59-
Bildergalerien anlegen (2)
Schulung
TYPO3
Wählen Sie den Medientyp Galerie und betiteln Sie Ihre Bildergalerie
-60-
Bildergalerien anlegen (3)
Schulung
TYPO3
Die Bilder werden als Bildergalerie hochgeladen
Hier können Sie die Reihenfolge der Bilder definieren
Klicken Sie abschließend auf „Speichern und schließen“
1
1
2
2
-61-
Bildergalerien anlegen (4)
Schulung
TYPO3
Um die Bildergalerie in Ihrer Seite einzubinden, müssen Sie in der linken Spalte wieder zu Ihrer Seite gehen
Wählen Sie im mittleren Abschnitt die Meldung, in die Sie die Bildergalerie einfügen möchten
Klicken Sie auf „neuen Datensatz an diesem Ort hinzufügen“ und fügen als neues Inhaltselement eine Bildergalerie hinzu. Achtung: Sie müssen in der Box „Hauptinhalt“ sein
1
2
1
2
3
3
-62-
Bildergalerien anlegen (5)
Schulung
TYPO3
Sie finden Ihre Bildergalerie in Ihrem Medienordner
Nach dem Einfügen erscheint die Galerie nach dem Text auf Ihrer Seite
-63-
BILDBEARBEITUNG mit gimp
Schulung TYPO3
EXKURS – vom Hochformat ins Querformat:
Schulung TYPO3
Negativbeispiel – Bild im Hochformat
Ursprungsfoto Ursprungsfoto in Startslide Ursprungsfoto in Meldung
-65-
Schulung TYPO3
Neue Datei erstellen
Maße 956x538 (16:9)
BILDBEARBEITUNG mit gimp (1) Laden Sie Gimp unter http://www.gimp.org/ kostenlos herunter und installieren Sie es.
-66-
Schulung TYPO3
Das zu bearbeitende Bild als neue Ebene öffnen
BILDBEARBEITUNG mit gimp (2)
-67-
Schulung TYPO3
Das eingefügte Bild ist zu groß (vgl. gepunktete Linie)
Ebene skalieren
BILDBEARBEITUNG mit gimp (3)
-68-
Schulung TYPO3
Bildgröße anpassen
BILDBEARBEITUNG mit gimp (4)
-69-
Schulung TYPO3
Dateiname und -format wählen
Vorzugsweise .png oder .jpg
BILDBEARBEITUNG mit gimp (5)
-70-
Schulung TYPO3
Das Bild im Hochformat erhält einen weißen Rand
BILDBEARBEITUNG mit gimp (6)
-71-
Schulung TYPO3
VIEL SPAß MIT IHRER NEUEN HOMEPAGE
