Contao in Kürze

CONTAO IN KÜRZE ....

...

....

....

.

SeitenstrukturArtikel

Dateiverwaltung

© 2014 patmueller.ch Texte Sebastian Baller, bbsMEDIEN Hamburg / Eisendach und Pat Müller, Chur

Screenshots, Grafiken, Satz, Lektorat Pat Müller, Chur Korrektorat Romana Müller, Chur

Bilder iStockphoto.com Beispiel-Installation «Music Academy» von CONTAO Open Source CMS

Printed in Switzerland

....

....

...

1

VORWORTZU BEGINN SEITEN ARTIKEL DATEIEN

SYMBOLTRÄCHTIGE INFOS IN DIESEM BÜCHLEIN

Beachten Sie diese Hinweise ganz besonders; sie enthalten wichtige Informationen.

Beispiele demonstrieren, wie etwas funktioniert.

Gut zu wissen: Tipps zur Erleichterung der alltäglichen Arbeit.

Zeit ist Geld – Die Fünfzehn-Minuten-Bedienungsanleitung

Mit CONTAO haben Sie ein mächtiges und dennoch einfach zu bedienendes Werkzeug für das tägliche Publizieren Ihrer Webseiten-Inhalte. Das Content Management System wird von unzähligen kleinen und grossen Firmen für In-ternetauftritte aller Art eingesetzt.

Dieses Dokument erklärt die wichtigsten Handgriffe fürs Einloggen, Seiten und Artikel verwalten sowie das Integrieren von Dateien, etwa Bildern und PDFs in Ihren Internetauftritt. Ihr Nach schlage-Büchlein für den Alltag; bewahren Sie es deshalb gut auf !

Auf Fachbegriffe versuchen wir so gut es geht zu verzichten. Verstehen Sie dennoch nur Bahnhof, finden Sie auf Seite drei Erklärungen oder unter [email protected] Ihren persönlichen Ansprech-partner. Wir freuen uns, für Sie da zu sein.

Viel Spass beim Arbeiten mit CONTAO !

Pat Müller

....

....

...

2

INHALTZU BEGINN SEITEN ARTIKEL DATEIEN

ZU BEGINN Vorwort 1Einleitung 3Einloggen 4Übersicht 5 SEITEN Seitenstruktur 7Seite erstellen 9Weitere Optionen 12 ARTIKEL Artikel erstellen 13Element erstellen 16 DATEIEN Dateien 20Datei Upload 21Datei einfügen 24

....

....

...

3

EINLEITUNGKauderwelsch

Backend Der Administra- tionsbereich Ihrer Website. Frontend Die Website, wie sie Ihre Besucher sehen.Editor Die Arbeitsoberflä-che, mit der Sie Texte, Bilder und Links bearbeiten.Lightbox Bilder werden bei Anklicken auf abgedunkel-tem Bildschirm vergrössert.Provider Firma, die Internet-seiten auf Servern beher-bergt / veröffentlicht.

Eine umfassende Liste von Internet-Fachbegriffen finden Sie im Internet:www.patmueller.ch/fachbegriffe

Alles im Internet

So kann man sich das Inter-net vorstellen. Es besteht aus unzähligen, miteinander verbundenen Computern.

Ihr Internetauftritt ist auf ei-nem dieser Computer, bei einem Provider – gespeichert und Sie können von überall da, wo Sie einen Internetzu-gang haben, auf Ihre Seite zugreifen. Sei es, um sie bloss anzuschauen oder um sie mit einem Passwort ge-schützt zu bearbeiten. Für letzteres benötigen Sie keine speziell auf Ihrem Rechner installierte Software; ein Computer mit der Möglich-keit, aufs Internet zuzugrei-fen, reicht völlig.

PATMUELLER 3GPATMUELLER 3GPA

ZU BEGINN SEITEN ARTIKEL DATEIEN

....

....

...

4

EINLOGGENLoggen Sie sich hier mit Ih-rem Benutzernamen sowie Ihrem Passwort ein.

Haben Sie Ihre Zugangsdaten vergessen? Bei Bedarf setzen wir Ihr Kennwort zurück.

Achten Sie darauf, dass niemand ausser Ihnen Ihre Zugangsdaten erhält und speichern Sie das Passwort nie auf öffentlichen Computern.


....

....

...

5

ÜBERSICHTInformationsleisteHier haben Sie Schnellzugriff auf Ihr Profil, die Websei-ten-Vorschau, gelangen zu-rück zur Startseite und kön-nen sich ausloggen.

