Elokron berät in allen Fragen rund um die Optimierung von Internetauftritten und ergänzt so eine hochwertige Programmierung mit dem Ziel, beste Suchmaschinenergebnisse für Websites zu gewinnen.

Link: elokron.de

Früher gab es oft Probleme mit der Browserkompatibilität beim Einbinden externer Schriftarten. Oft funktionierte dies nur mit erheblichem Aufwand und wenigen Browsern.

Mittlerweile sind die Lösungen jedoch sehr ausgereift, so dass nun jeder Webmaster ohne Probleme beliebige nicht-System-Schriftarten verwenden kann.

Update: Dieser überarbeitete Bericht enthält nun auch Informationen über die korrekte Anzeige auf iPad oder iPhone.

Im Folgenden möchte ich kurz die einfachste Vorgehensweise beschreiben.

Ausgangspunkt ist die Schriftart in einem der folgenden Formate:

• TrueType (.ttf) – Schriftart für Windows-PCs
• EOT (.eot) – Schriftart für Internet Explorer
• SVG (.svg) – Schriftart für iPhone / iPad
• WOFF (.woff) – Spezielle Web-only Schriftart (unterstützt u.a. von Firefox)

Um die Kompatibilität für die gängigsten Browser (IE, Firefox, Chrome, Safari) sicherzustellen, werden alle diese Schriftformate benötigt. Liegt die Schrift nur in einem dieser Formate (oder im OTF-Format) vor, so muss sie zuerst in konvertiert werden. Dies geht sehr einfach mit http://www.fontsquirrel.com/fontface/generator.

Der Generator liefert auch gleich eine passend konfigurierte CSS-Datei mit.

Nun müssen lediglich noch alle Schrift-Dateien in den CSS-Ordner auf dem Server hochgeladen werden und per CSS in die Seite eingebunden. Dies geschieht folgendermaßen:

@font-face {
	font-family: 'BEEZO_FONT';
	src: url('css/[Dateiname].eot');
	src: local('☺'), url('css/[Dateiname].woff') format('woff'), url('css/[Dateiname].ttf') format('truetype'), url('css/[Dateiname].svg#webfont1eYVxKc8') format('svg');
}

Die Schrift kann nun in jeder CSS-Klasse beliebig eingesetzt werden.

div {
	font-family: BEEZO_FONT;
}

Diese Anleitung funktioniert für die Anzeige von eigenen Schriftarten auf den gängigen Browsern, auch auf iPhone und iPad. Ich hoffe, diese Lösungen hilft vielen, die anfangs skeptisch waren, weiter.

Wenn dieser Artikel für Sie hilfreich war, würde ich mich über eine Verlinkung oder einen Kommentar sehr freuen.

Quelle: http://www.fontsquirrel.com/fontface/generator

Als Ihr Partner für individuelle Internetlösungen bieten wir Ihnen selbstverständlich dieses Feature zur Anpassung Ihrer Website an die Corporate Identity an. Sprechen Sie uns einfach an – wir helfen Ihnen gerne!

BEEZO_FONT

Pflege

• Produktpflege
• Update des Shopsystems
• Laufende Suchmaschinenoptimierung (SEO)

Neuanpassung

• Erstellung von neuen gewünschten Features
• Anpassung an neue und innovative Trends

Beratung

• Beratung bei der Weiterentwicklung
• Kreative Marketingideen
• Beratung in Strategiefragen

Support

• Schneller Support
• Zuverlässige Fehlerbehebung

Sie sind an dieser Dienstleistung interessiert? Kontaktieren Sie uns sofort – wir setzen uns schnellstmöglich mit Ihnen in Verbindung! Fordern Sie einfach unseren QuickCheck-Fragebogen an und senden Sie ihn ausgefüllt zurück, anschließend erarbeiten wir ein individuelles Angebot für Sie.

