Elbnetz.com

Elbnetz.com http://elbnetz.com Frische Websites ohne Installation Wed, 22 May 2013 07:40:02 +0000 de-DE hourly 1 Das Elbnetz war gestern nicht erreichbar http://elbnetz.com/das-elbnetz-war-gestern-nicht-erreichbar/ http://elbnetz.com/das-elbnetz-war-gestern-nicht-erreichbar/#comments Wed, 22 May 2013 07:40:02 +0000 Thorsten Faltings http://elbnetz.com/?p=5905 Aufgrund technischer Probleme bei unserem Dienstleister Host Europe war gestern das Elbnetz und alle gehosteten Websites zehn Stunden nicht erreichbar. Unsere Kunden bitten wir diese Nichterreichbarkeit zu vielmals zu entschuldigen!

Was war passiert?

Die Server vom Elbnetz stehen im Rechenzentrum des Dienstleisters Host Europe. In diesem Rechenzentrum gab es gestern eine durch Wartungsarbeiten verursachte Störung an der Stromversorgung. Host Europe selbst beschreibt die Situation so:

Gegen 10:42 Uhr mussten wir leider eine Störung an der Stromversorgung in einem unserer Rechenzentren feststellen. Zum Zeitpunkt der Störung fanden Wartungsarbeiten an unserer Stromversorgung statt. Trotz getroffener Vorsichtsmaßnahmen kam es dabei unerwartet zu einem kurzzeitigen Spannungsabfall sowie einer Überspannung, welche durch die Komponenten der Stromversorgung nicht ausgeglichen werden konnte. Auch wenn Ihr System nicht rebootet wurde, kann es daher leider zu einer kurzen netzwerkseitigen Nichterreichbarkeit gekommen sein. Diese kurzfristige Störung der Spannungsversorgung führte dazu, dass neben einigen wenigen Servern in diesem Bereich auch die für diesen Rechenzentrumsabschnitt zuständigen zentralen Netzwerkkomponenten rebootet wurden...

Unsere Server waren von 11:00 bis 21:00 Uhr betroffen. Host Europe ist ein qualitativ hochwertiger Partner. Seit ziemlich genau zehn Jahren bin ich zufriedener Kunde. Entsprechend fiel die Wahl vor zwei Jahren auf Host Europe als Hosting-Partner für das Elbnetz. Nun ist es das erste Mal, dass es zu diesem langwierigen Totalausfall kam. Auch wenn der Ausfall des Servers nicht in unserem direktem Einflussbereich lag, fühlen wir uns selbstverständlich für die Probleme unseres Partners mitverantwortlich. Nach fast zweijährigem Bestehen des Elbnetz war das heute der erste große Ausfall.

Für die Zukunft

Dieser lange Ausfall kommt mitten in einem Entscheidungsprozess für den Aus- und Umbau unserer Server-Architektur. Aufgrund der positiven Entwicklung des Elbnetz sind wir gerade dabei, die Weichen für das künftige Wachstum zu stellen. Entsprechend sind wir auf der Suche nach einem verlässlichen Partner, der uns die passende technologische Plattform liefert, die durch Performanz, Sicherheit und hohe Erreichbarkeit glänzt. Vielleicht ist es Glück im Unglück, dass dieser extreme Ausfall genau in diese Entscheidungsphase fiel. Denn augenblicklich ändern sich einige Parameter und Auswahlkriterien für unsere künftige Server-Infrastruktur, damit wir unseren Kunden das bestmögliche Angebot bieten können.

Zu guter Letzt

Wir bedauern den gestrigen Ausfall und möchten uns für die gestrige Nichterreichbarkeit Ihrer Websites vielmals entschuldigen. Bedanken möchten wir uns bei den Kunden, mit denen wir bereits direkt sprechen konnten und die sich und uns keinen Stress über Dinge gemacht haben, die wir nicht ändern konnten. Melden Sie sich gern direkt bei mir im Fall von Fragen oder Wünschen. Herzliche Grüße Thorsten Faltings]]> http://elbnetz.com/das-elbnetz-war-gestern-nicht-erreichbar/feed/ 0 Websites für Retina-Displays optimieren http://elbnetz.com/websites-fuer-retina-displays-optimieren/ http://elbnetz.com/websites-fuer-retina-displays-optimieren/#comments Mon, 13 May 2013 13:48:41 +0000 Thorsten Faltings http://elbnetz.com/?p=5857

