Hemsida » Wordpress » 29 WordPress Tweaks för att förbättra inlägg och sidor

    29 WordPress Tweaks för att förbättra inlägg och sidor

    Vi älskar WordPress - men inte alla är redo att lösa alla standardinställningar och visar - särskilt hur inlägg visas. När vi lärde oss att unikheten spelar roll för en webbplatsens varumärke som ger besökarna ett bra intryck, har bloggar och utvecklare genom dessa år strävat efter att finjustera postdisplayen för att göra det så unikt som möjligt.

    Idag kommer vi att fokusera på de smarta tweaksna du kan utföra för att förbättra din WordPress-postdisplay. Oavsett om du letar efter att ändra din postdisplay för att förbättra användarupplevelsen eller öka intäkterna eller sidvisningarna, är chansen att det finns ett sätt att göra det utan plugin, och de flesta av de här listorna är lätta att implementera, för det mesta du bara måste kopiera och klistra in den angivna koden.

    Hoppas du kommer att hitta dessa tweaks användbara för dina projekt, njut anpassning!

    Frontänden

    1. Ändra din utdragslängd

    Fliken nedan ändrar din utdragslängd, som du bara kan lägga till följande rader av kod i din functions.php fil med värdet 75 som utdragslängden.

     add_filter ('excerpt_length', 'my_excerpt_length'); funktion my_excerpt_length ($ len) return 75;  

    [Källa: Danny van Kooten]

    2. Twitter stil “tid sedan” datum

    De flesta människor vet inte att WordPress har en inbyggd funktion för att visa datumet med “Tid sedan” format och nedanstående kod kan klistras till var som helst i slingan för att visa datumet med formatet.

     Postad  

    [Källa: PHP Snippets]

    3. Visa miniatyrbilder i ditt RSS-flöde

    Introducerad i WordPress 2.9, the the_post_thumbnail () funktionen är mycket användbar för att lägga till och visa en miniatyrbilde bifogad ett inlägg. Den dåliga nyheten är att det inte finns någon inbyggd metod för att visa miniatyren i ditt RSS-flöde. Funktionen nedan kommer att lösa detta problem. Klistra in det i din functions.php fil, spara den och miniatyrbilden visas automatiskt i ditt RSS-flöde.

     // Visa miniatyrbilder i feeds funktion diw_post_thumbnail_feeds ($ content) global $ post; om (has_post_thumbnail ($ post-> ID)) $ content = '
    '. get_the_post_thumbnail ($ post-> ID). '
    '. content $; returnera $ content; add_filter ('the_excerpt_rss', 'diw_post_thumbnail_feeds'); add_filter ('the_content_feed', 'diw_post_thumbnail_feeds');

    [Källa: Grävning i WordPress]

    4. Begränsa sökningen till bara posttitlar

    Du kan lägga till det här snippet i functions.php fil av dina WordPress-teman för att begränsa sökningen till att bara posta titlar.

     funktion __search_by_title_only ($ search, & $ wp_query) om (tomt ($ sök)) returnera $ search; // hoppa över behandlingen - ingen sökterm i fråga $ q = & $ wp_query-> query_vars; // wp-includes / query.php line 2128 (version 3.1) $ n =! tomt ($ q ['exakt'])? ": '%'; $ searchand ="; foreach (array) $ q ['search_terms'] som $ term) $ term = esc_sql (like_escape ($ term)); $ search. = "$ searchand ($ wpdb-> posts.post_title LIKE '$ n $ term $ n')"; $ searchand = 'OCH';  $ term = esc_sql (like_escape ($ q ['s'))); om (tomt ($ q ['sentence']) && count ($ q ['search_terms'])> 1 && $ q ['search_terms'] [0]! = $ q ['s']) $ sök. = "ELLER ($ wpdb-> posts.post_title LIKE '$ n $ term $ n')"; om (! tomt ($ sök)) $ search = "OCH ($ search)"; om ! is_user_logged_in ()) $ search. = "OCH ($ wpdb-> posts.post_password =") "; returnera $ search; add_filter ('posts_search', '__search_by_title_only', 10, 2); 

    [Källa: WpSnipp]

    5. Visa ett inkrementellt nummer på varje inlägg

    Med tweak nedan kommer du att visa ett inkrementellt nummer på varje inlägg, och implementera det är ganska enkelt. Först klistra in följande funktion i din functions.php fil:

     funktion updateNumbers () global $ wpdb; $ querystr = "VÄLJ $ wpdb-> inlägg. * FRÅN $ wpdb-> inlägg WHERE $ wpdb-> posts.post_status = 'publicera' och $ wpdb-> posts.post_type = 'post'"; $ pageposts = $ wpdb-> get_results ($ querystr, OBJECT); $ counts = 0; om ($ pageposts): foreach ($ pageposts as $ post): setup_postdata ($ post); $ räknas ++; add_post_meta ($ post-> ID, 'incr_number', $ count, true); update_post_meta ($ post-> ID, 'incr_number', $ count); endforeach; endif;  add_action ('publish_post', 'updateNumbers'); add_action ('deleted_post', 'updateNumbers'); add_action ('edit_post', 'updateNumbers'); 

    När du är klar kan du visa postnumret med följande kod. Observera att det måste användas inom slingan.

     ID, 'incr_number', true); ?> 

    [Källa: Alchymyth, via WpRecipes]

    6. Undanta Post från WordPress Feed

    Vill du utesluta vissa inlägg från ditt flöde? Här är tweak för dig. Observera att du bara ska filtrera var du vill filtrera. i vårt exempel finns det i vårt flöde $ Wp_query-> is_feed. Om du inte gjorde det på så sätt skulle filtret också springa i din bakre ände och dessa inlägg kommer inte att visas på postöversikten.

    Funktionen har två parametrar. Du ger den första parametern $ där en förlängning av SQL-strängen, som tar hand om filtreringen baserat på ID. Sedan, inom parentesen måste du sätta in Inläggets namn, som du gillar att filtrera.

     funktion fb_post_exclude ($ where, $ wp_query = NULL) global $ wpdb; om (! $ wp_query) global $ wp_query; om ($ wp_query-> is_feed) // utesluta inlägg med id 40 och 9 $ var. = "OCH $ wpdb-> inlägg.ID INTE IN (40, 9)";  returnera $ var;  add_filter ('posts_where', 'fb_post_exclude', 1, 2); 

    [Källa: WP Engineer]

    7. Omdirigera till inlägg när sökfrågan returnerar enstaka resultat

    Sätt det här snippet i functions.php filen i ditt WordPress-tema för att omdirigera din sökning till posten automatiskt när WordPress bara returnerar ett enda sökresultat.

     add_action ('template_redirect', 'single_result'); funktion single_result () if (is_search ()) global $ wp_query; om ($ wp_query-> post_count == 1) wp_redirect (get_permalink ($ wp_query-> inlägg ['0'] -> ID));  

    [Källa: WpSnipp]

    8. Skapa automatiskt metabeskrivning från the_content

    Lägger till detta kod i functions.php En fil i ditt WordPress-tema skapar automatiskt en metabeskrivning från ditt WordPress-inlägg, utjämnar alla kortkoder och taggar. Se till att du har den i header.php av ditt WordPress-tema eller det här koden kommer inte att fungera.

     funktion create_meta_desc () global $ post; om (! is_single ()) return;  $ meta = strip_tags ($ post-> post_content); $ meta = strip_shortcodes ($ post-> post_content); $ meta = str_replace (array ("\ n", "\ r", "\ t"), ", $ meta); $ meta = substr ($ meta, 0, 125)"; add_action ('wp_head', 'create_meta_desc'); 

    [Källa: WpSnipp]

    9. Byt ut ord automatiskt genom affiliate länkar

    Om du vill ersätta ord med affiliate länkar automatiskt klistra du bara in koden nedan i din functions.php fil. Kom ihåg att ange dina ord / länkar som visas i exempelkoden nedan.

     funktion replace_text_wps ($ text) $ ersätt = array (// 'WORD TO REPLACE' => 'BYTE ÄR MED DENNA' avhandling '=>'avhandling',' studiopress '=>'Studio'); $ text = str_replace (array_keys ($ ersätt), $ ersätt, $ text); returnera $ text;  add_filter ('the_content', 'replace_text_wps'); add_filter ('the_excerpt', 'replace_text_wps'); 

    [Källa: catswhoblog.com]

    10. Lägg till “Läs mer” permalink till slutet av utdraget

    Lägger till detta stycke nedan i functions.php filen i ditt WordPress-tema kommer att lägga till en “Läs mer” permalink i slutet av the_excerpt, ganska mycket som vad innehållet gör.

     funktion excerpt_readmore ($ mer) return "...  ID); om ($ taggar) $ tag_ids = array (); foreach ($ tags som $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'showposts' => 5, // Antal relaterade inlägg som ska visas. 'caller_get_posts' => 1); $ my_query = nytt wp_query ($ args); om ($ my_query-> have_posts ()) echo '

    relaterade inlägg

    [Källa: Bin-Co]

    12. Skapa dina egna populära inlägg i sidofältet

    Det är väldigt lätt att konfigurera en sidoväggs widget för att visa populära inlägg. Kopiera och klistra in koden nedan i din sidebar.php fil. Om du behöver ändra antalet visade inlägg kan du ändra 5 i slutet av rad 3 till valfritt antal som du föredrar.

     

    populära inlägg

      get_results ("VÄLJ kommentar_count, ID, post_title FROM $ wpdb-> inlägg ORDER BY comment_count DESC LIMIT 0, 5"); foreach ($ resultat som $ post) setup_postdata ($ post); $ postid = $ post-> ID; $ title = $ post-> post_title; $ commentcount = $ post-> comment_count; om ($ commentcount! = 0) ?>

    [Källa: Pro Blog Design]

    13. Ställ in utgångsdatum / tid

    Nedan finns en användbar kod som du kan lägga in i dina WordPress-teman för att möjliggöra möjligheten att skapa efter utgången baserat på datum och tid. Redigera ditt tema och ersätt din nuvarande WordPress-loop med den här "hackade" slingan:

      $ expiration time = get_post_custom_values ​​('expiration'); om (is_array ($ utlösningstid)) $ expirestring = implode ($ utlösningstid);  $ secondsbetween = strtotime ($ expirestring) -time (); om ($ sekunder mellan> 0) // Till exempel ... the_title (); the_excerpt ();  än en gång; endif; ?> 

    För att skapa ett inlägg med datum / tid, kan du bara skapa ett anpassat fält. Ge utgång som en nyckel och ditt datum / tid (format: mm / dd / yyyy 00:00:00) som ett värde. Inlägget kommer inte att dyka upp efter den särskilda tidsstämpeln.

    [Källa: WpRecipes]

    14. Lista framtida inlägg

    WordPress gör det möjligt att lista framtida inlägg, och för att uppnå denna funktion klistra du bara in koden till var du vill att du ska visa framtida inlägg:

     

    Framtida händelser


    Inga framtida händelser planeras.

    [Källa: WpRecipes]

    15. Visa endast AdSense för sökmotorer besökare

    Det är möjligt att visa AdSense för besökarna från sökmotorernas resultat, och här är koden för att uppnå det, klistra in koden nedan i tematets functions.php fil.

     funktion scratch99_fromasearchengine () $ ref = $ _SERVER ['HTTP_REFERER']; $ SE = array ('/ search?', 'Images.google.', 'Web.info.com', 'search.', 'Del.icio.us/search', 'soso.com', '/ sökning / ',' .yahoo. '); foreach ($ SE som $ källa) om (strpos ($ ref, $ source)! == false) returnera true;  returnera false;  

    $ SE array är där du anger sökmotorerna. Du kan lägga till ny sökmotor genom att lägga till nytt element i arrayen och klistra sedan in följande kod var som helst i mallen där du vill att dina AdSense-annonser ska visas, och det är klart! Annonserna visas bara för besökare från sökmotorer.

     om (function_exists ('scratch99_fromasearchengine')) if (scratch99_fromasearchengine ()) INSERT DIN KOD HÄR 

    [Källa: Scratch99, via WpRecipes]

    Baksidan

    1. Tillåt fler HTML-taggar i redigeraren

    Som standard tillåter WordPress-editor inte HTML-taggar som inte överensstämmer med XHTML 1.0-standarden. Koden nedan kommer emellertid tvinga redaktören att acceptera fler taggar. Du kan klistra in det i ditt tema functions.php fil, spara det, och funktionen är bra att gå.

     funktion fb_change_mce_options ($ initArray) // Kommaseparerad sträng od extends tags // Kommandoseparerad sträng av utökade element $ ext = 'pre [id | namn | klass | stil], iframe [align | longdesc | namn | bredd | höjd | frameborder | rullning | marginheight | marginwidth | src]; om (isset ($ initArray ['extended_valid_elements'])) $ initArray ['extended_valid_elements']. = ','. $ Ext;  annat $ initArray ['extended_valid_elements'] = $ ext;  // kanske; Ange liten parametern verify_html // $ initArray ['verify_html'] = false; returnera $ initArray;  add_filter ('tiny_mce_before_init', 'fb_change_mce_options'); 

    [Källa: WP Engineer]

    2. Ange standardredigerare

    Klippet nedan ändrar standardredigeraren i WordPress admin. Du kan gå med Visual Editor, eller du kan välja HTML Editor, lägg bara till en av dem i functions.php fil.

     # Detta ställer in Visual Editor som standard add_filter ('wp_default_editor', create_function ("," return "tinymce"; ")); ";")); 

    [Källa: WP-Snippets]

    3. Ange olika editor stylesheets för olika posttyper

    Med följande kod klistrat in i din functions.php fil, kan du konfigurera olika editor stylesheets för olika posttyper. Du måste anpassa det, beroende på dina posttyper, och kom ihåg att ändra stylesheets namn också.

     funktion my_editor_style () global $ current_screen; switch ($ current_screen-> post_type) case 'post': add_editor_style ("editor-style-post.css"); ha sönder; case 'sida': add_editor_style ('editor-style-page.css'); ha sönder; fall "portfölj": add_editor_style ("editor-style-portfolio.css"); ha sönder;  add_action ('admin_head', 'my_editor_style'); 

    [Källa: WPStorm]

    4. tillåta uppladdning av fler filtyper

    Av viss anledning kan WordPress Uploader inte låta dig ladda upp vissa filtyper, till exempel Textmate .tmCommand. Om du behöver ladda upp dessa typer av filer till din WordPress-webbplats, kommer här ett funktionellt kod som gör att du kan göra det, och du behöver bara klistra in den i din functions.php fil. Du kan också lägga till fler filtyper genom att lägga till dem på rad 4, separerade av ett rör (|).

      "applikation / oktet-ström")); returnera $ mimes; ?> add_filter ('upload_mimes', 'addUploadMimes'); 

    [Källa: pioupioum.fr, via WpRecipes]

    5. Aktivera TinyMCE-redigeraren för posta_exemplet

    Lägger följande kod i functions.php filen i ditt WordPress-tema kommer att lägga till TinyMCE-redigeraren i textutrymmet efter utgåvan.

     funktion tinymce_excerpt_js () ?>     

    [Källa: WpSnipp]

    6. Postformat - Mer kreativa sätt för en tema

    Syntaxen nedan ger några av de möjliga postformaten som då kan väljas och användas direkt i artikeln, och vad du behöver göra är att sätta koden i din functions.php fil av ditt tema.

     add_theme_support ("postformat", array ("åt sidan", "ljud", "bild", "video")); 

    [Källa: WP Engineer]

    7. Visa postminnebilden också i Redigera inlägg och sidöversikt

    WordPress version 2.9 introducerade funktionen av Post Thumbnail. Det är ganska fantastiskt, och du kan också visa miniatyrbilder i Redigera inlägg och Sidöversikt. Du kan lägga följande kod i ett plugin eller kopiera dem till functions.php fil av temat.

     om (! function_exists ('fb_AddThumbColumn') && function_exists ('add_theme_support')) // för post och sida add_theme_support ('post thumbnails', array ('post', 'page')); funktion fb_AddThumbColumn ($ cols) $ cols ['thumbnail'] = __ ('Thumbnail'); returnera $ cols;  funktion fb_AddThumbValue ($ kolumnnamn, $ post_id) $ width = (int) 35; $ höjd = (int) 35; om ('thumbnail' == $ kolumnnamn) // thumbnail of WP 2.9 $ thumbnail_id = get_post_meta ($ post_id, '_thumbnail_id', true); // bild från galleri $ attachments = get_children (array ('post_parent' => $ post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image')); om ($ thumbnail_id) $ thumb = wp_get_attachment_image ($ thumbnail_id, array ($ bredd, $ höjd), true); elseif ($ attachments) foreach ($ bilagor som $ attachment_id => $ attachment) $ thumb = wp_get_attachment_image ($ attachment_id, array ($ bredd, $ höjd), true);  om (isset ($ thumb) && $ thumb) echo $ thumb;  annars echo __ ('None');  // för inlägg add_filter ('manage_posts_columns', 'fb_AddThumbColumn'); add_action ('manage_posts_custom_column', 'fb_AddThumbValue', 10, 2); // för sidor add_filter ('manage_pages_columns', 'fb_AddThumbColumn'); add_action ('manage_pages_custom_column', 'fb_AddThumbValue', 10, 2);  

    [Källa: WP Engineer]

    8. Skapa anpassade poststatusmeddelanden i admin

    Denna tweak skrevs ursprungligen av utvecklaren som ett sätt för en klient att visa anpassade meddelanden för varje inlägg som en författare skapar. I det här fallet kan ett inlägg ha ett meddelande som avvisade, fel, källa, slutlig, etc. Du kan ändra meddelandena precis under kodens kommentar, Array av anpassade statusmeddelanden, bara för att se till att du ändrade klassnamn också som du kan ändra dem efter kommentaren, ändra färg på meddelanden nedan.

     add_filter ('display_post_states', 'custom_post_state'); funktion custom_post_state ($ states) global $ post; $ show_custom_state = get_post_meta ($ post-> ID, '_status'); om ($ show_custom_state) $ states [] = __ (''. $ show_custom_state [0]. '');  returnera $ states  add_action ('post_submitbox_misc_actions', 'custom_status_metabox'); funktion custom_status_metabox () global $ post; $ custom = get_post_custom ($ post-> ID); $ status = $ custom ["_ status"] [0]; $ i = 0; / * ----------------------------------- * / / * Array av anpassade statusmeddelanden * / / * ----------------------------------- * / $ custom_status = array ('Spelling', 'Review', "Fel", "Källa", "Avvisad", "Slutlig"); eko "
    '; eko "'; eko "
    '; add_action ('save_post', 'save_status'); funktion save_status () global $ post; om (definierat ('DOING_AUTOSAVE') && DOING_AUTOSAVE) returnera $ post-> ID; update_post_meta ($ post-> ID, "_status", $ _POST ["status"]); add_action ('admin_head', 'status_css'); funktion status_css () echo '';

    [Källa: WpSnipp]

    9. Ställ in maximal posttitellängd

    Lägga till denna PHP-kod i functions.php filen i ditt WordPress-tema kommer att ange ett maximalt antal ord som kan visas i din posttitel, ganska praktiska tweaks!

     funktion maxWord ($ title) global $ post; $ title = $ post-> post_title; om (str_word_count ($ title)> = 10) // sätt det här till det maximala antalet ord wp_die (__ ('Fel: din posttitel är över det maximala ordräkningen.'));  add_action ('publish_post', 'maxWord'); 

    [Källa: WpSnipp]

    10. Hur man ändrar WordPress-editorens teckensnitt

    Hatar nuvarande typsnitt som används i WordPress-editor? Det är möjligt att ändras till modernt typsnitt som Monaco eller Consolas, klistra in koden i ditt WordPress-tema functions.php fil.

     funktion change_editor_font () echo ""; add_action (" admin_print_styles "," change_editor_font "); 

    [Källa: shailan.com, via WpRecipes]

    11. Lägga till ett anpassat fält automatiskt på post / sidpublicering

    Ett kodfragment för att automatiskt installera ett anpassat fält på en sida eller post när de publiceras. Du kan bara lägga till koden nedan i din functions.php filen, som ligger i ditt temas mapp. Naturligtvis glöm inte att ändra anpassat fältnamn.

     add_action ('publish_page', 'add_custom_field_automatically'); add_action ('publish_post', 'add_custom_field_automatically'); funktion add_custom_field_automatically ($ post_ID) global $ wpdb; om (! wp_is_post_revision ($ post_ID)) add_post_meta ($ post_ID, 'field-name', 'anpassat värde', true);  

    [Källa: wpCanyon]

    12. Bli av med oanvända postrevisioner

    Här kommer en väldigt användbar SQL-fråga som tar bort alla inläggsrevisioner direkt och meta i samband med det. Du måste köra följande fråga i din WordPress-databas, och alla ändringar (såväl som meta i samband med det) kommer att raderas från din databas. En viktig anteckning här, var noga med att göra en säkerhetskopia av din databas innan du kör koden.

    DELETE a, b, c FRÅN wp_posts a WHERE a.post_type = 'revision' VÄNSTER JOIN wp_term_relationships b ON (a.ID = b.object_id) VÄNSTER JOIN wp_postmeta c ON (a.ID = c.post_id); 

    [Källa: Lesterchan.net]

    13. Ändra utdragslängd beroende på kategori

    Har du någonsin velat ändra utdragslängden utifrån vilken kategori du är på? Här kommer koden som ger din önskan. Klistra in koden i din functions.php fil och glöm inte att ändra kategori ID på rad 3!

     add_filter ('excerpt_length', 'my_excerpt_length'); funktion my_excerpt_length ($ length) if (in_category (14)) return 13;  annars return 60;  

    [Källa: WpRecipes]

    14. Inaktivera inlägg automatiskt sparande

    Om du av någon kritisk anledning vill stänga av den funktion som autofokuserar ditt inlägg medan du redigerar det i instrumentbrädan är det möjligt. Öppna bara din functions.php fil och klistra in följande kod i filen:

     funktionen disableAutoSave () wp_deregister_script ('autosave');  add_action ('wp_print_scripts', 'disableAutoSave'); 

    [Källa: WpRecipes]

    Du kan sedan spara filen, och WordPress kommer aldrig automatiskt att skicka ett inlägg. Du kan också få tillbaka funktionen genom att ta bort koden.

    Mer

    Letar du efter fler WordPress anpassningsartiklar? Vi har mer för dig!

    • WordPress: 30 Användbara tricks och hackor
    • WordPress: 30 Fler triks och hackor
    • WordPress: 40 Tricks And Hacks