NavigationsbereichHier finden Sie alle Module von Contao. Auf einzelne Module gehen wir später ein.

AktionsbereichIhr persönlicher Schreib-tisch: Hier im Hauptfenster werden Aktionen durchge-führt; Ihr künftiger Arbeits-bereich, wo Sie Seiten anle-gen, Inhalte erfassen und vieles mehr.

1

2

3

1

2 3


....

....

...

6

ÜBERSICHT

Wenn Sie mit dem Mauszei-ger (wird zum Fragezeichen) etwas länger über den grauen Erklärungen verweilen, wird der gesamte Erklärungstext angezeigt.

Das gilt für alle Bereiche des Systems.


....

....

...

7

SEITENSTRUKTURWie navigiere ich durch Internetauftritte ?

Jede Internetseite hat eine Informationsarchitektur. Diese beschreibt, wie ein Besucher durch einen Internetauftritt navigiert. Bei CONTAO haben Sie die Möglichkeit, Seiten hinzuzufügen, zu verschieben oder zu löschen.Seien Sie vorsichtig, wenn Sie diese Funktionen nutzen, da im schlimmsten Fall eine ganze Seite inklusive der Inhalte unwiderruflich gelöscht werden kann. Auch kann ein Eingriff in die Informationsarchi-tektur dazu führen, dass die Besucher Ihrer Seite sich schlechter zu-recht finden (siehe Kasten rechts).

Ihr Internetauftritt beherbergt die Hauptpunkte / -seiten

• Home• Produkte• Über uns• Kontakt

Sie verschieben nun die Seite «Kontakt» als Unterseite in die Rubrik «Über uns», um die Navigation etwas aufgeräumter erscheinen zu lassen.

Clever? Vergessen Sie nicht, dass es für den Besucher schwierig sein kann, die Kontaktseite nun wieder aufzu-finden, da sie am gewohnten Ort nicht mehr existiert.


....

....

...

....

....

...

SEITENSTRUKTURSeitenstrukturHier gelangen Sie zur Sei-tenstruktur.

SeitenstrukturübersichtEs erscheinen alle vorhan-denen Seiten hierarchisch geordnet.

1

2

21

Die «Violine Masterklasse» ist eine Unterseite von «Kurse».


....

....

...

9

....

....

...

....

....

...

SEITE ERSTELLEN1

2

Neue SeiteKlicken Sie diesen Button zuerst.

KlemmbretterDanach erscheinen die «Klemmbretter». Die Klemmbretter sind ein immer wiederkehrendes Element, welches nicht nur für die Seitenstruktur benutzt wird.

Der Pfeil nach unten bedeu-tet: Die Seite wird NACH der Seite, bei welcher man das Klemmbrett anklickt, eingefügt. Der Pfeil nach rechts be-deutet: Die Seite wird zur Unterseite.

2

1


....

....

...

10

SEITE ERSTELLENSeitenname / SeitenaliasDer Seitenname erscheint auf Ihrer Webseite als Na- vigations-Schaltfläche. Der Seitenalias ist für das Sys-tem gedacht, damit dieses logische Verknüpfungen zur Seite herstellen kann.

SeitentitelDer Seitentitel erscheint im Browserfenster immer ganz oben. Je besser ein Seitenti-tel beschreibt, was diese Seite im Detail beinhaltet, umso besser wird sie von Suchmaschinen gefunden.

Scrollen Sie anschliessend weiter nach unten.

11

2 1

2


....

....

...

11

SEITE ERSTELLEN3

4

5

Beschreibung der SeiteOptional beschreiben Sie auf etwa 150 bis 300 Zeichen den Inhalt der Seite. Dadurch geben Sie Suchmaschinen Informationen zu den wich-tigsten Inhalten.

Durch Anklicken wird die Seite im Internet veröffent-licht.Speichern und fertig !

Auf einer Seite für Gitarrenkurse schreiben Sie z.B.: Die Music Academy bietet Gitar-renkurse aller Art, von akustisch bis elektrisch, von Westerngitarre bis E-Gitarre, von Akkorden und Begleitgitarre bis zu Lead Gitarrenlicks.

3

4

5


....

....

...

12

WEITERE OPTIONENSeitenstrukturübersichtAuf der Seitenstrukturüber-sicht (siehe Seite 8) haben Sie weitere Möglichkeiten:

Seite bearbeiten (Seitenkonfiguration)

Seite und Inhalt duplizieren

Seite inklusive Unterseiten und Inhalte duplizieren

Seite und Inhalt verschieben