Auflösung Retina Display im Vergleich zu HDTV

Apple hat mit seinem Retina-Display, die sie bereits in MacBooks, iPads und iPhones verbauen, neuer Maßstäbe für hochauflösende Bildschirme gesetzt. Doch damit Ihre Internetpräsenz auf diesen Geräten in voller Schärfe brilliert, müssen Sie einige Vorkehrungen treffen. Was ist ein Retina-Display? Unter dem Begriff Retina-Display bezeichnet Apple Bildschirme mit einer besonders hohen Auflösung. Die Pixeldichte der Displays...]]>

Apple hat mit seinem Retina-Display, die sie bereits in MacBooks, iPads und iPhones verbauen, neuer Maßstäbe für hochauflösende Bildschirme gesetzt. Doch damit Ihre Internetpräsenz auf diesen Geräten in voller Schärfe brilliert, müssen Sie einige Vorkehrungen treffen.

Was ist ein Retina-Display?

Unter dem Begriff Retina-Display bezeichnet Apple Bildschirme mit einer besonders hohen Auflösung. Die Pixeldichte der Displays ist so hoch (das iPad 3 hat unglaubliche 2048 x 1536 Pixel), dass das menschliche Auge aus einem typischen Betrachtungsabstand nicht in der Lage ist, einzelne Pixel zu erkennen. Derzeit werden diese hochauflösenden Bildschirme in den Produkten iPod touch, iPhone, iPad und MacBook Pro verbaut. Aber auch andere Hersteller bestücken ihre Geräte immer öfter mit Bildschirmen, die eine relativ hohe Pixeldichte vorweisen, wie zum Beispiel beim HTC Rezound.

Was bedeutet das Retina-Display für meine Website

Das Problem ist, dass normale Websites, die auf traditionellen Bildschirm noch sehr gut aussahen, plötzlich auf den neuen hochauflösenden Bildschirmen ziemlich unscharf wirken. Das liegt daran, dass die Bilder für die höhere Auflösung größer dargestellt werden müssen. Dafür werden sie in Höhe und Breite gestreckt. Da der Trend zu hochauflösenden Bildschirmen mittel- bis langfristig nicht mehr aufzuhalten ist, wird es nötig, über die Konsequenzen für den eigenen Webauftritt nachzudenken. Betroffen von der höheren Pixelanzahl sind vor allem die Bilddateien (Logos, Icons, Fotos und sonstige grafische Elemente) Ihrer Website: Um auf dem Retina-Display einen brillanten Eindruck zu hinterlassen, müssen diese Elemente in doppelter Auflösung vorhanden sein.

Eine Beispielrechnung

In HTML verwendet man die Anzahl der Pixel (Pixel per Inch, PPI), um die Größe eines Bildes einer Webseite zu bestimmen. Pixel sind die kleinste physische Einheit eines Bildschirms. Kombiniert man die winzigen beleuchteten Flächen, entsteht ein Bild. Das Problem: Die angezeigte Größe des Bildes hängt von der Auflösung des Bildschirms ab und kann stark variieren. Früher waren 72 PPI Standard. Heutzutage haben die meisten modernen Bildschirme eine Auflösung von mindestens 90 PPI und weit mehr. Zum Vergleich: das iPad 2 hat mit einer Anzahl von 1024 × 768 Pixel einen Wert von 132 PPI. Das iPad mit seinen unglaublichen 2048 × 1536 Pixel erreicht sogar 264 PPI. Ausgehend von der Pixelanzahl des iPad 2 muss also ein Logo oder Foto für eine scharfe Anzeige auf dem iPad 3 eine doppelt so hohe Auflösung haben. Nur so nebenbei, weil wir immer wieder darauf angesprochen werden: für Websites ist die Punktdichte - die Maßeinheit für die Auflösung im Druck gemessen in DPI (Dots per Inch) - irrelevant.

