Wir haben vor einem Tag ein Tutorial über die Divi-Thema. Wenn Sie wissen möchten, was es ist, können Sie dieses Tutorial lesen.

Andere Tutorials zum Thema Divi

In unserem vorherigen Tutorial haben wir gesagt, dass Divi ein vielseitiges Thema ist (Vielzweck-), mit dem beliebige Themen erstellt werden können. In diesem neuen Tutorial geben wir Ihnen einige Anregungen, indem wir Ihnen zeigen, was einige Website-Eigentümer getan haben, indem sie mit Divi eine Website für ihr Restaurant erstellt haben.

Restaurantseiten sind berühmt für ihr sehr elegantes Design. Durch die Verwendung von Farben, Schriftarten, Bildern, Menüs, Eine Reservierung, und sogar Dienstleistungen wie Catering haben Restaurants schon immer benötigt Webseite interessant. Ich hoffe, Sie können das Potenzial von Divi schätzen.

1 - Tony Roma

Tony Romas

Tony Roma hat ein Vollbild mit einem CTA (Aufruf zum Handeln) in Parallaxe. Beim Scrollen wird ein schattierter Abschnitt mit drei anklickbaren Kategorien angezeigt. Darunter sehen Sie einen About-Bereich mit Informationen über das Restaurant. Standorte werden auf einzelnen Seiten mit Kontaktdaten, Öffnungszeiten, einer Karte, Schaltflächen zur Ansicht der Speisekarte und einer Schaltfläche für den Lieferservice angezeigt. Die Speisekarten können im PDF-Format heruntergeladen werden. Die Seite von Eine Reservierung bietet Kontaktinformationen für jeden der Standorte. Die Website nutzt hervorragend Farben und Hintergrundbilder.

2 - Tuttas Pizza

Tuttas Pizza

Tutta Pizza Zeigen Sie ein Vollbild mit dem Logo in einem Parallaxenabschnitt mit einem Aufruf zum Handeln an Bestellen Sie jetzt im Menü, das auf einem Hintergrund angezeigt wird, der beim Scrollen verschwindet. Als nächstes folgt ein Abschnitt mit Parallaxenhintergrund und -überlagerung, Menüsymbolen mit Hover-Animationen, einem Instagram-Feed, einem CTA-Ereignis und a Kontaktformular. Das Menü wird als Bilder und Text mit einem Link zu einem Online-Bestellsystem angezeigt. Die Website verwendet die interessanten Hintergrundmuster für ihr Branding.

3 - Casa Dorita

Casa Dorita

Casa Dorita bietet ein Vollbild mit dem Logo, dem Slogan und einer Schaltfläche dazu Eine Reservierung (CTA) im Parallaxenhintergrund. Der folgende Abschnitt enthält Lebensmittelinformationen mit einem Link zur Lebensmittelkarte. Als nächstes sehen Sie einen Bildschieberegler mit Illustrationen, einen unterteilten Abschnitt mit Parallaxeninformationen und ein „ Spezialität des Tages Mit einer Reservierung (Wer nutzt ein integriertes Buchungssystem), wenn Sie den Mauszeiger über das Vollbildbild bewegen, werden Ihnen das Feinkostgeschäft und mehrere andere Abschnitte auf einem parallaxen Hintergrund mit weiteren Informationen über das Feinkostgeschäft, Kartenstandortinformationen und dem angezeigt Kontaktformular. Die verfügbare Speisekarte kann als PDF heruntergeladen werden. Die Website macht guten Gebrauch von Farben und Schriftarten.

4 - Der Mexikaner

Der Mexikaner

Der Mexikaner verwendet ein einseitiges Design. Es zeigt einen Hintergrund in voller Breite mit einem CTA, einem Artikel-Slider, einem Abschnitt mit Links zu Menüpunkten (durch Klicken auf diese wird ein breiteres Bild angezeigt), einem Abschnitt zum Thema Branding und a Kontaktformular auf der Karte. Das Menü ist ein interaktives Bestellsystem, das in einem modalen Fenster angezeigt wird. Das Menü enthält anklickbare Abschnitte zum Hinzufügen von Artikeln zu Ihrem Warenkorb sowie zahlreiche Bilder der Gerichte. Dies ist eines der interessantesten Menüsysteme, die ich je gesehen habe.

5 - Mendocino Bauernhöfe

Mendocino Bauernhöfe

Mendocino Farms Zeigt einen Vollbild-Artikel-Schieberegler mit entsprechenden Navigationsmenüs an. Die Menüs enthalten CTAs. Das Dropdown-Menü zeigt Symbole und Text an, die dem Branding entsprechen. Wenn Sie die Seite nach unten scrollen, werden ein Slogan und drei Artikel über das Unternehmen mit Hover-Animation angezeigt. Das Lebensmittelmenü zeigt einen Link zur PDF-Version an, gefolgt von der Online-Version, in der das Menü mit Kategorien und einem Bild, Menüpunkten und Preisen angezeigt wird. Das Menüdesign ist eines der besten, die ich je gesehen habe. Die Placements-Seite sieht aus wie eine Blog-Seite mit Placements, die sich als Beiträge präsentieren. Zu den Artikeln für Standorte gehören ein Bildschieberegler, Bewertungen, Parkinformationen und eine Karte.

Um es zusammenzufassen

Sie werden vielleicht bemerken, dass Divi Ihnen viele Möglichkeiten bietet. Mit viel Übung kommen Sie auf sehr gute Websites. Wir werden detaillierter auf bestimmte Tutorials eingehen.