Mit SVG lassen sich in WordPress Animationen erstellen, die einen handgeschriebenen Effekt erzeugen. Eigentlich ist das ein Simulieren von 'Text'. Diese Technik erfordert anfangs viel Übung und ist eher für kürzere Animationen wie beispielsweise einer SVG-Signatur geeignet. In diesem Beitrag wird beschrieben, wie man diesen Effekt erreichen kann. Beachte jedoch, dass das Erreichen dieses Effekts viel Zeit und Geduld erfordert und dass es wahrscheinlich mehr als nur ein paar Minuten dauern wird. Es ist in diesem Beitrag so gezeigt, welche von Websites hier sehr geholfen haben. – follow me, so für n' Anfang. SVG-Text von Zauberhand! – Animation mit Strichen weiterlesen
Archiv der Kategorie: Illustration
In dieser Kategorie dreht sich alles um das Design von WordPress-Website und wie mit Illustrationen und Grafiken zu gestalten ist. Also rund um Bilder und Grafiken – von den Grundlagen wie Bildgröße und -format über die Bildausrichtung bis hin zu Design-Techniken. Im Motto: die Website visuell ansprechender zu gestalten.
SVG-Animation in WordPress. – so funktioniert’s
Die Einbindung von SVG-Animationen in WordPress-Inhalte ist dank der Website 'SVG ARTISTA' und einem minimalistischen Plug-in von Jackie D’Elia keine Zauberei. Mithilfe von JavaScript von WP-Freund kann die Animation so gesteuert werden, dass sie erst im Viewport abgespielt wird, wenn der Besucher sie auf dem Bildschirm hat. Dadurch wird sichergestellt, dass die Animation nicht vorzeitig abgespielt wird und die Benutzererfahrung verbessert wird. Mithilfe von Shortcodes können diese Animationen einfach in den Inhalt integriert werden. Dies ist besonders nützlich für kleinere Animationen, um die Website aufzupeppen, ohne aufwendige Designs zu benötigen. Mit ein wenig Mühe ist die Einbindung schnell erledigt und kann zu einer erfolgreichen Gestaltung einer ansprechenden Website beitragen!
Die Lesedauer deiner Artikel automatisch anzeigen
Die durchschnittliche Lesedauer für Artikel automatisch anzeigen, also von Text die Lesezeit ermitteln. So ist zu sehen, in welcher Zeitspanne hier zum Erfolg zu kommen ist. Der Zeitdauer zum Wälzen ist nur das Prägnant, welches wirklich zu lesen ist, also ohne das der Bilder. Da ist sehr guter Code von der Website Kulturbanause. Und weiter bei so Beiträgen mit mehreren Codes im <pre>
-Tag? So wäre das auch herauszurechnen? Somit der Frage folgt hier noch eine kleine Erweiterung, dass die Codes welche innerhalb <pre>
-Tags sind, nicht in die Lesezeit mit einfließen.
Die Lesedauer deiner Artikel automatisch anzeigen weiterlesen
Umfrage-Tool! – Nutze WP-Polls, modern und effektiv
Der Erfolg des CMS WordPress kommt von seiner Lebendigkeit. Diese besteht nicht nur aus Kommentaren und Feedback-Plugins, sondern auch aus nützlichen Tools wie dem Rundfrage-Formular. Das Umfrage-Tool "WP-Polls" von Ideal ist dabei eine hervorragende Wahl. Zwar mag es am Anfang etwas schwierig sein, sich damit vertraut zu machen, doch mit etwas Einarbeitung wird es für jeden erfolgreich sein.
Umfrage-Tool! – Nutze WP-Polls, modern und effektiv weiterlesen
Embeds und iFrames in WP:
Alles, was gut-zu-wissen ist
Der Artikel handelt von WordPress Embeds und die iFrames von anderen Websites, um diese auf der eigenen Website einzubetten. Diese Embeds machen es auch einfach, Videos von Websites wie YouTube in WordPress zu integrieren. Obwohl Embeds praktisch sind, können sie die Performance beeinträchtigen. Es wird hier dem Beitrag auch erwähnt, dass CSS-Anpassungen das Erscheinungsbild von Embeds und iFrames leicht verändern können.
Embeds und iFrames in WP:
Alles, was gut-zu-wissen ist weiterlesen
Icon-Fonts! – Dashicons von WordPress vs. Genericons usw.
Icons sind kleine Piktogramme, die auf Websites verwendet werden. Icon-Fonts sind eine Schriftart, die anstelle von Bildern verwendet werden kann. Sie bieten den Vorteil, dass Farben und Skalierung einfach über CSS geändert werden können. Web- und Icon-Fonts sind ein komplexes Thema mit vielen Optionen, von Dashicons bis zu anderen Angeboten.
In diesem Beitrag geben wir Dir einen Überblick über die Verwendung von Icon-Fonts und zeigen, wie Du diese in deiner Website integrieren kannst. Ob Du ein Webdesigner, Entwickler oder einfach an Icon-Fonts interessiert bist, dieser Beitrag bietet Dir einen umfassenden Überblick.
Icon-Fonts! – Dashicons von WordPress vs. Genericons usw. weiterlesen