Doppelte Auflösung = Doppeltes Datenvolumen

Doppelt aufgelöste Bilder haben aber auch eine gut doppelt so hohe Datenmenge. Das wirkt sich negativ auf die Ladezeiten der Website aus. Ausserdem wird zurzeit die Mehrheit der Besucher Ihrer Website bestraft, die noch mit „normaler“ Auflösung bei Ihnen vorbeisurft. Sie haben nicht nur eine höhere Ladezeit, auch Ihre mobilen Datentarife werden entsprechend unnötig belastet. Was also kann man tun, um den unterschiedlichen Bedürfnissen gerecht zu werden?

Eine Website für hochauflösende Bildschirme optimieren

1. Tipp: Weniger Bilder verwenden

Der erste Aufruf gilt den Webdesignern, weniger Bilder zu verwenden und grafische Elemente wie zum Beispiel runde Ecken, Schatten und Farbverläufe stattdessen mit Hilfe von CSS (Cascading Style Sheets) abzubilden. Icons lassen sich mit Hilfe von Webfonts darstellen. Sie basieren auf Vektoren anstelle von Pixeln. Auf Basis von Text und CSS erstellte Grafiken skalieren auf den Retina-Displays ohne eine Verringerung der Qualität. Natürlich kommt nicht jede Website völlig ohne Bilder als Strukturelemente aus, aber die Anzahl der Images auf das Nötigste einzudämmen, reduziert den Aufwand, eine Website für Retina zu optimieren.

2. Tipp: Mehr Bilder verwenden

Kommt man um Fotos oder Logos nicht herum, gibt es nur eine Lösung: die Bilder müssen hochauflösender eingesetzt werden. Um den Großteil der Besucher mit normal auflösenden Bildschirm nicht mit hohen Datenmengen zu bestrafen, benötigen wir Bilder in zweierlei Auflösung. Doch woran erkennt WordPress, welche Bilder ausgeliefert werden sollen? Für Programmierer gibt es zwei Lösungen: Apple selbst zeigt auf seiner Webseite zunächst Bilder in Normalauflösung an und lädt mithilfe eines Javascripts hochauflösende Bilder nach, wird die Website mit einem Retina Display besucht. Das Problem ist aber auch mithilfe sogenannter "CSS Media Queries" zu lösen: Die Technik ermöglicht es, die Auflösung des Bildschirms zu erkennen und ein entsprechendes Bild anzuzeigen.

Mit einem Plugin zur richtigen Auflösung

Damit wir nicht programmieren müssen, verwenden wir ein Plugin, das die nötige Arbeiten für uns erledigt. Einmal installiert, erstellt das kostenlose Plugin WP Retina 2x automatisch für unsere Website die benötigen Bilddateien und regelt die passende Anzeige in Abhängigkeit der Bildschirmauflösung. Ist die Auflösung der vorliegenden Bilder nicht hoch genug, werden Sie in der Medienübersicht gewarnt. Denn Bilder können nicht hoch skaliert werden, da sie sonst wieder unscharf werden. In diesem Fall müssen Sie die Bilder in einer höheren Auflösung erneut auf Ihren Webserver hochladen. Mediaüberciht mit WP Retina 2x

]]> http://elbnetz.com/websites-fuer-retina-displays-optimieren/feed/ 0 Strukturierter Content: Produkteigenschaften in WooCommerce http://elbnetz.com/strukturierter-content-produkteigenschaften-in-woocommerce/ http://elbnetz.com/strukturierter-content-produkteigenschaften-in-woocommerce/#comments Sun, 12 May 2013 11:15:06 +0000 Volkmar Breindl http://elbnetz.com/?p=5806

