Roman Harcke
WordPress, Fotografie und natürlich Themen meines Studiums
RSS

Erklärung um in WP Remix die Suche mit ins Menü zu integrieren und neben dem RSS Feed zu platzieren. Ebenfalls kann man ganz einfach das RSS Feed durch die Searchbox ersetzen.

Hier nun der benötigte Code für die Suchfunktion in WP Remix:

<div id="search" style="[HIER KANN DIE POSITION PER CSS ANGEPASST WERDEN]">
   <?php get_search_form(); ?>
</div>

Dieser Code kann nun an die gewünschte Stelle im Menü eingesetzt werden.
Ihr könnt ihn auch in die Sidebar integrieren, aber jetzt zeige ich wie man die Suchfunktion ins Menü integriert.

1. Öffnet eure header.php Datei

Diese befindet sich auf eurem Webspace unter:

“/wordpress/wp-content/themes/wpremix3/includes/header”

2. Editieren der header.php

Scrollt nach unten zu dieser Stelle:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
  <div class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS FEED</a></div>
</div>
<!--Dropdown navigation #end -->
2.1 Wenn ihr nun die Suchbox vor das RSS Feed setzen wollt, fügt ihr den obrigen Code der Suchfunktion vor das RSS-Feed Div ein:

Hier sieht man jedoch, dass die Suchbox eine meiner Menüpunkte überdeckt. Darauf sollte also geachtet werden!

suchfunktion_rssfeed_menue

Der Code sieht dann so aus:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
  <div id="search" style="position:absolute;right:90px;top:-19px;height:20px;"> <?php get_search_form(); ?></div>
  <div class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS FEED</a></div>
</div>
<!--Dropdown navigation #end -->
2.2 Wenn ihr den RSS Feed durch die Searchbox ersetzen wollt, ersetzt ihr folglich einfach diesen Code Abschnitt.

Allerdings sollte die Suchbox per CSS an den Header angepasst werden. Ich habe hier die Suchfunktion über das Attribut “right:1px” möglichst weit nach rechts gesetzt. Das kann natürlich alles nach Wünschen angepasst werden.

suchbox_wpremix

Der Code sieht dann so aussehen:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
 
  <div id="search" style="position:absolute;right:1px;top:-19px;height:20px;"> <?php get_search_form(); ?></div>
</div>
<!--Dropdown navigation #end -->

Für Verbesserungsvorschläge bin ich natürlich immer offen. Man kann ja nie genug wissen ;)

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Kategorie : WordPress | Blog

Endlich habe ich eine Lösung gefunden um die Seiten des Blogs und die Kategorien gleichzeitig in der Menüleiste anzuzeigen.
Wahlweise in einer Zeile, oder in zwei einzelnen Menüspalten – eine für die Blog-Seiten und eine für die Blog-Kategorien.

Hier stelle ich drei verschiedene Lösungsansätze vor. Die Daten müssten natürlich mit euren ersetzt werden, aber das ist denke ich kein Problem. Sonst schreibt mir einfach einen Kommentar.

Alle Arbeiten werden an der entsprechenden header.php vorgenommen.
Aufpassen: Manche Wordpress Themes haben mehrere Header zur Auswahl, also findet heraus welchen ihr benutzen wollt.

1.) Hier mein ursprüngliches Menü, indem die Seiten aufgelistet werden:

menu_standard_wp-remix

<div id="nav">
  <ul id="navmenu-h">
       <?php
            wp_list_pages('sort_column=menu_order&title_li=');
      ?>
  </ul>
</div>

CODE-ERKLÄRUNG:

  • “wp_list_pages” ruft die Seiten ab
  • “sort_column=menu_order” ordnet meine Seiten nach den im Dashboard verteilten Reihenfolgen
  • mit “titel_li=” könnte ich eine Überschrift für einen Menüpunkt erstellen, der alle Seiten beinhaltet

2.) Das modifizierte Menü, in dem zwei Menüleisten untereinander angezeigt werden.

Eine Spalte listet die Seiten, die untere listet die Kategorien:

