Support » Allgemeine Fragen » Animierte Elemente

Animierte Elemente

  • herrmutzel

    (@herrmutzel)


    vor 1 Jahr, 2 Monaten

    Hallo liebes Forum,

    Mal eine allg. Frage zu Animationen.
    Au dieser Seite sind z.B. die Testimonials animiert und die Blöcke fliegen beim scrollen rein. Ist das sehr aufwendig oder gibt es dort gewisse Helferlein in der umfangreichen WP Welt.
    Über einen Tipp würde ich mich sehr freuen.

    Gruß, Mate

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Anonymous User 20597857

    (@anonymized-20597857)

    vor 1 Jahr, 2 Monaten

    Es gibt einige Themes, die das können und es gibt sicher auch Plugins für. Leider weiß ich grade keine Namen, aber such mal in den Themeverzeichnissen nach was passenden. Evtl. Stichworte wie „Animation“ rein.

    Bei Plugins ist vllt. https://de.wordpress.org/plugins/search/Animation/ brauchbar.

    Nachtrag: Meine Theme-Empfehlungen sind oft kommerzielle; die kosten also ein bisschen was. Dafür aber oft mit deutschsprachigen Support und wo man auch als Laie spürt: Das Theme ist schnell und scheint auf guten, leichten, modernen Codes zu ruhen.

    Und wenn das und dezente Animationen (die nicht ruckeln und stören) bei einem Hersteller vereint sind, dann bei krisi.at. Such mal nach „Enfold“: Schnell, sauber, modern und nicht umsonst oft die #1 bei Vergleichstests.

    Hoffe, die „Werbung“ ist erlaubt, wenn nicht, löscht den Nachtrag halt.

    • Diese Antwort wurde geändert vor 1 Jahr, 2 Monaten von Anonymous User 20597857. Grund: Nachtrag Theme Tipp
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 2 Monaten

    Hallo,
    gut gefallen hat mir das Plugin Blocks Animation: CSS Animations for Gutenberg Blocks. Dazu habe ich einen entsprechenden Beitrag vor einiger Zeit erstellt.
    Ansonsten: Plugin-Empfehlungen sind grundsätzlich schwierig, weil bei der Auswahl zu viele subjektive Kriterien eine Rolle spielen. Oft werden auch nachträglich zusätzliche Wünsche geäußert, die das gerade vorgeschlagene Plugin nicht erfüllt. Deshalb ist es besser, wenn du verschiedene Plugins testest und selber entscheidest, was am besten zu deinen Vorstellungen passt. Zum Thema Plugins, lies bitte auch noch mal hier.

    Viele Grüße
    Hans-Gerd

    Thread-Starter herrmutzel

    (@herrmutzel)

    vor 1 Jahr, 2 Monaten

    Danke Hans-Gerd. Schaue ich mir gerne mal an! Gruß, Mate

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 2 Monaten

    Hallo @herrmutzel
    wir freuen uns über eine Rückmeldung, ob das „passt“.

    Thread-Starter herrmutzel

    (@herrmutzel)

    vor 1 Jahr, 2 Monaten

    Hallo nochmal.

    Habe es schnell mal getestet. Ist ja hervorragend. Gibt es etwas zu beachten dass es auch angezeigt wird wenn die Seite aufgerufen wird? Im Backend sieht man den Effekt oder wie er aussieht aber wenn ich die Seite im Browser veröffentliche steht das Bild ohne zu zucken da;)

    Gruß, Mate

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 2 Monaten

    Hallo @herrmutzel

    Im Backend sieht man den Effekt oder wie er aussieht aber wenn ich die Seite im Browser veröffentliche steht das Bild ohne zu zucken da;)

    Da müsstest du schon ein Beispiel angeben, damit man sich das ansehen kann.

    Hier ein Beispiel, wie ein Fade-Up Effekt bei einem Bild mit dem Plugin umgesetzt werden kann. Den Effekt sehe ich sowohl im Dashboard (den Effekt kannst du dir über den Button „Replay Animation“ auch ansehen) und natürlich auch im Frontend.

    View post on imgur.com

    Auf der folgenden Seite siehst du das Beispiel unter dem featured image (also etwas weiter unten).

    Im bereits genannten Beitrag von mir hatte ich auch beschrieben, dass die Entwickler die einzelnen Effekte mit den entsprechenden CSS-Regeln auf einer Website erläutern. Das ist auch sehr hilfreich, wenn man eigene CSS-Regeln unabhängig von dem Plugin entwickeln möchte.

    Viele Grüße
    Hans-Gerd

    • Diese Antwort wurde geändert vor 1 Jahr, 2 Monaten von Hans-Gerd Gerhards. Grund: Korrektur Einbindung Screenshot
    • Diese Antwort wurde geändert vor 1 Jahr, 2 Monaten von Hans-Gerd Gerhards. Grund: Ergänzung
    Thread-Starter herrmutzel

    (@herrmutzel)

    vor 1 Jahr

    Hallo und Danke, Habe echt einiges ausprobiert! Hätte da mal ein konkretes Beispiel für einen animierten Button von der Startseite von Mailchimp. Die Effekte sind mir schon klar aber ich hätte den animierten Zustand ja gerne erst bei Mouse over zum Beispiel. Ein weites Feld! Gruß, Mate

    /Titel.Seite ausbelnden/

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Hallo,
    wenn du dir die genannte Seite in der developer console ansiehst, dann kannst du die CSS-Regel für Hover rechts ansehen. Diese Aninamtion wirst du wohl mit dem Plugin nicht hinbekommen. Aber mit ein wenig CSS-Kenntnissen kann man das „nachbauen“.

    An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
    Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.

    Viele Grüße
    Hans-Gerd

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Animierte Elemente“ ist für neue Antworten geschlossen.

Themen-Schlagwörter

Ansichten