Strukturierter Content ist eine der wichtigsten Voraussetzungen für einen gut funktionierenden Online-Shop. Für die Besucher Ihres Shops bedeutet strukturierter Content einerseits die Möglichkeit, sich einfach und intuitiv über Filter durch den Shop zu bewegen, um die Menge der Produkte auf die relevanten einzugrenzen. Andererseits schaffen Sie durch strukturierte Inhalte u.a. die Voraussetzung dafür, die wichtigsten...]]>

Relevante Eigenschaften von Produkten (Attribute) definieren

Strukturierter Content bedeutet, dass Sie die relevanten Eigenschaften Ihrer Produkte in Form von Key-Value-Paaren erfassen. Der erste Schritt dafür besteht darin, sich zu überlegen, welche Eigenschaften eines Produkts für Ihre Zielgruppe relevant sind. Wonach suchen Ihre Kunden, wenn Sie in Ihren Shop kommen? Welches sind die Kriterien, nach denen ein Nutzer ein Produkt in Ihrem Shop auswählt? Wenn Sie z.B. Autos verkaufen oder vermieten, sind vermutlich Eigenschaften wie Hersteller, Modell, Ausstattung, Kraftstoff, etc. relevante Angaben. Die Attribute (=Key) wären in diesem Fall also Hersteller, Modell, Ausstattung und Kraftstoff. Die Ausprägungen für diese Attribute (= Values) könnten z.B. folgende sein: Hersteller: Audi, VW, Opel, etc. Modell: A3, A4, Zafira, etc. Ausstattung: Ledersitze, Automatik, etc. Kraftstoff: Benzin, Diesel, Erdgas, etc. WooCommerce bietet eine einfache Möglichkeit, Attribute und deren Ausprägungen (Key-Value-Paare) für Ihre Produkte festzulegen. Unter Produkte > Eigenschaften ist dies sehr schnell möglich:

Für jedes Attribut muss hier einfach der Name angegeben und anschließend der Typ definiert werden, d.h. Sie legen fest, ob die Ausprägungen über ein Auswahlfeld oder ein Textfeld gepflegt werden. WooCommerce unterscheidet hier zwischen Auswahlfeld und Textfeld. Wichtig dabei ist, dass Sie den Typ als Auswahlfeld definieren, wenn Sie das Attribut als Filter in Ihrem Shop nutzen wollen. Ausprägungen, die Sie als Textfeld definieren, sind nützlich, wenn Sie auf der Artikeldetailseite z.B. Zusatzinformationen zu Ihren Produkten liefern wollen, welche die Kaufentscheidung erleichtern, allerdings für eine Filterung nicht geeignet sind. Da in ein Textfeld alles mögliche eingegeben werden kann, eignet sich dies nicht für einen Produktfilter und stellt somit streng genommen keine strukturierte Information dar.

Ausprägungen der Produkt-Attribute definieren

Wenn Sie ein Attribut angelegt haben, erscheint es in der Tabelle der Attribute. Anschließend müssen Sie noch auf den Einrichten-Button klicken, um sämtliche Ausprägungen des Attributs anzulegen.

Jede mögliche Ausprägung des Attributs, die ein Produkt in Ihrem Sortiment haben kann, muss einfach in das Feld „Name“ eingegeben und der Liste der Ausprägungen hinzugefügt werden. Beim Anlegen eines neuen Produkts in WooCommerce hat man nun unter dem Reiter „Eigenschaften“ die Möglichkeit, die Attribute und die zugehörige Ausprägung der Eigenschaft auszuwählen. Durch die Checkbox „Sichtbar auf der Produktseite“ wird die Eigenschaft auf der Artikeldetailseite unter dem Tab „Information“ angezeigt.

Anzeige auf der Artikeldetailseite:

Kleiner Tipp: Man muss die Attribute und Ausprägungen nicht unbedingt im Voraus definieren. WooCommerce bietet die komfortable Möglichkeit, die Eigenschaften und Ausprägungen eines Attributs auch erst bei der Anlage eines Produkts zu definieren. Dafür muss man einfach die Default-Einstellung „Benutzerdefiniertes Produktmerkmal“ ausgewählt lassen und auf den „Hinzufügen“-Button klicken. Der Name des Attributs kann dann in das entsprechende Feld eingegeben werden, die Ausprägungen müssen dann durch das |-Symbol getrennt in das Eingabefeld daneben eingegeben werden.

