![\"Jimdo](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/barcelona-template-full-page.jpg\")
<\/p>\n
- \n
- \nViel Platz f\u00fcr ein Logo oben:<\/strong> Wenn Sie ein Logo haben, das Sie lieben, ist dies die perfekte Vorlage, um es zu pr\u00e4sentieren.<\/li>\n<\/ul>\n
- \n
- \nErm\u00f6glicht ein auff\u00e4lliges benutzerdefiniertes Hintergrundbild:<\/strong> Experimentieren Sie hier mit einem hochwertigen Foto (am besten mindestens 2000 Pixel breit). Oder verwenden Sie einen einfarbigen Hintergrund und die Vorlage sieht immer noch gut aus.<\/li>\n
- \nEs hat verschiedene Vorlagenvarianten mit der oberen Farbleiste und ohne:<\/strong> Es bietet Ihnen verschiedene Stile zur Auswahl, noch bevor Sie mit dem Entwerfen beginnen.<\/li>\n
- \nDie horizontale Navigation direkt unter dem Logo ist klar und gut lesbar:<\/strong> Es enth\u00e4lt auch ein Dropdown-Men\u00fc f\u00fcr seine Unterseiten. Um optimale Ergebnisse zu erzielen, empfehlen wir, die Navigation in einer Zeile zu halten und bei Bedarf das Dropdown-Men\u00fc f\u00fcr Unterseiten zu verwenden.<\/li>\n<\/ul>\n
- \n
- \nStruktur, die viele oder nur einige Seiten verarbeiten kann:<\/strong> Wie Sie in den folgenden Beispielen sehen werden, eignet sich Barcelona f\u00fcr alle Gr\u00f6\u00dfen von Websites, von Online-Shops mit vielen Produkten bis hin zu kleinen Websites mit nur drei Seiten.<\/li>\n<\/ul>\n
- \n
- \nSeitenleiste unten unter dem Inhaltsbereich:<\/strong> Wenn Sie all diese Informationen am unteren Rand Ihrer Seite anstatt an der Seite platzieren, haben Sie in Ihrem Inhaltsbereich viel Platz f\u00fcr Fotos, Text und andere Elemente.<\/li>\n<\/ul>\n
Um Ihnen diese Eigenschaften in Aktion zu zeigen, habe ich zehn Beispiele f\u00fcr Jimdo-Websites aus der ganzen Welt zusammengestellt, die mit Barcelona wundersch\u00f6n aussehen. Sehen Sie sich genauer an, ob diese Vorlage f\u00fcr Ihre Website geeignet ist, und klicken Sie auf die Bilder, um die gesamten Websites zu durchsuchen.<\/p>\n
1. Caroline Bech<\/h3>\n
![\"Caroline](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/caroline-bech.png\")
<\/h3>\nUnser erstes Beispiel ist das Portfolio \/ der Lebenslauf von Caroline Bech, einer Schauspielerin aus Amsterdam, die derzeit in London lebt, um ihren Tr\u00e4umen zu folgen. Halten Sie sich an einfache Schriftarten und ein neutrales Farbschema, das zu Ihren Fotos passt und Ihrer Website ein sauberes Gesamtbild verleiht. Verwenden Sie sofort ein auff\u00e4lliges Bild auf Ihrer Homepage, um zu verhindern, dass die Website zu einfach wird.<\/p>\n
2. Vianne Fotografie<\/h3>\n
![\"vianne](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/vianne-fotografie.png\")
<\/p>\nWie Carolines Website konzentriert sich Vianne Fotografie auf ihre Fotografie und weniger auf ihren Text. Selbst mit dem wei\u00dfen Hintergrund geben die Bilder genau die richtige Menge an Farbe, um die Website zum Leben zu erwecken. Selbst die Info-Seite basiert auf niedlichen Grafiken, um sich selbst und ihre Interessen zu beschreiben. Der sehr kleine Text, den Sie in Ihrer Navigation und Ihrem Blog sehen, verleiht Ihrer Website einen gewissen Vorteil, da es sich nicht um die durchschnittliche serifenlose Schrift handelt (Sie verwenden die Schriftart "Abel").<\/p>\n
3. Oh, was f\u00fcr ein sch\u00f6nes Design<\/h3>\n
![\"Oh](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/oh-so-pretty.png\")
<\/p>\n\u00c4hnlich wie in den obigen Beispielen bringt die Website dieses Designstudios alles auf eine andere Ebene, indem sie sich selbst leer dupliziert. Sie haben den Hintergrund wei\u00df und seine Fu\u00dfzeile auch f\u00fcr einen sch\u00f6nen minimalistischen Look gemacht. Diese Studie konzentriert sich auf die Verwendung wundersch\u00f6ner Pastellfarben und gerissener Bilder, um Ihre Website hervorzuheben. Sie verwenden auch eine gro\u00dfartige Kombination aus serifenlosen und serifenlosen Schriftarten, um zwischen \u00dcberschriften und Text zu unterscheiden. Obwohl es noch in Arbeit ist, gef\u00e4llt uns auf jeden Fall die Richtung, in die sie gehen.<\/p>\n
4. Sami Garra<\/h3>\n
![\"\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/sami-garra.png\")
<\/p>\nDie geschickte Handwerkerin Sami Garra verwendet die Barcelona-Vorlage, um ihre supers\u00fc\u00dfen Handarbeiten und Leckereien zu verkaufen. Anstelle des wei\u00dfen Looks wird ein hellgrauer Farbton als Hintergrund verwendet, der mit hellen, lustigen Farben ausgeglichen wird, die zu seinen Produkten und seiner Pers\u00f6nlichkeit passen. Er nutzt die Navigation auch geschickt, um seinen Online-Shop auf Spanisch und Englisch zu haben, eine gro\u00dfartige Verwendung der Vorlage.<\/p>\n
5. Pauli Bird<\/h3>\n
![\"Paulibird\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/paulbird.jpg\")
<\/p>\nDie Website dieses handgefertigten Juweliergesch\u00e4fts nutzt den gro\u00dfen Logo-Bereich von Barcelona und die einfache Navigation zu Ihrem Vorteil. Das Ergebnis ist sauber, modern und f\u00fcr Kunden einfach zu bedienen. Wir lieben es auch, dass sie Fotos aus ihrem Workshop und eine Soundcloud-Musikarchivseite beigef\u00fcgt haben, um ihre Inspiration zu beschreiben.<\/p>\n
6. Rosario Friseur<\/h3>\n
![\"Rosario](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/barbershop-rosario.png\")
<\/p>\nDie Website dieses Friseurs wurde vom typischen einfarbigen Hintergrund getrennt und f\u00fcgt ein Bild seines Friseursalons hinzu, um sich von den anderen abzuheben. Anstatt abgelenkt zu werden, wie Sie vielleicht denken, f\u00fcgen Sie einen Unsch\u00e4rfeeffekt und eine subtile Muster\u00fcberlagerung hinzu, damit sich die Besucher auf Ihre Inhalte konzentrieren k\u00f6nnen. Es zeigt auch, wie einfach eine Barcelona-Website sein kann und trotzdem ein Erfolg ist – Ihre Website hat nur drei Seiten!<\/p>\n
7. Eleaxart Store<\/h3>\n
![\"Elaxart-Laden\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/eleaxart-shop.png\")
<\/p>\nEleaxart ist ein Online-Shop, der Kleidung und Accessoires an Jugendliche verkauft. Sie nutzen viele von Jimdos Elementen zu ihrem Vorteil: Um Bilder nebeneinander anzuzeigen, platzierten sie sie in einem Element in der Fotogalerie. Sie haben zu viel Verschiebung f\u00fcr K\u00e4ufer beseitigt, indem sie Produkte neben dem Spaltenartikel platziert haben. Sie haben auch ihre wichtigsten \/ neuen Produkte auf der Homepage platziert, um den Kunden eine Vorstellung vom Stil ihres Gesch\u00e4fts zu geben. Gleichzeitig zeigen sie jederzeit viele gro\u00dfartige Fotos ihrer Produkte.<\/p>\n
Frei Beutler<\/h3>\n
\n
![freibeutler "width =" 800 "height =" 411 "srcset =" https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/freibeutler.png 800w, https: \/\/www.jimdo. com \/ blog \/ wp-content \/ uploads \/ 2017\/04 \/ freibeutler-300x154.png 300w, https:\/\/www.jimdo.com\/blog\/wp-content\/uploads\/2017\/04\/freibeutler-768x395.png 768w " Gr\u00f6\u00dfen = "(maximale Breite: 800px) 100vw, 800px"><\/h3>\n<p>Dieser Streetwear-Shop verwendet die zuf\u00e4llige Hintergrundfunktion, um seine Website von den anderen abzuheben. Anstatt jedoch das typische Hintergrundbild in voller Breite oder voller H\u00f6he zu verwenden, f\u00fcgen sie einfach ein Bild oben hinzu, damit es wie ein Header-Bild aussieht. Sie k\u00f6nnen sehen, wie sie drei verschiedene Hintergrundoptionen haben, indem Sie ihre Seiten durchsuchen oder einfach ihren Browser aktualisieren. Unglaublich! Die von ihnen verwendete Schriftart "Advent Pro" vervollst\u00e4ndigt den Look.<\/p>\n<\/p>\n<h3>9. \u00c9-sens<\/h3>\n<p><img class=](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/freibeutler.png\")
\n<\/h3>\nWie Frei Beutler verwendet \u00c9-sens geschickt die Hintergrund-Schieberegler-Funktion, um zwischen sch\u00f6nen Bildern zu wechseln, die perfekt zu Ihren Produkten passen, alles nat\u00fcrliche Sch\u00f6nheits\u00f6le zur Entspannung. Sie haben nicht nur eine gro\u00dfartige M\u00f6glichkeit gefunden, ihre Website mit der Hintergrundfunktion zu verbessern, sondern sie haben auch den Farbw\u00e4hler der Stileditoren zu ihrem Vorteil genutzt: Wenn eines der Bilder hinter den Inhaltsbereich f\u00e4llt, k\u00f6nnen Sie einen Hintergrund sehen hellwei\u00df, damit der Text noch lesbar ist. Sie verwenden auch einen gro\u00dfartigen Gr\u00fcnton, der transparent genug ist, um das Hintergrundbild dahinter zu sehen, eine erstaunliche Note und die Verwendung integrierter Werkzeuge.<\/p>\n
10. Verlieren Sie nicht Ihre B\u00fccher<\/h3>\n
![\"Verliere](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/no-pierdas-tus-libros.png\")
<\/p>\nDieses Beispiel zeigt, dass Sie keine ausgefallenen Hintergr\u00fcnde oder Fotos ben\u00f6tigen. Sie ben\u00f6tigen lediglich ein gro\u00dfartiges Farbschema und ein scharfes Auge f\u00fcr Design. Don't Lose Your Books verkauft seine neutralen und leuchtend rosa Buchaufkleber auf wundervolle Weise f\u00fcr genau die richtige Menge Pop auf der Website. Vom Farbschema bis zu den minimalen Symbolen, der Art und Weise, wie Bilder und Text angezeigt werden, sogar der Wahl der Schriftart ("Open Sans Condensed") – alles an dieser Website ist wundersch\u00f6n kombiniert.<\/p>\n ","protected":false},"excerpt":{"rendered":"
Wenn Sie unserem Reinvention Month-Wettbewerb folgen, wissen Sie, dass der September der perfekte Zeitpunkt ist, um Ihre Website zu aktualisieren (und vielleicht sogar einen Apple Watch Sport zu gewinnen)! Wenn Sie nach der richtigen Vorlage suchen, empfehlen wir Ihnen, sich Barcelona genauer anzusehen. Diese diskrete Vorlage ist einfach zu gestalten und eignet sich f\u00fcr alle […]<\/p>\n","protected":false},"author":1,"featured_media":4312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/4311"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=4311"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/4311\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/4312"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=4311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=4311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=4311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- \nSeitenleiste unten unter dem Inhaltsbereich:<\/strong> Wenn Sie all diese Informationen am unteren Rand Ihrer Seite anstatt an der Seite platzieren, haben Sie in Ihrem Inhaltsbereich viel Platz f\u00fcr Fotos, Text und andere Elemente.<\/li>\n<\/ul>\n
- \nEs hat verschiedene Vorlagenvarianten mit der oberen Farbleiste und ohne:<\/strong> Es bietet Ihnen verschiedene Stile zur Auswahl, noch bevor Sie mit dem Entwerfen beginnen.<\/li>\n
- \nErm\u00f6glicht ein auff\u00e4lliges benutzerdefiniertes Hintergrundbild:<\/strong> Experimentieren Sie hier mit einem hochwertigen Foto (am besten mindestens 2000 Pixel breit). Oder verwenden Sie einen einfarbigen Hintergrund und die Vorlage sieht immer noch gut aus.<\/li>\n