Forendarstellung zentrieren auf Webseite

  • Hallo WPDE Gemeinde,

    ich bin neu auf Wordpress. Ich habe eine Webseite erstellt http://www.fighting-rebels.eu

    Habe via Plugin ein Forum eingefügt. Jetzt haben wir das nervige Problem das wenn man im Forum unterwegs ist und etwas dort anklickt, die Webseite immer wieder oben an den Banner (Headergrafik) springt. Man muss also immer wieder ein bisschen runterscrollen damit man wieder im Forenbereich ist der aufgegangen ist.

    Ich tue es mir ein bisschen schwer mit erklären. Berücksichtigt das bitte. Ich denke mal das hängt damit zusammen das ich nicht so die Ahnung habe ^^. Über Skill in Shootern könnte ich es euch besser erklären ^^.

    Ich habe schon im Menü individuelle Seiten erstellt mit dem Anker #content. Dieser bringt mir aber nur etwas wenn ich das Wort Forum anklicke. Danach bin ich ja IM Forenbereich und dieser bleibt einfach dann nicht zentral.

    Wie kann ich das Problem lösen? Muss ich was in der Style.CSS ändern? Ich werde in der Zwischenzeit weitersuchen, da ich es hasse wenn ich was nicht zu ende führen kann ^^.

    Man kann sich auch gerne registrieren und als Gast das Forum besuchen. Wenn dann aber bitte erkenntlich damit ich weiß das es kein Spambot ist. Danke :)

    Über Hilfe wäre ich sehr dankbar

    lg

    Robert

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Schau dir das mal an: http://jsfiddle.net/PPGPw/
    Hier könnte man in deinem Fall mit #content arbeiten. Dann brauchst du theoretisch auch nicht mehr die manuellen Anker-Links.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Du kopierst dir den Javascript-Code und steckst ihn in eine eigene Datei (z. B. myscript.js), versuchsweise mit #content anstatt #what

    Code
    $(document).ready(function () {
        $('html, body').animate({
            scrollTop: $('#content').offset().top
        }, 'slow');
    });


    Dann lädst du die Datei in dein Child-Theme, in das Verzeichnis wo auch die style.css ist.
    Und dann musst du die Datei nur noch ins Child-Theme einbinden (functions.php):

    Code
    add_action("wp_enqueue_scripts", "myscripts");
    function myscripts() {
        wp_register_script('myfirstscript',get_stylesheet_directory_uri() .'/myscript.js','','', true);
        wp_enqueue_script('myfirstscript');
    }

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ich habe gemeint es würde funktionieren. Aber anscheinend nicht. ..

    habe die myscript.js - Datei erstellt und sie in den Ordner vom Theme kopiert, da wo dessen style.css liegt. Und dann den code in die functions.php eingefügt.. Oder hab ich was falsch verstanden ? Der Code ist mittig unter pittis script.

  • Wo genau hast du die Datei abgelegt?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Guten morgen :),

    ich benutze das Colormag - Theme. Kein Child-Theme. Ich habe die myscript.js in wp-content/themes/colormag/ hinzugefügt. Dort liegt auch die Style.css dafür.

    Ich bin gestern nochmal Schritt für Schritt durchgegangen. Bei mir am Rechner hat es funktioniert. Sprich beim laden der Webseite ist die Menüleiste direkt nach oben gerutscht. Am PC meiner Freundin hat es nicht funktioniert ^^. Und gerade jetzt wo ich an meinem Rechner wieder die Webseite lade (Firefox aktuell) funktioniert es auch wieder nicht ^^. Ich weiß es klingt verrückt. Möchte dir deine Zeit die du investierst nicht madig machen ^^.

    Ich habe die manuellen Anker nicht entfernt. Auch als ich den dann probehalber vom Forenmenübutton oben gelöst hatte funktionierte es auch nicht mehr. Ich geh von aus das irgendwas im Theme dein script blockt. Aber frage mich wo.. keine Ahnung

    Wo genau muss ich den Code in die functions.php einfügen? Ist das egal wo. Oder gibts da einen bestimmten Platz?

  • hast du denn auch mal den Browser-Cache geleert (und falls verwendet ein Cache Plugin deaktiviert)?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Sry ^^ ich hatte es wieder gelöscht gehabt und die orginal functions.php wieder hochgeladen. Ich wusste jetzt nicht ob es Sicherheitslücken etc.. gibt wenn ich das so lasse. Ich habe es wieder auf den FTP geladen. Die myscript.js und die geänderte functions.php.

    Cache und Cookies geleert. Irgendwas mache ich falsch. Layer 8 - Problem ^^

  • Ersetze die erste Zeile der .js mal so

    Code
    jQuery(document).ready(function($){
       .....
    });

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hatte gestern auf die Schnelle nicht bedacht, dass WP auf $ nicht ohne weiteres zugreifen kann. Das #content in den Links kannst du jetzt entfernen.

    Gleichzeitig versuch mal diese Zeile in der .js zu tauschen

    Code
    scrollTop: $('#content').offset().top -100

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • manuelle Ankerlinks sind weg. Code geändert. Diese - 100 sind da pixel gemeint? Also die leichte Verschiebung wenn sich der content zentriert hat? Sry das ich frage aber ich würde gern wissen was ich noch ändern kann ohne einem wieder auf den Wecker zu gehen :)

  • ja die 100 sind Pixel. Schau dir das Script an, schau dir die einzelnen Befehle an und dann lies dich ein bisschen ein. Man könnte noch so viel machen, aber das liegt jetzt an dir. Teste ruhig auch ein bisschen selber. Wenn dann noch Fragen offen sind, melde dich gerne wieder.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!