Im nächsten Blogartikel beschreibe ich, wie man mit Hilfe der Attribute und deren Ausprägungen Varianten eines Artikels anlegt, damit der Kunde sich auf der Artikeldetailseite seine gewünschte Produktvariante in den Warenkorb legen kann.]]> http://elbnetz.com/strukturierter-content-produkteigenschaften-in-woocommerce/feed/ 0 WooCommerce: WordPress als Basis für Online-Shops http://elbnetz.com/woocommerce-wordpress-als-basis-fuer-online-shops/ http://elbnetz.com/woocommerce-wordpress-als-basis-fuer-online-shops/#comments Tue, 07 May 2013 14:52:15 +0000 Volkmar Breindl http://elbnetz.com/?p=5742 Da wir immer mehr Anfragen von Kunden bekommen, die neben einer Unternehmens-Website auch einen Online-Shop betreiben wollen, haben wir uns in letzter Zeit intensiv mit diesem Thema auseinander gesetzt und die verschiedenen auf Wordpress basierenden e-Commerce-Lösungen evaluiert.

Wordpress Online-Shop Plugin WooCommerce

Letztendlich haben wir uns für WooCommerce entschieden, einem Plugin, mit dem Sie einen voll funktionsfähigen Online-Shop auf Basis von Wordpress aufsetzen und betreiben können. WooCommerce bietet alles, was man zum Verkauf sowohl physischer als auch digitaler Produkte im Netz benötigt und ist dabei erstaunlich vielseitig. WooCommerce stellt in unseren Augen eine wirklich sehr gute Shoplösung für kleinere bis mittlere Online-Shops zur Verfügung, die im Gegensatz zu anderen Shopsystemen deutlich günstiger zu haben ist, aber ausreichend Flexibilität bietet, um einen Online-Shop professionell aufsetzen und betreiben zu können. Darüber hinaus bietet es einen schnellen und sehr intuitiven Einstieg für alle, die sich bereits ein bisschen mit Wordpress auskennen. Die Backoffice-Funktionalitäten sind trotz umfangreicher Konfigurationsmöglichkeiten einfach erfasst, so dass man entsprechend schnell loslegen kann. Allerdings ist das Aufsetzen und der Betrieb eines Online-Shops etwas anderes, als das Erstellen einer Unternehmens-Website, so dass man einiges an e-Commerce Know-How benötigt, um mit den Einstellungsmöglichkeiten etwas anfangen zu können. Ellen von Elmastudio hat vor einiger Zeit einen kurzen Überblick über die Möglichkeiten von WooCommerce gegeben und die Diskussion zum Artikel zeigt auch sehr schön einige Herausforderungen auf, die man lösen muss, wenn man sich für WooCommerce entscheidet. Wir haben uns überlegt, dass wir das ein bisschen vertiefen wollen und für alle e-Commerce-Einsteiger und auch diejenigen, die schon erste Erfahrungen gesammelt haben, eine Serie von Artikeln schreiben, um die Möglichkeiten von Woo-Commerce aufzuzeigen, dabei aber über die reinen Einstellungsmöglichkeiten hinaus gehen und auch ein paar Hintergrundinformationen zum e-Commerce liefern wollen. Über Themenwünsche in den Kommentaren oder gern auch per Mail an info@elbnetz.com , die wir in den Artikeln behandeln sollen, freuen wir uns.]]> http://elbnetz.com/woocommerce-wordpress-als-basis-fuer-online-shops/feed/ 0 Top 10 WordPress Themes im April 2013 http://elbnetz.com/top-10-wordpress-themes-im-april-2013/ http://elbnetz.com/top-10-wordpress-themes-im-april-2013/#comments Thu, 02 May 2013 11:33:10 +0000 Thorsten Faltings http://elbnetz.com/?p=5752

Argo - Modern OnePage Metro UI Wordpress Theme

