Möchten Sie einen Zeichenzähler zur Auszug-Metabox hinzufügen? Es gibt wahrscheinlich ein Plugin dafür, aber wir haben einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um einen Zeichenzähler zur Auszug-Metabox in WordPress hinzuzufügen.
Anweisungen:
Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:
function excerpt_count_js(){
echo '<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:0px;right:5px;color:#666;\"><small>Excerpt length: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:#fff;\"> <small>character(s).</small></div>");
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
jQuery("#excerpt").keyup( function() {
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
});
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');
Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.
Wenn Ihnen dieser Code-Schnipsel gefallen hat, lesen Sie bitte unsere anderen Artikel auf der Website, wie z. B.: 9 beste WordPress-Events-Plugins und wie Sie beeindruckende WordPress-Optin-Formulare erstellen.
Hallo, ist es möglich, dies für den Inhaltseditor zu tun?
Versuchen Sie dies für die Kommentare/Antworten:
function excerpt_count_js(){
if ( ‘post’ == get_post_type() ) {
echo ‘jQuery(document).ready(function(){
jQuery(“textarea#comment”).after(“Auszugslänge: Zeichen.”);
jQuery(“#excerpt_counter”).val(jQuery(“#comment”).val().length);
jQuery(“#comment”).keyup( function() {
jQuery(“#excerpt_counter”).val(jQuery(“#comment”).val().length);
});
});’;
}
return;
}
add_action( ‘comment_form_before’, ‘excerpt_count_js’);
[…] 6. Zeichenzähler zum Auszug-Metabox hinzufügen […]
Funktioniert super!
Durch das Platzieren von Code in der Bedingung „if (‘page‘ != get_post_type())“ funktionieren die Seiten von WordPress perfekt. Vielleicht hilft das jemandem.
function excerpt_count_js(){
if (‘page‘ != get_post_type()) {
echo ‘jQuery(document).ready(function(){
jQuery(“#postexcerpt .handlediv”).after(“Auszugslänge: / 500 Zeichen.”);
jQuery(“span#excerpt_counter”).text(jQuery(“#excerpt”).val().length);
jQuery(“#excerpt”).keyup( function() {
if(jQuery(this).val().length > 500){
jQuery(this).val(jQuery(this).val().substr(0, 500));
}
jQuery(“span#excerpt_counter”).text(jQuery(“#excerpt”).val().length);
});
});’;
}
}
add_action( ‘admin_head-post.php’, ‘excerpt_count_js’);
add_action( ‘admin_head-post-new.php’, ‘excerpt_count_js’);
Vielen Dank für diese großartige Lösung. Ist es möglich, dasselbe für die Titelbox zu tun? Danke.
Sie können sich diesen Schnipsel ansehen, ich habe ein paar CSS-Änderungen vorgenommen und die Dinge etwas repariert.
http://pastebin.com/gsFF8pc7
Vielen Dank dafür!
Zur Info, der Snippet funktioniert auch auf der WooCommerce-Produktseite im Auszug einwandfrei.
Vielen Dank für diesen!
Habe einige Modifikationen vorgenommen, um HTML zu entfernen und Auszüge für Twitter vorzubereiten:
function excerpt_count() {
echo 'jQuery(document).ready(function($){
$("#excerpt").after('');
function excerpt_count() {
var count = $("#excerpt").val();
$("#excerpt_counter").text($(""+count+"").text().length);
}
excerpt_count();
$("#excerpt").keyup( function() { excerpt_count(); }); });
';
}
add_action( 'admin_head-post.php', 'excerpt_count');
add_action( 'admin_head-post-new.php', 'excerpt_count');
Hoffentlich ist es für jemanden nützlich.
Danke für den Snippet. Bezüglich der Seitenprobleme: Das Skript wirft einen JavaScript-Fehler beim Bearbeiten einer Seite mit: „TypeError: Cannot read property ‘length’ of undefined“, in dieser Zeile: jQuery(“#excerpt_counter”).val(jQuery(“#excerpt”).val().length);. Da ich vermute, dass auf einer Seite kein Auszug verwendet wird, aber der Hook trotzdem aufgerufen wird und das Skript im Header eingebettet ist, gibt es nirgends „#postexcerpt .handlediv“, nach dem die Abfrage einfügen kann, und somit keinen Längenwert zum Auswerten. Aber Sie können eine if-Anweisung um die letzten 3 Zeilen des jQuery legen, etwas wie: „if (jQuery(“#excerpt_counter”).length > 0){ // letzte 3 Zeilen des Codes hier }“, was es beheben könnte.
Diese Lösung hat alle JS-Probleme gelöst, die ich hatte. Die Bildschirmoptionen waren nervig, aber ein weitaus größeres Problem war, dass die Bildskalierung NaN zurückgab und unbrauchbar machte. Alles leicht behoben durch Hinzufügen der if-Anweisung, vielen Dank!
Ich wollte einen Screenshot teilen, um das Problem mit den Seiten zu verdeutlichen. Ich hoffe, das hilft. https://www.dropbox.com/s/xhkv718cjcj5ep9/excerpt-counter.jpg
sehr seltsam, ich werde das untersuchen, entschuldigen Sie die lange Wartezeit, Disqus hat aufgehört, mir neue Kommentare zu mailen.
Ich habe das gleiche Problem mit AJAX, das mit Seiten nicht funktioniert. Hat jemand eine Lösung gefunden?
[...] ein praktischer kleiner Trick, den ich kürzlich auf wpsnipp.com gefunden habe. Dieser Snippet ermöglicht es Ihnen, einen Zeichenzähler zum Auszug-Feld auf Ihrer Beitragsbearbeitungsseite hinzuzufügen [...]
add_action( ‘COMMENT?, ‘excerpt_count_js’);
Können wir Kommentare hinzufügen?
Sie können dies jedem Element zuweisen, das die ID kennt, anstatt dem Auszug-Feld.
Sollte ein Standardbestandteil von WordPress sein. Vielen Dank… Ich habe es ein wenig modifiziert, um meinen Bedürfnissen zu entsprechen, indem ich die Anweisungen für den Auszug durch die Zeichenzählung ersetzt habe. Wer braucht schon diesen albernen Noob-Kram…
function tpl_excerpt_count(){ ?> jQuery(document).ready(function(){ var label = 'Zeichenanzahl: '; jQuery('#postexcerpt p').html(label + jQuery('#excerpt').val().length); jQuery('#excerpt').keyup(function(){ jQuery('#postexcerpt p').html(label + jQuery('#excerpt').val().length); }); });
Ahhh sehr cool, keine schlechte Idee, freut mich, dass ich helfen konnte!
war sehr hilfreich, vielen Dank.
Kein Problem, viel Spaß mit dem Snippet.
Danke für das Snippet! Funktioniert super bei Beiträgen, aber bei Seiten habe ich die gleichen Probleme wie Eric und B.J. – irgendeine Idee, was das verursachen könnte?
Viele Grüße, Thomas.
Hallo TL, ich habe die Dinge gerade getestet und habe keine Probleme mit WordPress 3.3 und erhalte keine Fehler. Glaubst du, es könnte ein anderes Plugin sein, das du verwendest? Ich würde alle deine Plugins deaktivieren, um zu sehen, ob du immer noch Probleme hast. Wenn nicht, aktiviere jedes einzeln und prüfe, welches Plugin die Ursache ist.
Hallo Kevin,
Ich habe es mit deaktivierten Plugins versucht, aber keine Änderung...
Es ist nicht so schlimm, da ich hauptsächlich Beiträge und keine Seiten verwende, aber trotzdem. Wenn du etwas findest oder hörst, lass es mich bitte wissen!
Danke
TL
verwendest du die aktuellste Version von WordPress?
ja, ich habe es mit 3.3 und der neuen Version 3.3.1 getestet...!
(Ich kann irgendwie nicht auf deinen Beitrag antworten, nur auf meinen...)
Gibt es eine Lösung für das Problem mit den Seiten? Ich kann die Optionen für den Bildschirm und die Hilfeschaltflächen unter Seiten nicht mehr verwenden.
Hallo Marxo, ich habe gerade die Dinge unter Firefox mit WordPress 3.2.1 getestet und keine Probleme mit dem Hilfemenü oder anderen Admin-Menüs. Ich verwende jQuery(document).ready();, um keine Konflikte zu verursachen. Du könntest diese Methode ausprobieren und sehen, ob das für dich funktioniert.
http://advantcomp.com/jquery-conflicts-and-wordpress-how-to-include-your-own-jquery-scripts-the-correct-way/
Obwohl es auch ein anderes Plugin sein könnte, das du verwendest. Ich würde sie daher vorübergehend deaktivieren, um die Dinge zu testen.
Danke für deine Zeit. )
Aktualisierten Code ausprobiert. Alles ist in Ordnung, wenn Sie Seiten > Bildschirmoptionen / Hilfe wählen. Probleme treten auf , wenn Sie Seiten > Beispielseite > Bildschirmoptionen / Hilfe wählen.
Frische WordPress 3.2.1 Installation
Keine Plugins
Twenty Eleven Theme
Danke für diese tolle Funktion. Können Sie mir helfen, Zeichenzähler zu Text-Metaboxen dieses WordPress-Plugins (More Fields) hinzuzufügen: http://wordpress.org/extend/plugins/more-fields/ ?
Hallo Anthony, Sie müssen nur jede Instanz von '#excerpt' durch die ID des Feldes ersetzen, für das Sie den TinyMCE-Editor angezeigt haben möchten.
Ich habe diesen Snippet (tolle Funktion, übrigens) seit ein paar Tagen auf meiner Website und habe gerade entdeckt, dass er (das jQuery) mit dem jQuery, das im Seitenbereich des Admin-Bereichs läuft, in Konflikt geriet. Keine Menüs oder AJAX-Sachen funktionierten und es betraf nur die Seiten (keine Beiträge oder benutzerdefinierten Post-Typen).
Ist jemandem dieses Problem schon einmal begegnet?
Hallo Eric,
Ich werde es mir ansehen und sehen, ob ich die gleichen Ergebnisse erhalte.
Ich würde gerne die Möglichkeit sehen, dies in den eigentlichen Editor einzufügen, anstatt für Auszüge. Ich suche schon den ganzen Tag nach etwas, das die Zeichen im Editor zählt, nicht den Auszug. Das ist aber einfach brillant. Jetzt werde ich es auseinandernehmen und sehen, ob ich es stattdessen im Editor zum Laufen bringen kann.
Vielen Dank für diesen fantastischen Beitrag!
Cool, freut mich, dass dir der Snippet gefällt! Es sollte ziemlich einfach sein, die Dinge einzurichten. Du kannst #excerpt in #content ändern, und das zeigt bereits die Zählung an, aber es wird die Zählung immer noch im Titelbereich des Auszugs anzeigen. Auf Zeile 03 ändere einfach „#postexcerpt .handlediv“, um den neuen Speicherort anzuzielen, an dem die Zählung angezeigt werden soll, und du bist fertig….
Du bist mein neuer bester Freund 🙂 Vielen Dank! Ich habe das tatsächlich schon gemacht, habe nur Schwierigkeiten, es dort zu platzieren, wo ich es haben möchte, aber ich werde es herausfinden 😉 Du bist großartig, Mann. Danke für diesen fantastischen Beitrag! 🙂
Danke, kein Problem, genieße die Seite und vergiss nicht, uns auf Facebook oder Twitter zu folgen. Ich poste täglich.
Nochmals vielen Dank. Ein wenig Bearbeitung und es ist schön dort platziert, wo es gebraucht wird. Danke!
Ich bin dir auf Facebook und Twitter gefolgt. Ich freue mich darauf, deine Tweets zu lesen! An Tagen wie diesen schätze ich Leute, die ihre Entdeckungen bloggen. Nochmals vielen Dank für das Teilen dieses Snippets!
Super, genieße die Snippets.
Brillant! Normalerweise finde ich beim Googeln nach WP-Sachen eine Menge Plugins, die das tun, was ich brauche, und dann auch noch alles Mögliche anbieten wollen, aber dieser Schnipsel hat ein Problem mit chirurgischer Präzision behoben. Danke! Schade, dass es hier keinen Flattr-Link gibt, das wäre definitiv flattr-würdig gewesen.
@google-de31253397522fac9cf8619290aa2a8f:disqus Freut mich, dass dir der Schnipsel gefällt! Bezüglich Flattr habe ich noch keinen hinzugefügt, aber ich füge täglich neue Schnipsel zu wpsnipp.com hinzu, also bin ich sicher, dass ich ihn bald haben werde.
Genau das, was ich gesucht habe. Vielen Dank. Wenn ich die Anzahl der Zeichen, die in der Box erlaubt sind, begrenzen könnte (um das richtige Aussehen für den Auszug zu erhalten), wäre das auch großartig. In der Zwischenzeit habe ich einfach neben dem Zeichenzähler geschrieben. (NICHT mehr als 320 Zeichen)
Standardmäßig wird der Auszug auf 55 Zeichen gekürzt, sodass er diese Länge nie erreichen sollte. Sie könnten jedoch diesen Schnipsel verwenden und die Anzahl der Zeichen für den Auszug definieren.
http://wpsnipp.com/index.php/excerpt/custom-excerpt-length/
Beachten Sie, dass dies sie nicht davon abhält, mehr Text in das Auszugsfeld einzugeben.
(Von Programm übersetzt)
Dieser Tipp ist wirklich fantastisch! Ich denke, er könnte Benutzer sogar dazu ermutigen, diese Funktion des Systems zu nutzen, die immer übersehen wird, aber sehr nützlich ist.
Es hilft auch, weil standardmäßig meiner Meinung nach eine 55-Zeichen-Grenze für den Auszug gilt.
Das Auszugs-Metabox erscheint nur auf den Admin-Seiten für neue Beiträge und Beiträge bearbeiten, sodass der Schnipsel auf diese beschränkt werden kann, indem die Hooks 'admin_head-post.php' und 'admin_head-post-new.php' anstelle von 'admin_head' verwendet werden, was den Schnipsel zu jeder Admin-Seite hinzufügt.
Guter Punkt, Andrew, es ist Verschwendung, ihn auf jeder Admin-Seite zu laden. Ich werde den Schnipsel aktualisieren, danke, dass du darauf hingewiesen hast.