Seite und Inhalt löschen

Seite und Inhalt online schalten / offline schalten

Seitendetails anzeigen

Artikel (Inhalte) der Seite bearbeiten


....

....

...

13

ARTIKEL ERSTELLEN

Wenn Sie eine neue Seite angelegt haben, erstellt Con-tao automatisch einen neuen, leeren Artikel dazu. Ebenso existiert natürlich bereits ein Artikel, wenn es «Inhalte» in einer Seite gibt. Um neue Inhalte hinzuzufügen oder bestehende zu bearbeiten, fahren Sie auf Seite 16 weiter.


Wie fülle ich die Seiten mit Inhalte ?

Um Ihre Internetseite mit Inhalten zu füllen, erstellen Sie sogenannte Artikel. Wie genau das geht und was für Möglichkeiten Sie haben, zeigen wir Ihnen auf den nächsten Seiten.

....

....

...

14

ARTIKEL ERSTELLEN1

2

3

4

Gut zu wissenAls Seite wird in CON- TAO das «Gerüst» inklusive des dazugehörenden Navi-gationspunktes genannt. Jede Seite enthält Artikel, welche sich aus mehreren Inhaltselementen zusam-mensetzen können, bei-spielsweise Text, Bildergale-rien, Download-Links.

Und so funktioniertsKlicken Sie auf Artikel.

Wählen Sie dann «Neuer Ar-tikel».

Anschliessend bestimmen Sie mit dem Klemmbrett, wo der Artikel platziert wird (siehe auch Seite 9).

2 3

4

Willkommen bei der Music Academy

HomeDie AkademieKurseDienst- leistungenKontakt

Die AkademieRatet eatest, comnit aut quiaspis sundis aborrorum, quas et, tem facest, quisint oreperuptat. Suntibu sapiendam que debitat ionseque asperum volorem elitatiunt.

› Download PDF

Inhaltselement Text

Inhaltselement Galerie

Inhaltselement Download

Artikel

1

Artikel

Inhaltselement

InhaltselementInhaltselement

Seite

Navigation


....

....

...

15

ARTIKEL ERSTELLEN1

2

3

4

1

2

3

4

Geben Sie einen «Titel» und einen «Artikelalias» ein. Mit letzterem kann das System den Artikel zuordnen.

Wählen Sie, wo Ihr Artikel angezeigt werden soll, meis-tens in der «Hauptspalte».

Suchbegriffe müssen nicht mehr zwingend ausgefüllt werden, da Suchmaschinen diese nicht mehr auswerten.

Nur noch «Artikel veröffent-lichen» und speichern.

Geben Sie zudem ein Start- und Enddatum ein, publizieren Sie Inhalte zeitgesteuert.


....

....

...

16

ELEMENT ERSTELLENSo fügen Sie Inhalte ein

Klicken Sie auf das «Stift»- Symbol beim gewünschten Artikel. Sie gelangen in das Artikel-Hauptfenster.

An dieser Position werden später die vorhandenen In-halts-Elemente angezeigt, aus denen sich der Artikel zusammensetzt.

Klicken Sie hier auf «Neues Element» und wählen Sie anschliessend das Klemm-brett, an dessen Position das Element eingefügt werden soll (siehe auch Seite 9).

3

1

2 1

2

3


....

....

...

17

ELEMENT ERSTELLEN1

2

32

Als erstes wählen Sie Ihren Elementtyp aus. Hier bietet Ihnen das System verschie-dene Möglichkeiten.

Im Beispiel nehmen wir den Elementtyp Text. Jetzt haben Sie die Möglichkeit, einen Text mittels Editor einzutra-gen. Die meisten Sym- bole aus dem Editor sind selbsterklärend oder Sie kennen sie bereits aus ande-ren Programmen.

Speichern und fertig ! Ihr Ar-tikel hat jetzt einen Inhalt; einen Text.

3

1


....

....

...

....

....

...

....

....

...

18

In diesem Beispiel nehmen wir den Elementtyp Galerie.

Durch das Auswählen eines Elementtyps ändern sich auch die Möglichkeiten der Einstellungen. Statt des Editors ist nun die Ordnerübersicht mit den hochgeladenen Bildern zu sehen. Wählen Sie einzelne Bilder oder der gesamte Ordner aus, welcher in einer Galerie zu sehen sein soll.

ELEMENT ERSTELLEN

1

21

2


....

....

...

....

....

...

ELEMENT ERSTELLEN

3 Unter «Bild-Einstellungen» ha-ben Sie diverse Möglichkeiten.

