eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

SistaX · 04.10.2011

Hallo allerseits. Bin grade einigermaßen am verzweifeln. Ich bin dabei, mir mein erstes Wordpress Theme zu erstellen und habe mich bislang an diese Anleitung gehalten : http://wordpress.lernenhoch2.de/handbuch/
So weit, so gut. Meine PHP Kentnisse sind so lala, ich kanns zwar nicht wirklich schreiben, aber wenigstens lesen und verstehen.
Nun steh ich vor dem Problem, dass meine fertige Website genau so werden soll:
(Das ist das Projekt, das ich für eine gute Freundin neu gestaltet und jetzt als CMS umsetzen soll, damit sie die Artikel selber ändern kann.Noch halbfertig, ich weiß, aber voher wars schlimmer).
Da ich bisher keine Erfahrung mit Wordpress habe, stoße ich hier ganz schön an meine Grenzen.
Das Template laut Tutorial werde ich wohl anpassen können, nehme ich an. Aber was mir hier fehlt, ist das Hauptmenü unterhalb des Headers. Wie bekomme ich das rein? Muss ich dazu eine Datei menu.php anlegen? Wenn ja, wie und wo binde ich die in mein Template ein? Kann ich dann den Hover-Effekt übernehmen?

Und wie schaffe ich es, dass mir in Wordpress die Funktion Menüs angezeigt wird?

Oder hätte ich evtl. mit Joomla weniger Arbeit(damit kenne ich mich ebenso wenig aus)?

cebito · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Du findest im Dashboard einen Menüpunkt "Menüs"

, dort kannst du ganz individuelle Menüs anlegen. Diese kannst du dann unter Widgets in eine Sidebar deiner Wahl einfügen.

SistaX · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Nein, im Dashbord gibt es diesen Menüpunkt Menüs eben nicht. Wenn ich ein anderes Theme aktiviere schon, bei meinem nicht. Wie bekomm ich den dahin(hab ich übrigens schon gefragt). Da fehlt mir mit Sicherheit etwas im Code, nur was und wo muss ich das dann einfügen?

Bei mir sieht das Menü im Dashbord folgendermaßen aus:

Ach ja, vielen Dank cebito, aber ich möchte KEIN Menü in der Sidebar, das zeigt mir mein Tutorial auch. Dieses Menü möchte ich ja weglassen, da mein Ergebnis nicht wie ein Blog aussehen soll(siehe Link) . Meine Frage war, wie ich mein Hauptmenü inklusive Formatierung unter den Header bekomme.

MyBad · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Der Tipp von Cebito ist schon richtig! Für dein Theme musst du die individuellen Menüs allerdings in der functions.php registrieren:

PHP:

register_nav_menus( array(
    'primary' => 'Primary Navigation'
) );

Dann im Admin dein Menü erstellen, auf der Seite einbinden und so formatieren, wie du es haben möchtest.

Das einbinden in die Seite funktioniert so:

PHP:

<?php wp_nav_menu( array(
    'container_id' => 'navigation',
    'theme_location'  => 'primary'
) ); ?>

Hier noch eine Seite, auf der du alle Funktionen mit Beschreibungen finden kannst:
codex.wordpress.com

SistaX · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Danke MyBad. Ja so weit bin ich beim googeln auch schon gekommen. Aber wo finde ich diese functions.php? Gehört die mit in mein Template? Denn laut meinem Tutorial habe ich so eine nicht. Muss ich die dann anlegen mit eben diesem Inhalt?

MyBad · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

SistaX schrieb:
Danke MyBad. Ja so weit bin ich beim googeln auch schon gekommen. Aber wo finde ich diese functions.php? Gehört die mit in mein Template? Denn laut meinem Tutorial habe ich so eine nicht. Muss ich die dann anlegen mit eben diesem Inhalt?

Ja, die functions.php gehört mit in das Template. Einfach anlegen und mit dem Code befüllen

cebito · 05.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

SistaX schrieb:
Ach ja, vielen Dank cebito, aber ich möchte KEIN Menü in der Sidebar, das zeigt mir mein Tutorial auch. Dieses Menü möchte ich ja weglassen...

Sidebar heißt ja nicht, das es rechts oder links oder sonstwo vom Content angezeigt werden muss

