Möchten Sie alle Ihre Beiträge in einem Dropdown-Menü anzeigen? Es gibt wahrscheinlich ein Plugin dafür, aber wir haben einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um alle Beiträge in einem Dropdown-Menü in WordPress anzuzeigen.
Sie können die Anzahl der angezeigten Beiträge anpassen, indem Sie den Wert -1 im $args-Array ändern.
Anweisungen:
Sie müssen diesen Code nur zu Ihrer index.php-Datei hinzufügen:
<form action="<? bloginfo('url'); ?>" method="get">
<select name="page_id" id="page_id">
<?php
global $post;
$args = array( 'numberposts' => -1);
$posts = get_posts($args);
foreach( $posts as $post ) : setup_postdata($post); ?>
<option value="<? echo $post->ID; ?>"><?php the_title(); ?></option>
<?php endforeach; ?>
</select>
<input type="submit" name="submit" value="view" />
</form>
Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzufügen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress hinzufügen, damit Sie Ihre Website nicht versehentlich beschädigen.
Wenn Ihnen dieser Code-Schnipsel gefallen hat, sollten Sie sich unsere anderen Artikel auf der Website ansehen, wie z. B.: 50+ beste WooCommerce-Themes für Ihren Online-Shop und wie man ein WordPress-Spendenformular erstellt.
Sehr geehrter Herr, ich verwende den Beitragstyp Avada Portfolio und Ihr Code funktioniert zwar, zerstört aber das Layout aller normalen Seiten.
Ich habe hinzugefügt: ‚post_type‘ => ‚avada_portfolio‘,
Dropdown funktioniert gut, aber alle normalen Seiteninhalte haben ein Portfolio-Thumbnail.
Wie kann ich das beheben?
Bitte helfen Sie.
— Element auswählen —
-1,
‘post_type‘ => ‚avada_portfolio‘,
);
$posts = get_posts($args);
foreach( $posts as $post ) : setup_postdata($post); ?>
<option value="ID);?>” class=”ID; ?>”>
Das von Ihnen bereitgestellte Codebeispiel enthält einige Syntaxfehler. Zum Beispiel sind PHP und HTML nicht richtig getrennt.
Hallo, aber wenn man auf eine ausgewählte Option klickt, funktioniert der Link nicht.
Wie kann man das beheben?
Wenn der Senden-Button geklickt wird, werden dann Fehlermeldungen in der Konsole angezeigt?
Hallo,
Bitte, ich wollte wissen, wie man dieses Dropdown auf einer anderen Seite als der index.php anzeigt?
In diesem Fall müssten Sie den Code zur entsprechenden Theme-Template-Datei hinzufügen.
Ich möchte einen Shortcode in ein Text-Widget einfügen, um ein Dropdown-Menü mit Links zu all meinen Beiträgen anzuzeigen. Dafür benötige ich einen PHP-Code, den ich in das PHPCode Snippets Plugin einfügen kann. Können Sie mir helfen?
Kevin, Ihr Code funktioniert bei mir einwandfrei. Ich muss nur bestätigen, ob wir /?submit=view aus der URL entfernen können, sobald Sie auf die Schaltfläche „View Post“ klicken, wird sie am Ende der URL automatisch hinzugefügt. Wie kann ich das entfernen?
Dies scheint von WordPress hinzugefügt zu werden. Sie könnten versuchen, die Abfragezeichenfolge nach dem Laden der Seite mit JavaScript zu entfernen, dies wird jedoch nicht empfohlen.
Hallo, ich arbeite an einer Kleinanzeigen-Webanwendung unter WordPress. Haben Sie einen Code-Schnipsel, der eine Dropdown-Auswahl (Kategorie) in eine Listenansicht ändert? Wie der Anzeigen-Posting-Stil von Olx.in. Damit der Benutzer leicht auswählen kann, indem er alles auf einmal sieht, anstatt nach unten zu scrollen. Ich hoffe, Sie verstehen mein Problem.
Ich habe den obigen Code in meine Seitenleiste in ein Text-Widget eingefügt, aber nichts wird im Dropdown-Bereich angezeigt (es ist nur weiß). Irgendeine Idee warum? Danke!
Hallo, tolles Tutorial, aber ich frage mich, ob es möglich ist, zwei Dropdowns zu erstellen. Das erste wählt eine Kategorie aus und das zweite zeigt alle Beiträge in dieser Kategorie an, und dann gibt es einen Button (Link), der es ermöglicht, zu dem ausgewählten Beitrag zu gelangen? Glauben Sie, dass das möglich ist? Ich habe etwas Code geschrieben, der hartcodierte Werte verwendet und die Liste mit JavaScript ändert, aber ich möchte es dynamisch haben, im Moment muss ich jeden neuen Beitrag zu meiner hartcodierten Liste in der richtigen Kategorie hinzufügen, viel Chaos…. Danke!
Ja, so etwas könnte gemacht werden, aber Sie müssten Ajax verwenden, um alle Beiträge innerhalb einer bestimmten Kategorie abzurufen, wenn sie ausgewählt werden. Es ist nicht nur eine einfache Änderung des obigen Codes.
Hallo Kevin, danke für dein Tutorial. Wie erstelle ich eine ausgewählte Option? Ich benutze deinen Code, um den Titel meines benutzerdefinierten Beitragstyps anzuzeigen, aber wenn ich einen auswähle und auf den Senden-Button klicke, springt er zum ersten zurück (ich meine, nichts ist ausgewählt).
Dieser Schnipsel erstellt nur das Menü, er tut nichts weiter. Sie können jedoch das folgende Skript auf der Schwesterseite von wpsnipp.com, jqsnipp.com, für die jQuery-Seite verwenden.
http://jqsnipp.com/create-jquery-select-dropdown/
Ändern Sie dann im obigen Schnipsel
<option value="ID; ?>" zu
<option value="">
Dadurch wird der Permalink zum Wert hinzugefügt und das JavaScript auf jqsnipp ermöglicht es Ihnen, zu dem Ort zu springen, wenn Sie das Menüelement auswählen.
Vielen Dank
Hallo Kevin,
Vielen Dank für die Veröffentlichung. Ich habe überall gesucht, wie ich das mit benutzerdefinierten Beitragstypen erreichen kann. Wissen Sie, wie ich das erreichen kann, damit, wenn der Artikel aus dem Dropdown-Menü ausgewählt wird, automatisch zur Seite gesprungen wird, ohne dass ein "Senden"-Button benötigt wird?
Danke!
Hallo Chris,
Anstatt nur $post->ID für den Wert könnten Sie hinzufügen
get_permalink($post->ID) und dann JavaScript verwenden, um zu sehen, welche Option ausgewählt wurde.
Wenn Sie jQuery verwenden, habe ich auf meiner anderen Website http://jqsnipp.com einen Schnipsel, den Sie
für genau diese Art von Dingen verwenden können. http://jqsnipp.com/create-jquery-select-dropdown/
Hallo, kann ich meine Portfolio-Elemente auflisten? Ich versuche es, aber… 🙂
Hallo Roberta,
Ich nehme an, Sie möchten einen benutzerdefinierten Beitragstyp anzeigen? Sie müssen den Beitragstyp zum $args-Array hinzufügen. Wenn Sie 'post_type' => 'post' hinzufügen, sollte das funktionieren, nachdem Sie 'post' durch den Namen Ihres benutzerdefinierten Beitragstyps ersetzt haben.
Danke ^^
Danke ^^
Hallo, gibt es eine Möglichkeit, die Dropdown- oder Dropdown-Feldgröße zu ändern?
Danke
Fügen Sie in CSS hinzu:
.dropbox {
höhe: 30px; /* Nach Belieben ändern*/
}
Danke für diesen Schnipsel. Entschuldigen Sie mein Englisch, ich gebe mein Bestes 🙂 Ich brauche eine „erste Zeile“ wie „Bitte wählen…“. Können Sie mir helfen, diese Zeile in Ihren Code einzufügen? garfield853
Wo platziere ich das??
Hallo Ferry, platziere den Code dort, wo du ihn in deinem Theme anzeigen möchtest.
Danke
Perfekt!!!
Was ist, wenn man es nach Kategorie machen wollte? Also alle Beiträge unter jeder Kategorie anzeigen?
Funktioniert das auch mit benutzerdefinierten Beitragstypen?
Hallo Fin, ja, du kannst den Beitragstyp zum args-Array hinzufügen, z. B.:
array(
‘numberposts’ => -1,
‘post_type’=> ‘post’,
);
Das funktioniert super und danke!
Können Sie mir raten, wie ich alle Beiträge aus einer bestimmten Kategorie anzeigen kann?
Füge einfach cat und die Kategorie-ID hinzu
array(
‘numberposts’ => -1,
‘post_type’=> ‘post’,
‘cat’ => ‘2’,
);
Prost Kevin!
Hallo Kevin, danke für das Posten des Codes auf dieser Seite. Er war mir sehr hilfreich bei der Organisation der Seitenleiste unter (Link entfernt). Bitte „Kirchen von NY“-Box, ich möchte, dass die Box mit „Beitrag auswählen“ beginnt – wie kann ich diese Option implementieren? Und wie kann ich die Auswahl direkt zum Beitrag bringen, ohne die „Anzeigen“-Box? Danke.