Der Punkt «Grossansicht / Neu-es Fenster» ermöglicht Ihnen einen Lightbox-Effekt einzu-setzen: Das klein gesetzte Bild erscheint bei Anklicken gross auf abgedunkeltem Hinter-grund (Bild unten). Ein Häkchen genügt !

Denken Sie daran: Wenn Sie mit dem Mauszei-ger (wird zum Fragezeichen) etwas länger über den grauen Erklärungen verweilen, wird der gesamte Erklärungstext angezeigt.

3

Lightbox-Effekt


....

....

...

20

DATEIEN

Sie bieten beispielsweise Kurse auf Saiteninstrumenten an: Gitarre, Mandoline, Ukulele. Statt alle Bilder in den Ordner Saiteninstrumente zu packen, legen Sie Unterordner an: Saiteninstrumente / Gitarre, Saiteninstrumente / Mandoline, Saiteninstrumente / Ukulele.

Wie gelangen Bilder und PDF-Dateien in meinen Internetauftritt ?

Damit Dateien wie Bilder und PDFs in Ih-rem Internetauftritt sichtbar sind, werden zwei Schritte benötigt: Zu-erst laden Sie die gewünschten Dateien von Ihrem Computer auf den Server beim Provider, danach stehen diese zum Ein-binden in Ihren Internetauf-tritt zur Verfügung.Dieses Kapitel widmet sich der Dateiverwaltung, also dem ersten Schritt inklusive Ablage in eine individuelle Dateistruktur. Sie können diese Schritte direkt im Backend von CONTAO durchführen.Achten Sie darauf, die Dateien mit ordentli-chen Namen zu versehen und in einer logischen Ordnerstruktur abzu-legen. Das hilft Ihnen später, sich schneller in den Verzeichnissen zu-rechtzufinden.


....

....

...

21

DATEI UPLOAD

1

2

3

4

So laden Sie Dateien auf den Server hoch

Klicken Sie auf die Datei- verwaltung.

Das Dateisystem beherbergt Bilder, PDF-Dateien und an-dere Daten Ihres Internet-auftritts.

Falls nötig erstellen Sie ei-nen neuen Ordner im Datei-system auf dem Webserver. Wie in der Seitenstruktur und bei den Artikeln erschei-nen danach auch hier die Klemmbretter, welche Sie fragen, wo der neue Ordner erstellt werden soll.

Geben Sie dem Ordner an-schliessend einen Namen.

3

1

2

4


....

....

...

22

DATEI UPLOADKlicken Sie auf Datei-Upload.

Klicken Sie auf das Klemm-brett, um anzugeben in wel-chen Ordner Sie die Daten hochladen möchten.

Wählen Sie hier die Dateien zum Hochladen aus und be-enden Sie den Prozess, in dem Sie auf «Dateien hoch-laden» klicken. Sie können mehrere Dateien durch Drücken und Halten der Controltaste, der Shifttaste oder der Befehltaste (Mac) auswählen.

In diesem Moment werden die Daten in das Dateiver-waltungs-Verzeichnis Ihres Internetauftritts beim Provider hochgeladen.

7

5

6

6

7

5


....

....

...

23

DATEI UPLOAD8

9

Fertig. Nach erfolgreichem Hochladen erscheint Ihre Datei in der Dateiverwal-tung.

Sie können Ihre Dateien je-derzeit umbenennen, dupli-zieren, sie verschieben oder löschen.

Dateinamen bearbeitenDatei duplizierenDatei verschiebenDatei löschen

Geben Sie Ihren Dateien plau- sible Namen. IMG0010.jpg wird von Suchmaschinen nicht so gut gefunden wie mandoline.jpg.

9


8

....

....

...

24

DATEI EINFÜGENWelche Datei wohin ?

Die Dateien, die Sie soeben hochgeladen haben, befinden sich nun auf dem Webserver, sie sind jedoch noch nicht innerhalb der Internetsei-ten sichtbar. Dies ist der zweite Schritt: Die Dateien fügen Sie nun als Inhalts-Ele-mente innerhalb der gewünschten Artikel ein. Sie finden diese Infor-mationen auf den Seiten 16 bis 19; Informationen zu den Artikeln im Allgemeinen ab Seite 13.


....

....

... PATMUELLER.CH . Adlerweg 7 . CH 7000 Chur

T +41 (0)81 284 86 06 . M +41 (0)79 484 72 65 [email protected] . www.patmueller.ch

Documents

Contao in Kürze