Unternehmer, Agenturen, Freiberufler, Organisationen: Es wird höchste Zeit! Es gibt bald keine Argumente mehr für Nachzügler, keine professionelle Internetpräsenz mehr zu haben. Auch im April haben wir wieder so unterschiedliche, so professionelle Webdesigns für WordPress gefunden, sodass für jeden ein passendes Theme dabei sein sollte. Aber sehen Sie selbst und stöbern durch unsere Auswahl im...]]>

Unternehmer, Agenturen, Freiberufler, Organisationen: Es wird höchste Zeit! Es gibt bald keine Argumente mehr für Nachzügler, keine professionelle Internetpräsenz mehr zu haben. Auch im April haben wir wieder so unterschiedliche, so professionelle Webdesigns für WordPress gefunden, sodass für jeden ein passendes Theme dabei sein sollte. Aber sehen Sie selbst und stöbern durch unsere Auswahl im Monat April.

1. Eagle Logistics - Retina-Ready WordPress Theme

Besonderheiten der Designvorlage 'Eagle Logistics'

Überraschendes Webdesign zur Darstellung nicht nur von Transportunternehmen
Uns gefällt das klare, unaufdringliche Design
Außergewöhnliche Menüführung - unbedingt anschauen!
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

2. Shift - Flexibly Creative WP Theme

Besonderheiten der Designvorlage 'Shift'

Mächtiges und flexibles Webdesign für Unternehmen - Es bleibt kaum ein Wunsch offen
Für die Startseite stehen zwei Slider und unendliche Gestaltungsmöglichkeiten zur Verfügung
In der neuesten Version kann die E-Commerce Erweiterung WooCommerce eingebunden werden
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

3. HalfCreative - One Page Portfolio WordPress Theme

Besonderheiten der Designvorlage 'HalfCreative'

Minimalistisches, elegantes Webdesign als "One Pager" mit Blogfunktion
Aufgeräumte Startseite durch eine Vollbilddarstellung
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

4. Skyray - Business Presentation Retina Theme

Besonderheiten der Designvorlage 'Skyray'

Frisches Webdesign für Unternehmen
Sehr viel Freiheiten bei der individuellen Anpassung an eigene Bedürfnisse
Einzelne Seiten können per "Drag and Drop" zusammengestellt werden
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

5. Playne - Clean & Modern Blogging Theme

Besonderheiten der Designvorlage 'Playne'

Aufgeräumtes und modernes Webdesign für Blogger
Darstellung eines Portfolios möglich. Dadurch sehr interessant für kreative Berufe
Mit diesem Theme kommen Sie sehr schnell zu einer professionellen Internetpräsenz
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

6. Lounge - Clean Elegant WordPress Theme

Besonderheiten der Designvorlage 'Lounge'

Professionelles WordPress Webdesign für Unternehmen
Natürlich mit Blog- und Portfolio-Funktion
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

7. Kako Multi-Purpose WordPress Theme

Besonderheiten der Designvorlage 'Kako'

Universelles WordPress Theme für Geschäfts- oder Agentur-Websites
Komfortabler Aufbau der einzelnen Seiten möglich
Es gibt eine "Boxed" Version und eine Version über die volle Breite
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

8. GrandGrid - Responsive Portfolio Theme

Besonderheiten der Designvorlage 'GrandGrid'

Auffälliges Webdesign für Unternehmen
Erstellung der Seiten mit Hilfe von "Drag und Drop" und Shortcode Funktionalitäten
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

9. Dilemma > WordPress Multi-Purpose Landing Page

Besonderheiten der Designvorlage 'Dilemma'

Universelle Landing Page
SEO-Freundlich: Einzelene Bereiche werden beim Scrollen erst nachgeladen
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

10. Argo - Modern OnePage Metro UI Wordpress Theme

Besonderheiten der Designvorlage 'Argo'

Einzigartiges und kreatives Webdesign
One Pager: Die Navigation findet überwiegend vertikal statt
Responsive Theme - Das Design passt sich der Bildschirmauflösung (iPhone & iPad) an

]]> http://elbnetz.com/top-10-wordpress-themes-im-april-2013/feed/ 0