menu_edit_2_spalten

<div id="nav">
  <ul id="navmenu-h">
    <?php
         wp_list_pages('sort_column=menu_order&title_li=');
    ?>
  </ul>
</div>

<div id="nav">
  <ul id="navmenu-h">
     <?php
       wp_list_categories('title_li=&exclude=1');
    ?>
   </ul>
</div>

CODE_ERKLÄRUNG:

  • “wp_list_categories” listet die Kategorien
  • “exclude=1″ schließt z.B. eine Kategorie (Allgemeines) mit der ID=1 aus

3.) Menü mit Seiten und Kategorien in einer Spalte:

menu_1_spalte

<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
    ?>
 
 
    <?php
        wp_list_categories('title_li=&exclude=1');
    ?>
  </ul>
</div>

ERKLÄRUNG:

Wie bei HTML Code auch, könnt ihr hier zwei PHP Befehle ein “div id=nav” platzieren.
Der Code erscheint natürlich nebeneinander.

Hoffe euch konnte der Artikel helfen, denn ich hab mich Ewigkeiten durch das Netz gewühlt, aber keine richtige Möglichkeit gefunden Kategorien neben Seiten im Menü aufzulisten.
Bis ich mich einfach mal selbst drangesetzt habe und siehe da, man sollte viel mehr ausprobieren – es funktioniert ja tadellos ;)

Mit dieser Methode ist es auch möglich nur einzelne Kategorien im Menü darzustellen.
Über die Funktion “exclude=” könnt ihr alle ausschließen die ihr nicht darstellen wollt.

Habt ihr noch Verbesserungsvorschläge? Andere Möglichkeiten? Dann teilt sie mir über die Kommentarbox doch einfach mit.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Kategorie : WordPress | Blog

Um im aktuellen Wordpress Theme Remix 3.0 die Archivseiten der jeweiligen Kategorien im Menü anzeigen zu können, müsst ihr die header.php Datei modifizieren.

Welche header.php Datei benutze ich?

Um in WP Remix 3.0 zu sehen welche header.php Datei ihr benutzt, schaut einfach im Dashboard unter “Seiten” und “Bearbeiten” im Editor die einzelnen Seiten an. Dort steht unter “Remix – Add Template File” der aktuell verwendete header für diese Seite.
Es gibt vier verschiedene Header zur Auswahl ( “header”, “header1″, “header2″, “header3″ ).
Merkt euch also die genaue Bezeichnung, um den entsprechenden im nächsten Schritt wiederzufinden.

Runterladen der header.php

Leider kann man in WP Remix 3.0 nicht unter “Darstellung” >> “Editor” auf die header.php zugreifen, also muss sie lokal auf dem Computer gespeichert werden.
Die geschieht einfach über euer FTP-Programm. Die verschiedenen header.php Dateien befinden sich in folgendem Verzeichnis:

/wp-content/themes/wpremix3/includes/header

Speichert die entsprechende Datei also auf dem Desktop.

Modifizieren der header.php um statt der Seiten, die Kategorien im Menü anzuzeigen

Öffnet die header.php Datei mit einem Programm wie Adobe Dreamweaver (Testversion hier downloaden), vermeidet die Benutzung vom Windows “Editor” oder sonstigem, da dieser beim Speichern die Formatierung der Datei beschädigen könnte.

Scrollt in der header.php nach ganz unten, dort findet sich folgender Eintrag:

<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
  </ul>
  <div class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS FEED</a></div>
</div>

Die für uns wichtige Zeile ist:

wp_list_pages('sort_column=menu_order&title_li=');

Diese wird durch folgende ersetzt:

wp_list_categories('title_li=');

Die Datei kann nun gespeichert und wieder in “/wp-content/themes/wpremix3/includes/header” hochgeladen werden. Die alte Datei vielleicht vorher sichern, bevor ihr sie überschreibt.

Nun sortiert die header.php nicht mehr die Seiten eures Wordpress Blogs, sondern zeigt eure Kategorien im Menü an.

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...
Kategorie : WordPress | Blog
Powered by WP VideoTube