In diesem Beitrag erf\u00e4hrst Du, wie diese Seite Schritt f\u00fcr Schritt entstanden ist und das Endergebnis kannst Du hier sehen:<\/p>\n
Eventuell wurden aber an der Seite in der Zwischenzeit auch schon Erweiterungen vorgenommen, etwa wurde eine Bildergalerie der Umgebung mit einem daf\u00fcr besser geeigneten PlugIn eingef\u00fcgt.<\/p>\n Alle hier vorgestellten Dinge wie Seiten, Beitr\u00e4ge, Themen, Bilder, Men\u00fcs, Widgets h\u00e4ngen zusammen und es kann sein, dass bei unserem Spaziergang durch das Werden einer Seite etwas erw\u00e4hnt aber\u00a0erst sp\u00e4ter erkl\u00e4rt wird. Auch muss man sich entscheiden, ob man zuerst das Layout und dann die Inhalte oder umgekehrt bespricht.<\/p>\n Ich sag so: ohne Inhalte braucht man kein Layout und auch ohne Layout ist ein Inhalt Inhalt. \u00dcber die mitgelieferten Dummy-Seiten zu reden, ergibt keinen Sinn. Wir machen daher N\u00e4gel mit K\u00f6pfen und erzeugen zuerst den Inhalt und \u00fcberlegen uns dann, wie wir den Inhalt \u00fcber das Thema richtig zur Geltung bringen.<\/p>\n Das zu realisierende Projekt hei\u00dft „Homepage f\u00fcr ein Chinarestaurant“.<\/p>\n An Rohmaterialien haben wir:<\/p>\n Ein „Widget“ ist ein kleiner Baustein, den man auf jeder Seite und jedem Beitrag sichtbar machen kann. Die Fu\u00dfleiste oder eine Seitenleiste sind\u00a0Orte, an denen Widgets platziert\u00a0werden k\u00f6nnen. Alles, was sich in diesen Bereichen befindet, brauch keine eigene Seite, weil man es ohnehin auf jeder Seite und jedem Beitrag findet. Man muss also nicht nach einer \u00d6ffnungszeit suchen, man findet sie auf jeder Seite, weil es ein Widget ist. Seiten und Beitr\u00e4ge dagegen sind dagegen das Zentrale, was man anzeigen will. Im Falle eines Restaurants kann man zum Beispiel die Bilder oder die Speisekarte an die erste Stelle setzen oder alternativ die Beitr\u00e4ge, wenn zum Beispiel ein Urlaub anzuk\u00fcndigen ist.<\/p>\n Wenn man erstmals mit einem Thema zu tun hat, wird man experimentieren und untersuchen wollen, welche Wirkung, die einzelnen Einstellungen haben. Das kann man mit den vorgefertigten Seiten tun. Diese Spielphase sollte man nicht auslassen. Dann aber l\u00f6schen wir alle Seiten und Beitr\u00e4ge und auch Widgets und fertigen neue f\u00fcr unser Projekt an. Eine Seite belassen wir, die „Startseite“. Diese Seite ist ein Link, der immer auf die Homepage zeigt, also auf jumbo.iam.at.<\/p>\n Die wichtigste Seite eines Restaurants ist die Speisekarte. Wir machen es uns ganz einfach. Das Restaurant versendet fallweise einen vierseitigen Folder, in dem m\u00f6glichst viele Speisen abgedruckt sind. Wir scannen diesen Folder ein. Das ergibt vier .jpg-Dateien, die auf einer neuen Seite „Speisekarte“ untergebracht werden sollen.<\/p>\n Bevor der Button „Neue Galerie erstellen“ aktiv ist, m\u00fcssen alle Bilder mit einer Bildunterschrift versehen sein.<\/p>\n Die Bilder erscheinen in der Seite eingebettet, sind aber nicht in der richtigen Reihenfolge. Das macht nichts, man kann die Bilder einfach mit Drag&Drop an ihren Bestimmungsort bringen.<\/p>\n Klickt man die Galerie an, wird sie eingerahmt und am oberen Rand erscheint ein Bleistift, mit dem man zur Bearbeitung kommt.<\/p>\n Hier legt man fest, wie die Bilder verlinkt werde (hier kommt man zu Medien-Datei), \u00a0wie viele Spalten gezeigt werden sollen und wie gro\u00df das gezeigt Bild sein soll. Da man den Text lesen k\u00f6nnen muss, w\u00e4hlen wir hier „gro\u00df“.<\/p>\n Wenn das Restaurant eine neue Speisekarte erstellt, muss man sie nur scannen und die Bilder ersetzen. Fertig.<\/p>\n Einen Text muss diese Seite nicht enthalten, denn es steht alles auf den Bildern.<\/p>\n Die Bildergalerie soll Einblicke in das Restaurant geben. Diese Galerie wird ebenso wie die Speisekarte hergestellt, nur werden die Bilder dreispaltig angeordnet und es wird eine kleine Gr\u00f6\u00dfe als Vorschaubild gew\u00e4hlt. Das Ergebnis in der Bearbeitungsansicht:<\/p>\n Wir vermissen an dieser Stelle so etwas wie eine Diashow, mit dem man von Bild zu Bild bl\u00e4ttern kann. Es gibt Themen, die solche Galerie-Ansichten unterst\u00fctzen und es gibt auch eine gro\u00dfe Zahl von PlugIns daf\u00fcr. Wir belassen es aber zun\u00e4chst bei den Bordmitteln, eine einfach dreispaltige Anordnung der Bilder. Klickt man auf ein Bild, kann man einen Kommentar eingeben oder das Originalbild in voller Gr\u00f6\u00dfe anschauen.<\/p>\n Es wird Dir auffallen, dass man diese beiden erstellen Seiten nicht im Men\u00fc sieht, wenn man die Seite anw\u00e4hlt. Das ist richtig. Eine Seite wird durch ihren Seitennamen angesprochen. Die beiden erstellten Seiten hei\u00dfen „Speisekarte“ und „Bildergalerie“ und ihre Adressen sind:<\/p>\n Wie kommen die Seiten ins Men\u00fc?<\/p>\nhttp:\/\/jumbo.iam.at<\/a><\/strong><\/span><\/code><\/p>\nProjekt<\/h2>\n
\n
Kriterien<\/h2>\n
\n
Was braucht ein Restaurant<\/h3>\n
\n
Zuerst der Inhalt, dann das Layout<\/h3>\n
Seiten und Beitr\u00e4ge<\/h3>\n
Seite „Speisekarte“<\/h4>\n
\n
![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-galerie.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-galerie-1.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-galerie-2.jpg\")
<\/p>\nSeite „Bildergalerie“<\/h3>\n
![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-bildergalerie.jpg\")
<\/p>\nSpeisekarte: http:\/\/jumbo.iam.at\/speisekarte\/\r\nBildergalerie: http:\/\/jumbo.iam.at\/bildergalerie\/<\/pre>\n
Men\u00fc<\/h3>\n
![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-menu.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-menu1.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-blog.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-widget.jpg\")
<\/p>\n![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2017\/02\/wp-widget1.jpg\")
<\/p>\n