Avada und SVG

Avada und SVG | PSD-Tutorials.de

Erstellt von rakader, 03.03.2021.

  1. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    Moin zusammen,

    ich versuche seit Stunden verzweifelt SVG in Avada zu bekommen. Weder klappt das mit den in WordPress angebotenen Plugins noch mit Code-Tricks, die in Avada-Support angepriesen werden. Die Stelle mit dem Logo bleibt leer, bestenfalls schaffe ich das Logo im Medienbereich angezeigt zu bekommen.

    Alle Youtube-Videos zum Thema scheinen veraltet zu sein.

    ich mache nur gelegentlich Webseiten und mache das eigentlich nicht gerne, ich bin Autor. Deswegen würde ich mich sehr freuen, wenn mir jemand helfen könnte.

    Vielen Dank vorab
    Radulph
     
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. Orlandoo

    Orlandoo Nicht mehr ganz neu hier Kreativ-Flatrate-User

    Dabei seit:
    14.06.2009
    Beiträge:
    139
    Geschlecht:
    männlich
    Avada und SVG
    Ohne Zugriff auf eine Entwicklungsseite wird es schwer, das Problem aufzudecken. Eine Idee ist aber: hast du mal probiert, die SVG-Datei in ein leeres Browserfenster zu ziehen? Kann der Browser das SVG überhaupt darstellen? Eventuell stimmt etwas mit der Datei nicht.
    Und wenn du nicht gerne Webseiten machst: da gibt es Webdesign-Agenturen, die übernehmen so etwas gerne. Nein, die arbeiten nicht umsonst. Aber ich habe gelernt, dass man Arbeiten, die man nicht kann und auch nicht mag, besser in professionelle Hände gibt - auch wenn es Geld kostet.
     
    Zuletzt bearbeitet: 03.03.2021
    #2      
  4. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    SVG wird angezeigt, das habe ich erwähnt. Es funktioniert nur nicht im Theme, das nebenbei zu den populörsten Themes auf WordPress gehört. Den Code des SVG habe ich mir schon angeschaut, weil auch ein Deffekt meine erste Annahme war und dann z.B. Abmessungen reingeschrieben (wurde von Illustrator generiert).
    Die Seite ist ein Hobbyprojekt, ich gebe schon genug Geld für Software aus. Eine Agentur verbietet sich, zumal ich doch einigermaßen programmieren kann, eben nur nicht gerne.
     
    Zuletzt bearbeitet: 03.03.2021
    #3      
  5. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.296
    Geschlecht:
    männlich
    Ort:
    Ö
    Avada und SVG
    Ohne Code kann man hier recht wenig weiterhelfen. Also der code der dann im Browser angezeigt wird ist wichtig, da muss dann das SVG eingebettet sein.
    Bzw. wie fügst du das überhaupt in wordpress ein?
     
    #4      
  6. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    Ich habe alle möglichen Versionen ausprobiert. Einerseits über Plugins wie SVG Support, dann über die Freigabe per functions.php.
    Per Browser müsste ich noch suchen, wo ich das Logo z.B. manuell einfügen könnte, z.B. mit
    <svg style="width:150px;height:150px;">
    <!-- svg contents here -->
    </svg>
    Wenn hier jemand wäre, der sich mit Avada auskennt, wäre mir vermutlich geholfen.
    Der Artikel bei Avada hilft leider nicht: https://theme-fusion.com/documentation/avada/media/using-svg-in-avada/
     
    #5      
  7. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    Hochladen klappt immerhin. Ich habe die functions.php mit diesem Code erweitert - as Theme zeigt aber weiterhin nicht an, somit habe ich auch keinen Browser-Code:

    /**
    * add SVG to allowed file uploads
    **/
    function add_file_types_to_uploads($file_types){

    $new_filetypes = array();
    $new_filetypes['svg'] = 'image/svg+xml';
    $file_types = array_merge($file_types, $new_filetypes );

    return $file_types;
    }
    add_action('upload_mimes', 'add_file_types_to_uploads');
     
    #6      
  8. Orlandoo

    Orlandoo Nicht mehr ganz neu hier Kreativ-Flatrate-User

    Dabei seit:
    14.06.2009
    Beiträge:
    139
    Geschlecht:
    männlich
    Avada und SVG
    Hast du diesen Hinweis auf der Avada-Seite auch berücksichtigt?
    IMPORTANT NOTE: Please keep in mind that for SVG to work properly in the Logo and other Theme Options areas, you will have to set the width and height dimensions in the file itself, before you upload it. If there are no dimensions set on the SVG itself, then it will not appear.
     
    #7      
  9. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    Ja, das hatte ich berücksichtigt. Keine Änderung, leider.
    Ich weiß inzwischen wie ich ein SVG als Aniamtion code, soviel kann ich dann doch. Das Problem muss ein spezifisches von Avada sein.
    Das Problem ist, dass das Logo eine Einstellung von Avada ist und ich nicht herausfinde, wo ich etwaigen Code reinschreiben muss. Auf WordPress kann ich die location identifizieren - ganz normal im Upload.

    <div class="fusion-header" style="height: 363px; overflow: visible;">
    <div class="fusion-row">
    <div class="fusion-logo" data-margin-top="131px" data-margin-bottom="231px" data-margin-left="-250px" data-margin-right="0px">
    <a class="fusion-logo-link" href="https://xyz.de">

    <!-- standard logo -->
    <img src="http://xyz/wp-content/uploads/2021/03/xyz_Logo_Rand.svg" srcset="http://xyz.de/wp-content/uploads/2021/03/xyz_Logo_Rand.svg 1x" width="" height="" alt="xyz Logo" data-retina_logo_url="" class="fusion-standard-logo">

    SVG lade ich mit Code aus dem vorigen Post problemlos in WordPress hoch
     
    #8      
  10. Orlandoo

    Orlandoo Nicht mehr ganz neu hier Kreativ-Flatrate-User

    Dabei seit:
    14.06.2009
    Beiträge:
    139
    Geschlecht:
    männlich
    Avada und SVG
    Da wird dir - ohne Zugriff auf die Seite im Browser - wohl keiner helfen können. Dass es sich um ein Avada-spezifisches Problem handelt kann man mit einem klaren Jein beantworten. Mir gibt die 3. Zeile - also die mit der Klasse “fusion-logo“ - zu denken. Da fummelt Avada anscheinend mit JavaScript rum, um das DIV zu positionieren. Was da passiert kann man nur beim Betrachten im Browser nachvollziehen. Der restliche Code birgt für mich keine Auffälligkeiten.
    Aber wenn es für dich eh bloß Hobby ist: wandle das SVG doch in ein Pixelformat (also PNG oder JPG) und schau mal, ob du damit nicht auch zufrieden bist.
     
    #9      
  11. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    463
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Avada und SVG
    Da hast Du sicherlich recht. Aus Hobbygründen sollte man das machen. Ich beiße mich halt gerne in solche Sachen rein. Mal schauen… ich stelle es mal hintenan, will aber nicht aufgeben.
    Idee war ein animiertes Logo, wenn man drüberfährt beobachtende Augen im i.
    Ich habe das Glück, dass mir eine professionelle Art Directorin die Grafik und das Design macht; da will ich sie wegen meiner technischen Unzulänglichkeiten nicht enttäuschen.
     
    Zuletzt bearbeitet: 03.03.2021
    #10      
  12. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.296
    Geschlecht:
    männlich
    Ort:
    Ö
    Avada und SVG
    Funktioniert es auch nicht wenn du das SVG direkt in das template kopierst? Erstelle ein child template und passe es deinen Wünschen an, das wäre doch am einfachsten?
     
    #11      
Seobility SEO Tool
x
×
×