Leider kommt es in Verbindung mit dem FCKeditor (http://drupal.org/project/fckeditor) zu Problemen beim Einfügen der Popups in den Seitentext.

Am einfachsten ist daher folgender Workaround:

1. Die entsprechende Seite, die bearbeitet werden soll, auswählen.
2. Den herkömmlichen Textinhalt eingeben und formatieren, anschließend im Editor auf “Zum einfachen Text-Editor umschalten” klicken.
3. In dem neu öffnenden Fenster für das Popup Inhalte eintragen und Einstellungen vornehmen (Typ = Text).
4. Wenn der Text fertig ist, in diesem kleinen Fenster noch einmal auf “Zum einfachen Text-Editor umschalten” klicken.
5. Anschließend kann das Popup über klick auf “Insert” eingefügt werden.
6. Jetzt noch die Seite speichern und die Popups werden wie gewünscht angezeigt.

Die Lösung ist zwar etwas umständlich, aber momentan arbeiten die beiden Module Popup und FCKeditor noch nicht so gut zusammen. Wenn es bessere Lösungen für das Problem gibt, freue ich mich über Hilfe.

Diese Anweisungen beziehen sich auf Popup V.6.x-3.1 und FCKeditor V.6.x-2.1

Trotzdem möchte ich hier kurz auf mögliche Fehlerquellen und Lösungen eingehen:

Plugin Kompatibilität prüfen

Zu Beginn des Updates meldet WordPress die Kompatibilität der einzelnen Plugins. Hier muss unbedingt geprüft werden, ob alle Plugins, die weiterhin genutzt werden sollen, auch mit WordPress 3.0 kompatibel sind.

Datenbank-Sicherung

Immer ein Datenbank-Backup durchführen. Dies kann entweder mit Hilfe von PhpMyAdmin oder dem WP-Plugin “WP-DB-Backup” erfolgen.

Weiße Seite / Fehler 500

In manchen Fällen kann es nach klicken auf “Aktualisieren” zu einer weißen Seite kommen. Bei einer Browseraktualisierung wird anschließend immer eine Wartungsmodus-Meldung angezeigt (auch auf der Hauptseite). Wenn dies auftritt, einfach einige Minuten warten, im Hintergrund wird das Update trotzdem ausgeführt. Anschließend funktioniert die Haupt-URL wieder einwandfrei, im Adminitsrationsbereich wird noch angezeigt, dass das Update noch nicht fertig gestellt wurde. Dafür einfach auf dem Server im Hauptverzeichnis die automatisch angelegt .maintenance Datei löschen. Anschließend ist auch die Fehlermeldung verschwunden.

Das Update auf WordPress 3.0 wird aufgrund der vielen neuen und vereinfachten Features empfohlen. Es ist aber nicht sicherheitsrelevant.

Wenn Sie Unterstützung benötigen, setzen Sie sich einfach mit Beezo in Verbindung. Wir freuen uns, Ihnen weiterhelfen zu können. Gerne bieten wir auf die Pflege und regelmäßige Updates für Ihren WordPress-Blog an.

• Administration – Bietet ein kleines aber übersichtliches Adminmenü. Dies erleichtert die Arbeit, da schnell zwischen öffentlicher Ansicht und Administrationstools gewechselt werden kann.
• CCK – Dieses große Modul liefert viele Funktionen. Wir setzen es hauptsächlich dazu ein, neue Felder zu definieren. Dabei ist vor allem die Bild-Feld Funktion nützlich. Damit kann man einfach Bilder hochladen, die an einer im Template definierten Stelle positioniert sind.
• Nodewords – Zum einfachen Definieren von individuellen Meta-Tags für jede einzelne Seite
• FCKeditor – Bietet einen WYSIWYG Editor für alle Textboxen im Adminbereich. Ideal, wenn Texte von Personen eingebunden werden, die kein HTML-Profi sind.
• IMCE – Ein kleines, praktisches Tool, dass den Bilder-Upload unterstützt.
• Pathauto – Vergibt anhand des Titel automatisch ein Alias für permanente und suchmaschinenoptimierte Seitenpfade.
• Webform – Zum Erstellen von Kontaktformularen und mehr.
• Google Analytics – Zur einfachen Einbindung der Google Analytics Statistiken.
• XMLsitemap – Erstellt automatisch eine XML-Sitemap und übermittelt sie bei Aktualisierung automatisch an Google, Yahoo, Ask.com und viele mehr.
• Popup – Sehr praktisches Modul zur Erstellung von Popups. Es gibt umfassende Einstellungsmöglichkeiten (Hover / Click; Inhalt; Position des Popups, Titel und vieles mehr).

Bei Fragen zu den einzelnen Modulen könnt ihr mich jederzeit kontaktieren.

Zu den bekanntesten Funktionen gehören dabei:

• “Sociable”-Buttons: Mit dieser Funktion können Nutzer schnell Ihre Seite weiterempfehlen, als Favorit abspeichern und vieles mehr. Nahezu für jede Social oder Link-Plattform existiert dabei ein eigener Button. Die bekanntesten sind wohl Facebook, Mr. Wong, Twitter, Delicious oder Google Bookmarks.
• Facebook “Ein Fan werden”: Mit dieser recht neu angebotenen externen Funktion, können Sie Ihren Besuchern auf jeder beliebigen Seite einen Link anbieten, um “Fan” von Ihrer Seite zu werden. Ihre Seite und der Link wird damit direkt in die Facebook-Statusmeldungen des Nutzers eingetragen.

Bei Interesse, nehmen Sie noch heute Kontakt zu uns auf – Beezo berät Sie gerne!

Online Shop Management

Was ist das?

Beezo kümmert sich um alle rund um Ihren Online Shop anfallenden Arbeiten. Dies beinhaltet nicht nur die Verwaltung des Systems, sondern vieles mehr. Wir betreuen den Shop vom Beginn in der Konzeptphase über die Realisierung bis hin zum operativen Verkaufsgeschäft und strategischen Entscheidungen. Dabei arbeiten wir stets in Verbindung mit Ihnen als Shopinhaber und Auftraggeber.

Einmalige Features:

• Auswahl des geeigneten Shopsystems anhand Ihrer Bedürfnisse
• Hosting des Online-Shops
• Erstellung eines Designs
• Installation des E-Commerce-Systems mit Design
• Installation der Abrechnungssysteme (z.B. Paypal, Kreditkartenzahlung)
• Erstellen von Texten und Kategorien
• Einpflegen der Produkte und Texte
• und mehr

Mehr zu unseren regelmäßigen Leistungen im Online Shop Management erfahren Sie hier.

Dieses Produkt beinhaltet eine eng verzahnte Integration von Partnern aus den Bereichen Werbetexte, Hosting, Contentmanager und weiteren Beteiligten. Wir sind froh, Ihnen die gesamte Leistung Online-Shop Verwaltung anbieten zu können.

Sie sind an dieser Dienstleistung interessiert? Kontaktieren Sie uns sofort – wir setzen uns schnellstmöglich mit Ihnen in Verbindung! Fordern Sie einfach unseren QuickCheck-Fragebogen an und senden Sie ihn ausgefüllt zurück, anschließend erarbeiten wir ein individuelles Angebot für Sie.