Anfänger will Facebook-Like Button in Navigationsleiste einbauen.

And

Hi Leute,
ich würde gerne etwas in Wordpress einsteigen, weil ich unsere Bandhomepage betreuen möchte.
Der nette Mensch, der die Page erstellt hat, macht das nicht mehr weiter bzw. hat das sehr chaotisch gemacht (eigentlich nur Sachen im CSS gelöscht bzw. geändert).
Naja und ich hab leider keine Ahnung (außer minimal PHP-Kenntnisse).
Was unbedingt gemacht werden soll, ist der Einbau eines Like-Buttons unterhalb der Navigationsleiste (http://www.wearetheplanet.de/watp) - das Theme basiert auf dem twentyten-Theme.

Ich finde leider nicht mal heraus, welches PHP-Konstrukt in welcher Datei die Navigationsleiste erstellt - denn dort müsste man ja dann wohl etwas ändern, wenn man so einen Button in der Naviagtionsleiste haben will (nehm ich an).
Ich hab jetzt schon an verschiedenste Stellen mal ein "asdf" als Indikator in diverse php.-Dateien im Theme-Ordner eingefügt, aber entweder es hat sich nichts geändert, oder das "asdf" stand dann innerhalb des contents.

Kann mir da jemand weiterhelfen? Welche Datei, welche Stelle? Wie gesagt: es sollte eigentlich das normale twentyten-Theme mit dem onecolumn-no sidebar-template sein.

Freu mich über jeden Hinweis :]
Vielen Dank
And

Werbepost

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

And

Bin ich hier im falschen Unterforum und niemand weiß es hier :mrgreen: - oder geht das einfach nicht?

Mugar

ich würds in ein eigenes Widget packen und dieses unter dem Menü platzieren.

And

Wo wir das menü denn generiert? Im Wordpress-GUI ist es zumindest nicht als Menü aufgeführt (es gibt dort kein Menü)

fragenlurch

hm, vielleicht hilft das weiter:
http://allfacebook.de/tutorials/5-facebook-wordpress-plugins

And

ja, allgemein Facebook-Like Buttons irgendwo auf der Page einbauen geht natürlich - dazu braucht man zur Not ja nicht mal ein Plugin. Aber ich will so eine Button eben genau unter dem Naviagtionsmenü. Und dann muss man denke ich über irgendwelche PHP-Funktionen ran und nicht über Plugins oder Widgets oder sonst was :)

Hm :/

Tutrix

Das Menü ist ja in der header.php, wird ja auch bei deinem abgeändertem TwentyTen noch so sein.

Müsste also so

PHP

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

etwa aussehen
und dahinter fügst du den Code deines Buttons ein, also vor dem schließenden "</div> von

Code

<div id="access" role="navigation">

Wenn dein Button kein eigenes "div" für die Ausrichtung hat, füge ihn in

Code

<div class="menu">hier dein Button Code</div>

wenn das nicht klappt, Inhalt der header.php sowie den Buttoncode

header.php kannst du hier = http://pastebin.com/ posten und Link in den Beitrag einfügen

And

Hey Art of Pic,
vielen Dank für deine Hilfe. Ich hab das mal probiert, wie du es gesagt hast (also auch eingebettet in div class "menu") und es erscheint etwas :)
- Hab es aber erstmal mit einem Test text probiert

Nur ist der Text an der falschen Stelle bzw. er taucht jetzt konkret in einer zweiten Spalte neben dem eigentlich Naviationsmenü auf. Er soll aber darunter.
Ist das jetzt ein CSS Problem? Bzw. was muss ich ändern?

Der Button selbst schaut dann vom Code so aus:

Code

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like" data-href="http://www.facebook.com/wearetheplanet" data-send="false" data-layout="button_count" data-width="120" data-show-faces="false" data-font="arial"></div>

Alles anzeigen

Tutrix

Zitat von And

Ist das jetzt ein CSS Problem? Bzw. was muss ich ändern?

Da ich auf deiner Seite keinen Button sehe(auch nicht im Quellcode), kann ich nichts testen und somit auch nicht sagen was du ändern musst. :wink:

And

jetzt ist irgendwas da - ich würds gern in ein button-div rein machen bzw da isses auch drin, aber das div selber ist halt noch gar nicht definiert... :/

Tutrix

teste mal

Code

.button {
    margin-left: 12px;
    float: left;
    clear: both;
    left: -720px;
    margin: 0 auto;
    position: relative;
    top: 30px;
}

And

Ich hab jetzt mal bei navigation im CSS-file eine .like class reingebaut.
Ob das die richtige Stelle ist weiß ich aber nicht :/ - ich bezweifle es:
http://pastebin.com/Ghh7RBnU

der Code in der Header.php schaut so aus

Code

<div class="like">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/wearetheplanet" show_faces="false" width="250"></fb:like>
</div>

Das Ergebnis ist, dass der Facebook-Button da ist, aber der rest vom Menü fehlt. Ich befürchte also, meine CSS-Platzierung ist falsch und mein eigentliches Menü wird irgendwie überdeckt..

Tutrix

entferne mal hier

Code

#access .menu-header, div.menu {
    float: left;
    left: -720px;
    margin: 0 auto;
    [COLOR=Red]position: relative;[/COLOR]
}

das rote, dann müsste das Menu wieder da sein

And

Super super. Jetzt geht es.
Es geht jetzt auch irgendwie sogar wieder, wenn ich das "position:relative" dazu setzte. Egal :)

Vielen Herzlichen Dank, dir!!

PS: Hättest du noch einen Tipp, warum der oberste Link ("blog") in der Navigationsleiste nur dann funktioniert, wenn man im oberen Teil des Schriftzugs darüber fährt?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anfänger will Facebook-Like Button in Navigationsleiste einbauen.

Jetzt mitmachen!