Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1013257

    Hello everyone,
    I want to change the H2 heading in the fullscreen slider to H1. I’m using the latest version of the Enfold theme. What do I have to do? Can someone help me? I was already reading old treads, but I couldn’t find anything for the new version.

    Would be great if someone could show me the code I need to use.

    Greetings
    Ulli

    #1013377

    Hey Ulrich1961,
    You could use the edited alb elements where you have the choice to set the h-tag as you like, provided by @Guenni007
    Or Try adding this code to the end of your functions.php file in Appearance > Editor:

    function slider_h2_to_h1(){
      if ( is_page('1762') ) { ?>
      <script>
      jQuery(window).load(function(){
      var el = document.querySelector('.avia-caption-title');
          el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
      });
      
      </script>
      <?php }
      }
      add_action('wp_footer', 'slider_h2_to_h1');

    This function is designed to only work on the one page

    Best regards,
    Mike

    #1013649

    Hello Mike,
    thanks for your quick answer. I put the slider also on subpages, so I must then take from Guenny007. Therefore I have to upload all 4 files to my child-themes/shortcodes folder – my question: where can I find this shortcodes folder?

    Can you help me?

    Best regards
    Ulli

    #1013786

    Hi Ulli,

    If it is not there yet in your child theme, it has to be created
    /child-theme/config-templatebuilder/avia-shortcodes/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1013871

    Hi Victoria,
    thanks for your Info- I can´t find it, perhaps it isn´t there?
    If you can help me, it where great : )

    Best regards
    Ulli

    #1013921

    you can not find the shortcodes – child-theme folder it has to be created by you.

    read carefully: https://webers-testseite.de/edited-enfold-alb-elements/

    so all you have to do is to create a folder called : „shortcodes“ in your child-theme folder
    and upload the downloaded files to that folder

    and you can see on top the folder structure.

    that is why the code you have to insert to your functions.php of your child-theme indicates the folder placement:

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths){
     $template_url = get_stylesheet_directory();
     array_unshift($paths, $template_url.'/shortcodes/');
     return $paths;
    }

    you see it is a folder directly in the child-theme folder

    #1013928

    these edited Alb elements gave you the ability to set up the h tag selection in the Alb element itself.
    If you want alway to replace all headings the whole site you can use this for replacing tags

    function replace_tags_with_tags(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
            });
          }
        
          replaceElementTag( '.avia-slideshow.av_fullscreen h2.avia-caption-title' , '<h1></h1>' );
        
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');

    this code preserves all original attributes of the tag you want to replace and tranform it to the new surrounding tag.

    you can add more than this in the code semicolon separated
    just add it in this manner: replaceElementTag( 'tag to replace' , '<new tag></new tag>' );

    • This reply was modified 6 years, 2 months ago by Guenni007.
    #1016731

    Hallo Guenni007,
    tausend Dank für diese tollen Lösungen. Ich hätte da noch zwei Fragen bezüglich der letzen Variante “this code preserves all original attributes of the tag you want to replace”. Wo müsste ich diesen Code genau eingeben, ist es dafür auch notwendig einen “shortcodes-child-theme folder” zu erstellen? und : wo finde ich die Bezeichnung für die jeweiligen Bereiche, bei denen die Überschriften dementsprechend geändert werden müssten- zum Bespiel der Titel der Icon- Box etc…?

    Beste Grüße
    Ulli

    #1016768

    Nein – bei der functions.php Lösung werden dann aber auch alle slideshow h2 in h1 konvertiert.
    Das will halt nicht jeder.
    In der Tat hatte ich es diesesmal vergessen zu schreiben – das kommt in die child-theme functions.php

    Generell ist es gut sich mit den Developer Tools der einzelnen Browser vertraut zu machen. Früher gab es den Firebug als Plugin für Firefox – heute bringt fast jeder moderne Browser solche Tools mit.
    Meist kann man mittels context menu (rechte Maustaste – oder eben rechte Maushälfte (bei Magic Mouse Apple)) und sowas wie Untersuchen diese Infofenster öffnen. zB – wenn ich über deinen Nick hier an Board die Maus bewege, und mittels Context Menu dann auf untersuchen gehe springt bei mir ein extra Fenster auf:
    bild klicken um es zu vergrößern-

    Du siehst jetzt hier , dass dein Nick ein anker ist mit der Klasse: bbp-author-name – der Avatar da drüber hat die Klasse: bbp-author-avatar etc.
    Rechts in der Leiste findest du oben rechts meist die Inline css – dann die css entsprechend der Kaskade mit den geerbten eigenschaften.
    Und das geniale an der Geschichte ist, dass man rechts jetzt neuen Code einfügen kann, oder bestehenden abändern kann (natürlich nur virtuell).
    So kann man sehen ob die Css die man sich so ausdenkt auch greift. Manchmal ist es allerdings nötig entweder sehr spezifische CSS rules zu erstellen oder die Eigenschaft auf !important zu stellen.
    da Enfold manchmal in den Themeneinstellungen das div #top mit enthält ist ein div recht gewichtig : siehe Spezifität Rechner: https://specificity.keegan.st/

    #1016769

    die Geschichte hier: https://webers-testseite.de/edited-enfold-alb-elements/
    ist eigentlich nerd sicher dort beschrieben – ja auch das steht da – man muss dann einen child-theme shortcodes folder machen. Und dort kommen die bearbeiteten Versionen hinein. Damit Enfold weiß, das es dann nicht mehr die original Datein benutzen soll, ist das snippet Link da.
    Vorteil – bei den Slidern – du kannst in den Alb elementen wählen welchen Tag du möchtest. Also auch das du bei Caption 1 einen h1 und bei den anderen dann h2 oder was anderes haben willst.
    Bei den Slidern ist nur die Bedingung das alle 4 Elemente immer gleichzeitig ersetzt werden müssen.
    Die Zentrale Datei : av-helper-slideshow.php regelt das Markup für alle drei Slider.

    #1110512

    Hallo Guenni007,
    auch von mir vielen Dank für Deine Lösungen! Ich habe gerade den Slider mit deiner Headlinetyp-Auswahlfunktion erweitert. Funktioniert top.
    Fragt sich, wann das in den Enfold Standard übernommen wird. SEO-technisch sollte das idealerweise für jederman einfach auswählbar sein, zumal der Slider ja wahrscheinlich häufig als erstes Seitenelement mit einer Hauptüberschrift eingesetzt wird..
    Viele Grüße
    Volker

    #1110937

    ich würde auch eine Übernahme dieses Features begrüßen, denn die Anpassung an jedes neue Update ist schon arbeitsintensiv.

    Leider entschloss man sich nur ein Filter für den Wechsel einzubauen. avf_customize_heading_settings
    see here how to use it: https://kriesi.at/support/topic/timeline-milestone-h2-and-h3-tags-how-can-i-delete/#post-1098168

    #1110979

    Hi,


    @guenni007

    @Captain7

    Für welche Elemente wäre das am wesentlichsten?

    Best regards,
    Günter

    #1111028

    naja die Slider und icon-box und icon-lists
    Bei den Slidern wäre es deshalb gut, weil man hier dann pro Slide den heading-tag festlegen kann.
    gerne könnt ihr auch meine Versionen nehmen und die Kommentare rauslöschen.

    #1111554

    Hi,


    @Guenni007

    Danke für das feedback und das Angebot. Mal sehen, wie ich es implementieren werde.

    Best regards,
    Günter

    #1111583

    wäre auch für mich eine große Zeitersparnis.
    Zudem glaube ich, dass es in der Tat aus SEO Gründen wirklich gut wäre hier eine abgestufte Heading Hierarchie zu ermöglichen.

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.