Du registrierst eine Sidebar und zeigst sie genau dort im Frontend an, wo du sie haben willst. Du kannst im übrigen so viele Sidebars registrieren wie du willst. Stylen tust du selbige per CSS.
Wenn du meine Seite anschaust, siehst du (bei großen Auflösungen das Hauptmenü rechts, wenn du den Bildschirm verkleinerst, ordnet es sich irgendwann über der eigentlichen Sidebar ein um bei ganz kleiner Auflösung schließlich über dem gesamten Content zu landen. Das ganze ist als individuelles Menü umgesetzt und als Widget in Sidebar 1 eingefügt.

SistaX · 06.10.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Danke euch beiden! Also das Grundgerüst steht jetzt, fehlt nur noch das Design. Ich hoffe dass ich damit klar komme, wenn nicht meld ich mich noch mal. Das Ergebnis werde ich euch natürlich nicht vorenthalten!

SistaX · 28.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

So, da wär ich dann mal wieder. Das mit dem Design hab ich dann so mehr oder weniger hinbekommen, meine Auftraggeberin ist soweit zufrieden und technisch funktioniert alles 1A.
Zwei Probleme habe ich aber noch:
1. Wenn ich Bilder in einen Artikel einfüge, so wie auf der Seite Events, steht der Text immer darunter. Sieht blöd aus so, ich möchte den Text gerne rechts neben dem Bild haben. Wie das ganze rein css-technisch gehen würde, weiß ich. Wordpress fügt das Bild aber als Objekt ein und wie ich diesem einen css-Stil zuweisen kann, weiß ich nicht. Die Bilder lassen sich über das Backend gar nicht zentrieren, auch wenn ich dieses auswähle.
2. Auf der Seite Partypics habe ich quasi das gleiche Problem. Ich möchte die Galerie aber gerne zentrieren, nur über das Wordpress-Backend funktioniert das nicht, obwohl ich es auswählen kann. Es wird einfach immer links angeordnet.

Wie bekomme ich das hin, dass ich auch übers Backend diese Objekte zentieren kann? Oder habe ich irgendwo etwas falsch gemacht? Und wie kann ich diesen Objekten einen Stil zuweisen?

Ach ja, die url: titty-schierling.de

MyBad · 29.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Zu 1:
Du kannst normalerweise im Bildmanager sagen, wie das Bild angezeigt werden soll.

(ganz unten)

Zu 2:
Versuche dem Div mit der Klasse "fgallery_4" mal die Breite "300px" und "margin: 0 auto;" zu verpassen. Musst mal schauen, weil es momentan inline gesetzt ist "width: 300px; margin: 0".

Edit: Hat es einen bestimmten Grund, dass es diese Galerie sein musste? Find ich persönlich nicht so toll gelöst. Eine Auflistung der einzelnen Bilder, die man dann durchklicken kann, fänd ich persönlich schicker.

Edit 2: Das Impressum ist noch unvollständig!

SistaX · 29.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

MyBad schrieb:
Zu 1:
Du kannst normalerweise im Bildmanager sagen, wie das Bild angezeigt werden soll.

(ganz unten)

Ja... das sollte ich dem normalerweise sagen können, aber das funktioniert für die Bilder nicht. es ist egal, was ich auswähle, die Ausrichtung ist immer links, und der Text fließt nicht, sondern steht darunter. DAS ist ja mein Problem...

Das mit dem Impressum weiß ich, aber leider leider kommt meine Freundin trotz Hinweis auf Abmahnung nicht so recht der mit Datenlieferung nach... aber das soll ja nicht mein Problem sein ;-)

Und die Galerie... Ja, grundsätzlich soll hier die aktuelleste Veranstaltung in der animierten Galerie erscheinen, ältere Bilder(hab ich keine) sollen dann anwählbar gelistet oder was auch immer sein. Wir müssen halt bei dieser Art Etablissement verstärkt darauf achten, dass Personen nicht oder kaum erkennbar sind...., das gilt leider auch für die Tänzerinnen...

MyBad · 29.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Poste mal bitte den Quellcode von deinem Theme (der Bereich für die Auflistung reicht / Loop). Im Quelltext hab ich da schon überflüssiges Markup gefunden. Jetzt interessiert mich, ob das schon im Theme ist oder ob wp dieses generiert.

SistaX · 30.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Template für den Artikel

PHP:

 <?php get_header(); ?>
 
   <div id="main">
 
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
         <h2 style="text-decoration: none; color:#ffffff;"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
    
         <div class="entry">
            <?php the_content(); ?>
         </div>
      <?php endwhile; endif; ?>

   </div><!-- main -->
 
   <div id="sidebar">
      <?php get_sidebar(); ?>
   </div><!-- sidebar --> 
 
<?php get_footer(); ?>

Index-Template

PHP:

<?php get_header(); ?>
 
   <div id="main">
 
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
         <h2 style="text-decoration: none; color:#ffffff;"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
         <div class="entry">
            <?php the_content(); ?>
         </div>
      <?php endwhile; endif; ?>
 
   </div><!-- main -->
 
   <div id="sidebar">
      <?php get_sidebar(); ?>
   </div><!-- sidebar --> 
 
<?php get_footer(); ?>

MyBad · 30.11.2011

AW: eigenes Wordpress Theme - Wie kann ich ein Menü einbinden?

Alles klar, dann erzeugt wp also dieses Markup:

HTML:

<dl id="attachment_116" class="wp-caption alignleft" style="width: 160px;">
  <dt class="wp-caption-dt">
    <a href="http://tittytwister-schierling.de/wordpress/wp-content/uploads/2011/11/hot-chocolate-25-11-11.jpg">
      <img class="size-thumbnail wp-image-116" width="150" height="150" alt="Hot Chocolate am 25.11.11" src="http://tittytwister-schierling.de/wordpress/wp-content/uploads/2011/11/hot-chocolate-25-11-11-150x150.jpg" title="hot-chocolate-25-11-11">
   </a>
  </dt>
  <dd class="wp-caption-dd">Hot Chocolate am 25.11.11</dd>
</dl>

Es setzt dort die Klasse "alignleft". Normalerweise sollte dort das stehen, was du als Position auch ausgewählt hast. Ist schon komisch. Hast du es mal ohne eine Bildbeschreibung getestet und die Ausrichtung auf "rechts" gesetzt? Was passiert denn dann?