50 meest gewilde WordPress-tips, trucs en hacks

Eerder hebben we meer dan 30 hacks en tricks uitgelicht om WordPress aan te passen. Maar WordPress heeft verschillende iteraties en updates doorgemaakt sinds de publicatie van die compilatie. Sommige WordPress-functies zijn weggelaten, sommige zijn vervangen door betere benaderingen die sommige trucjes die je kent niet langer bruikbaar maken.

We dachten dat je misschien nieuwe tips, trucs en hacks wilt die wel werken met de nieuwste versie van WordPress. Dit zijn er vijftig. Wees als vriendelijke herinnering voorzichtig wanneer u een van de tips in het gedeelte Geavanceerd probeert, omdat u uw site mogelijk onbruikbaar maakt als u niet weet wat u doet.

1. Volledige hoogte-editor uitschakelen

WordPress 4.0 heeft een subtiele UX-wijziging toegevoegd in de editor. Als u scrolt of een lengtelinea schrijft, komt de hoogte van de editor overeen met de hoogte van uw scherm, waardoor de schuifbalken in de editor worden verwijderd.

Om sommige panelen zoals de te bereiken Uittreksel en Aangepaste velden die zich onder de editor bevindt, moet je helemaal naar beneden scrollen door het einde van de alinea. Als u dit niet wilt, vinkt u de optie uit in de Schermopties paneel.

Compatibiliteit: WordPress 4.0

2. Insluiten vóór en na beeldvergelijking

Heb je ooit een beeldvergelijking gehad waarbij je naar rechts kunt schuiven om het te zien voor en aan de linkerkant voor de na? Als u zoiets op uw website wilt weergeven, kunt u TwentyTwenty installeren. Deze plugin is gebaseerd op Zurb TwentyTwenty. De plug-in introduceert een nieuwe shortcode, [Twentytwenty], waar je twee afbeeldingen kunt toevoegen om te vergelijken.

Compatibiliteit: WordPress 3.5.1 of hoger

3. Zet plug-ins of thema's terug naar vorige versie (gemakkelijk)

Zoals met elke andere systeemupdate, bestaat de kans dat een nieuwe plug-in of thema-update per ongeluk uw website verkloot. WordPress staat ons niet toe om terug te gaan naar de vorige versie, maar u kunt deze plug-in WP-Rollback installeren om die functionaliteit te krijgen. Zodra het is geactiveerd, voegt het een link toe “Terugrollen” op elke geïnstalleerde plug-in.

Compatibiliteit: WordPress 3.8 of hoger

4. Organiseer het beheerdersmenu

Gebruik deze plug-in, Admin Menu Manager, om elke menuregel in admin te ordenen via een slepen-en-neerzetten-interface.

Compatibiliteit: WordPress 4.0 of hoger

5. Teksteditor SyntaxHighlighter

De teksteditor van WordPress is vrij eenvoudig. U kunt het gebruiksvriendelijker maken door HTML Editor SyntaxHighlighter te installeren, een plug-in die syntaxkleuren toevoegt, zoals in een codebewerker. Het maakt het bewerken een stuk eenvoudiger, vooral als u vaker een tekstmoduseditor gebruikt dan het visuele (WYSIWYG) -gedeelte.

Compatibiliteit: WordPress 3.3 of hoger

6. Pictogram in menu toevoegen

Volg deze tip om een ​​pictogram naast uw websitemenu-items toe te voegen waardoor uw menunavigatie meer visueel aantrekkelijk wordt.

Compatibiliteit: WordPress 4.1 of hoger

7. Voice Search inschakelen

Zoeken met WordPress is slecht gebouwd, omslachtig en laat me niet beginnen met de nauwkeurigheid van het zoekresultaat. Maar laat dat je er niet van weerhouden om stemzoekmogelijkheden toe te voegen. Eenmaal geïnstalleerd zult u een “microfoon” pictogram verschijnt in het zoekvak.

Compatibiliteit: WordPress 2.6 of hoger

8. Installeer WordPress Plug-in via Github

Heeft u een WordPress-plug-in in Github gevonden die u op uw website wilt installeren? Volg deze tip over het eenvoudig installeren van plug-ins met slechts een paar klikken. Wees echter voorzichtig met wat u installeert, omdat plug-ins niet worden gemodereerd. Er is een kans dat kwaadaardige codes infiltratie van uw website mogelijk maken.

Compatibiliteit: WordPress 3.6 of hoger

9. Installeer plug-in met één klik

Voor meer pluginbeheer zou u WP-Core kunnen installeren. Dit is een plug-in die WordPress-plug-insinstallaties meer gestroomlijnd maakt. Je kunt ook een collectie maken om verschillende plug-ins samen te voegen en ze met één klik te installeren.

Compatibiliteit: WordPress 3.5 of hoger

10. Geavanceerde afbeeldingsstijlen

Vroeger konden we marges en randen instellen wanneer we afbeeldingen in de inhoud invoegen. Vanaf WordPress 3.9 zijn deze opties verwijderd. Als je ze hebt gemist, kun je deze plug-in installeren om deze opties terug te brengen.

Compatibiliteit: WordPress 3.9 of hoger

11. Schijfgebruiksschema weergeven

Installeer deze plug-in Schijfgebruik Sunburst om een ​​mooie visualisatie weer te geven, vergelijkbaar met DaisyDisk, van het gebruik van uw schijfruimte op de website. Een redelijk handig hulpprogramma om toe te voegen aan uw website.

Compatibiliteit: WordPress 4.0 of hoger

gevorderd

Voorbij dit punt zijn geavanceerde tips en tricks voor diegenen die willen verkennen, en degenen die ervan houden om hun handen vies te maken van codes. Veel van de volgende tips kunnen echter tot gevolg hebben dat uw website onbruikbaar wordt, daarom moeten ze met meer aandacht en met extra voorzichtigheid worden uitgevoerd.

12. WordPress Output Debug File

Dit fragment vertelt WordPress dat het de logboekfout van het debug in a moet opslaan .logboek bestand in plaats van het in de front-end weer te geven. Een handig fragment om WordPress-foutopsporing in een live site mogelijk te maken.

Compatibiliteit: WordPress 3.1

 define ('WP_DEBUG', true); define ('WP_DEBUG_LOG', true); define ('WP_DEBUG_DISPLAY', false); 

13. Jetpack-modules gebruiken - offline

Voer alle Jetpack-modules uit en schakel ze offline uit, inclusief de modules waarvoor u daadwerkelijk verbinding met WordPress.com moet maken; een nuttige tip als u Jetpack-modules ontwikkelt en integreert met uw thema.

Compatibiliteit: WordPress 4.1

14. Log in op WordPress met e-mailadres

WordPress onthult de gebruikersnaam van een gebruiker, waardoor het een stap gemakkelijker wordt voor aanvallen met brute kracht. U kunt overwegen inlogparameters te wijzigen met een e-mailadres en wachtwoord combinatie in plaats van op gebruikersnaam met deze hack.

Compatibiliteit: WordPress 2.5.0

15. Schakel self-ping / zelf-trackback uit

Deze truc voorkomt dat WordPress zelf ping, wat gebeurt als u pagina's of berichten van uw eigen website koppelt.

 functie no_self_ping (& $ links) $ home = get_option ('home'); foreach ($ links als $ l => $ link) als (0 === strpos ($ link, $ home)) niet is ingesteld ($ links [$ l]);  add_action ('pre_ping', 'no_self_ping'); 

Een andere manier om dit te gebruiken is door Disabler-plug-in te installeren. Het is een plug-in waarmee u bepaalde WordPress-functies in- of uitschakelt, waaronder zelf ping uitschakelen.

Compatibiliteit: WordPress 2.0

16. Inhoud vooraf invullen

Deze tip is best handig als u standaard inhoud wilt toevoegen elke keer dat u een nieuw bericht, een nieuwe pagina of een aangepast berichttype maakt; het idee lijkt op het toevoegen van een standaardhandtekening bij het maken van nieuwe e-mails.

Compatibiliteit: WordPress 1.5

17. Aangepaste klasse voor bericht

De volgende tip onderzoekt enkele aanpassingen van WordPress Post Class grondig met post_class. Het is handig als u specifieker wilt zijn met betrekking tot uw berichtstijlen.

Compatibiliteit: WordPress 2.7

18. Google-lettertypen toevoegen (de juiste manier)

Nog een geweldige tip van ThemeShaper, een complete gids om Google Font correct aan je WordPress Theme toe te voegen. Het bevat informatie over hoe u het in de front-end kunt toevoegen, in de editor en hoe u compatibiliteit voor verschillende talen kunt garanderen.

Compatibiliteit: WordPress 3.0

19. Alternatieve sjabloon laden

WordPress gebruikt single.php om post-inhoud weer te geven. Als je het wilt veranderen, misschien, post.php, Deze tip laat zien hoe u standaard WordPress-sjablonen op de juiste manier kunt negeren.

 add_filter ('template_include', 'my_callback'); function my_callback ($ original_template) if (some_condition ()) keer SOME_PATH terug. '/Some-custom-file.php';  else return $ original_template;  

Compatibiliteit: WordPress 1.5

20. WordPress Theme Customizer vanuit Scratch

WordPress 3.4 voegt een nieuwe API toe genaamd Customizer waarmee u besturingselementen kunt maken om het thema aan te passen en het resultaat in realtime te bekijken. De Customizer API kan echter voor sommigen overwhleming zijn, omdat het multidisciplinaire codesets omvat, waaronder PHP, JavaScript, Ajax en jQuery.

Desondanks heeft Theme Foundation een complete handleiding voor WordPress Customizer samengesteld. Je leert hoe je het menu Aanpassen kunt toevoegen, secties, instellingen, invoerbesturingselementen en panelen kunt maken en hun functies allemaal tegelijk kunt leren - in en uit. Een essentiële referentie voor WordPress-thema-ontwikkelaars.

Compatibiliteit: WordPress 3.4

21. Vagrant gebruiken met WordPress

Vagrant is een geweldig hulpmiddel om een ​​virtuele omgeving te creëren en om een ​​test van uw WordPress-ontwikkeling uit te voeren om ervoor te zorgen dat thema's en plug-ins in verschillende gevallen zouden werken. In deze volgende tip zal Daniel Pataki je helpen om je WordPress-site met Vagrant up and running te krijgen.

Compatibiliteit: Elke WordPress-versie

22. Ophalen van WordPress Gravatar-URL

De WordPress get_avatar () is een handige functie om de avatar van een gebruiker te krijgen; de functie haalt de afbeelding samen met de img element. Maar soms wil ik alleen de afbeeldings-URL pakken, zodat ik vrij en eenvoudig aangepaste klassen of id's aan de afbeelding kan toevoegen.

Als u dit in gedachten hebt, voegt u de volgende code toe in uw functions.php:

 function get_avatar_img_url () $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email); $ url = add_query_arg (array ('s' => 80, 'd' => 'mm',), $ url); return esc_url_raw ($ url);  

Dan ergens in een ander bestand - misschien single.php of page.php - gebruik de volgende code om de afbeelding te tonen.

 $ avatar_url = get_avatar_img_url (); echo ''; 

Hier is een meer gedetailleerd bericht om het voor je op te splitsen.

Compatibiliteit: WordPress 1.5

23. Klassen uit het menu verwijderen

WordPress voegt standaard een aantal klassen toe. Hoewel dit goed is om uitgebreide aanpassingen mogelijk te maken, ziet de HTML-opmaak van het menu er echt rommelig uit. Ruim het op en voeg alleen de klasse toe die je nodig hebt met het onderstaande fragment.

 add_filter ('nav_menu_css_class', 'my_css_attributes_filter', 100, 1); add_filter ('nav_menu_item_id', 'my_css_attributes_filter', 100, 1); add_filter ('page_css_class', 'my_css_attributes_filter', 100, 1); function my_css_attributes_filter ($ var) return is_array ($ var)? array_intersect ($ var, array ('current-menu-item')): "; 

Compatibiliteit: WordPress 3.0.0

24. SSL toepassen in WordPress Multisite

SSL beveiligt niet alleen uw website, maar hobbelt ook de rangorde op in het Google-zoekresultaat. In de volgende tip behandelt Jenni McKinnon hoe SSL kan worden geïmplementeerd in WordPress-multisites die meerdere subdomeinen kunnen gebruiken.

Compatibiliteit: WordPress 3.0.0

25. WordPress Content Editor aanpassen

Het toevoegen van stijlen aan de editor verbetert de schrijfervaring in de WordPress-editor. Je kunt de typografische stijlen van de backend matchen met de front-end, zodat je de uiteindelijke versie (of een versie die zo dicht mogelijk bij de finale staat) tijdens het schrijven kunt zien. Dit zal het wisselen van heen en weer tussen de editor en de inhouduitvoer verminderen.

 function my_editor_styles () add_editor_style ('editor-style.css');  add_action ('admin_init', 'my_editor_styles'); 

Compatibiliteit: WordPress 3.0.0

26. Maken van invoerscherm Welkomstscherm

Als u zojuist WordPress hebt bijgewerkt, wordt u doorgestuurd naar een speciaal scherm met de details van de nieuwste versie die u net hebt geïnstalleerd, de bijdragers, de toevoegingen en alle wijzigingen die u onder de motorkap hebt aangebracht. Deze tip, Het creëren van een welkomstscherm voor je WordPress plug-in door Daniel Pataki zal je helpen bij het bouwen van een welkomstscherm voor je eigen plug-in.

Compatibiliteit: WordPress 3.6

27. Pas het mobiele thema van Jetpack aan

Jetpack wordt geleverd met een mobiel thema. Het is een speciaal thema dat wordt gebruikt wanneer de website wordt bekeken op mobiele apparaten. En net als elk ander thema kunnen we het aanpassen. Hier is een uitleg van Jeremy, een van de ontwikkelaars van Jetpack, over het aanpassen van het Jetpack Mobile Theme. Het is een goed alternatief om te overwegen in plaats van responsief webontwerp.

Compatibiliteit: WordPress 3.8

28. Hoofdafbeelding aan categorie toevoegen

Wilt u een uitgelichte afbeelding voor een categorie toevoegen en weergeven in uw thema? Deze functie ontbreekt in WordPress, wat eigenlijk handig zou kunnen zijn voor thema-ontwikkelaars.

Compatibiliteit: WordPress 3.6

29. Verborgen weergave “Alle instellingen”

Een WordPress easter egg, dit codefragment zal alle instellingen in de WordPress-database toevoegen aan één pagina.

 function all_settings_link () add_options_page (__ ('Alle instellingen'), __ ('Alle instellingen'), 'beheerder', 'options.php');  add_action ('admin_menu', 'all_settings_link'); 

Compatibiliteit: WordPress 3.1

30. Verwijder de updatemelding

WordPress geeft standaard update-meldingen weer voor alle gebruikersniveaus wanneer ze zijn aangemeld bij de backend. Voeg de volgende codes toe om de update-melding voor WordPress te verbergen, behalve voor gebruikers met beheerdersrechten.

 globale $ user_login; get_currentuserinfo (); if (! current_user_can ('update_plugins')) // controleert of de huidige gebruiker plug-ins add_action kan bijwerken ('init', create_function ('$ a', "remove_action ('init', 'wp_version_check');"), 2); add_filter ('pre_option_update_core', create_function ('$ a', "return null;"));  

Compatibiliteit: WordPress 3.0.1

31. Miniatuur toevoegen in bericht / pagina bewerkingslijst

Deze code geeft de aanbevolen afbeeldingen weer die u hebt toegewezen om in de kolom Post te posten. Een handige truc om te zien welk bericht een miniatuur heeft en welke niet. Merk op dat uw thema postminiaturen zou moeten ondersteunen.

 add_filter ('manage_posts_columns', 'posts_columns', 5); add_action ('manage_posts_custom_column', 'posts_custom_columns', 5, 2); function posts_columns ($ defaults) $ defaults ['riv_post_thumbs'] = __ ('Thumbs'); $ standaardwaarden retourneren;  function posts_custom_columns ($ column_name, $ id) if ($ column_name === 'riv_post_thumbs') echo the_post_thumbnail ('featured-thumbnail');  

Compatibiliteit: WordPress 3.0.0

32. Afbeeldingen verscherpen

Eerlijk gezegd wist ik niet dat we afbeeldingen in WordPress konden verscherpen omdat we de afbeelding uploaden. Hier is hoe je kunt, maar onthoud dat het alleen werkt voor JPG-afbeeldingen.

 functie ajx_sharpen_resized_files ($ resized_file) $ image = wp_load_image ($ resized_file); als (! is_bron ($ afbeelding)) nieuwe WP_Error retourneert ('error_loading_image', $ image, $ file); $ size = @getimagesize ($ resized_file); als (! $ -formaat) nieuwe WP_Error retourneert ('invalid_image', __ ('Kan afbeeldingsgrootte niet lezen'), $ bestand); lijst ($ orig_w, $ orig_h, $ orig_type) = $ grootte; switch ($ orig_type) case IMAGETYPE_JPEG: $ matrix = array (array (-1, -1, -1), array (-1, 16, -1), array (-1, -1, -1),) ; $ divisor = array_sum (array_map ('array_sum', $ matrix)); $ offset = 0; imageconvolution ($ afbeelding, $ matrix, $ deler, $ offset); imagejpeg ($ image, $ resized_file, apply_filters ('jpeg_quality', 90, 'edit_image')); breken; case IMAGETYPE_PNG: return $ resized_file; case IMAGETYPE_GIF: return $ resized_file;  return $ resized_file;  add_filter ('image_make_intermediate_size', 'ajx_sharpen_resized_files', 900); 

Compatibiliteit: WordPress 2.5

33. Verwijder overbodige info in het hoofd

WordPress voegt een aantal dingen toe in de zoals WordPress-versie, RSD Link en Shortlink, info dat is niet zo nuttig. Ga als volgt te werk om deze stukjes info te verwijderen:

 functie remove_header_info () remove_action ('wp_head', 'rsd_link'); remove_action ('wp_head', 'wlwmanifest_link'); remove_action ('wp_head', 'wp_generator'); remove_action ('wp_head', 'start_post_rel_link'); remove_action ('wp_head', 'index_rel_link'); remove_action ('wp_head', 'adjacent_posts_rel_link'); // voor WordPress < 3.0 remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head' ); // for WordPress >= 3.0 add_action ('init', 'remove_header_info'); 

Verwijder een van beide remove_action van het bovenstaande fragment dat u wilt behouden.

Compatibiliteit: WordPress 2.0

34. Smart WP_Debug

In het ideale geval moet u de WP_Debug niet inschakelen op een live-site omdat deze kritieke informatie blootlegt. Maar als je een truc nodig hebt om dit veilig te doen, dan is het hier:

 if (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '1') // maak de rapportage van kennisgevingen tijdens de ontwikkeling mogelijk - E_ALL define ('WP_DEBUG', true);  elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '2') // moet waar zijn voor WP_DEBUG_DISPLAY om te werken definiëren ('WP_DEBUG', true); // dwingen de weergave van fouten definiëren ('WP_DEBUG_DISPLAY', true);  elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '3') // moet waar zijn voor WP_DEBUG_LOG om te werken definiëren ('WP_DEBUG', true); // log-fouten in debug.log in de wp-content directory definiëren ('WP_DEBUG_LOG', true);  

Met de bovenstaande code toegevoegd, kunt u debugging inschakelen door toe te voegen ?debug = 2, ?debug = 1, ?debug = 3 aan het einde van de URL om de fout te zien die zich voordoet in uw website.

Compatibiliteit: WordPress 2.0

35. Shortcode in widget inschakelen

Het volgende is een handig stuk code als u Youtube of SoundCloud in het widgetgebied wilt insluiten met een shortcode.

 add_filter ('widget_text', array ($ wp_embed, 'run_shortcode'), 8); add_filter ('widget_text', array ($ wp_embed, 'autoembed'), 8); 

Compatibiliteit: WordPress 2.9.0

36. Stel de standaardeditor in (visueel / tekst)

Stel het standaard type editor in dat uw gebruikers kunnen gebruiken. Verander de $ editor ofwel html of tinymce. Natuurlijk zou de gebruiker zich nog steeds kunnen afmelden voor de standaardinstelling.

 function my_default_editor () $ editor = 'tinymce'; // html of tinymce return $ editor;  add_filter ('wp_default_editor', 'my_default_editor'); 

Compatibiliteit: WordPress 2.5.0

37. Verleng automatische uitloging

WordPress zorgt ervoor dat iemand ingelogd blijft gedurende 48 uur, plus een verlenging van 14 dagen als we de “Onthoud mij” optie bij inloggen. Als u er echter zeker van bent dat uw computer niet wordt geschonden door een tweede of derde partij, kunt u deze code toevoegen om uzelf maximaal een jaar lang in te loggen. U wordt slechts eenmaal per jaar om een ​​login gevraagd.

 functie keep_me_logged_in_for_1_year ($ expirein) terug 31556926; // 1 jaar in seconden add_filter ('auth_cookie_expiration', 'keep_me_logged_in_for_1_year'); 

Compatibiliteit: WordPress 2.8.0

38. Gebruik altijd figuur

WordPress wordt ingepakt img met een p label. Als u een semantische purist voor de HTML bent, kunt u deze code toevoegen om WordPress te dwingen om de afbeelding om te slaan met de figuur element.

 add_filter ('image_send_to_editor', functie ($ html, $ id, $ caption, $ title, $ align, $ url, $ size, $ alt) if (current_theme_supports ('html5') &&! $ caption) $ html = sprintf ('
% s
', $ html); // Pas aan uw behoeften aan! return $ html; , 10, 8); 

Compatibiliteit: WordPress 2.9.0

39. Wijzig standaardrolnaam

“Beheerder”, “Schrijver”, en “Abonnee” zijn de namen die voor WordPress-gebruikers op administratief niveau worden gegeven. Als u deze standaardnamen wilt wijzigen in iets dat beter geschikt is voor uw website, voegt u de volgende code toe en voert u de wijziging in de namen in naar uw voorkeur:

 function change_role_name () global $ wp_roles; if (! isset ($ wp_roles)) $ wp_roles = new WP_Roles (); $ wp_roles-> roles ['contributor'] ['name'] = 'Freelance'; $ wp_roles-> role_names ['contributor'] = 'Freelance';  add_action ('init', 'change_role_name'); 

Compatibiliteit: WordPress 3.1

40. Standaard Attachment-instellingen

Hier is een fragment waarmee u de standaardgrootte, uitlijning en de koppeling kunt opgeven voor afbeeldingen die u in de editor wilt insluiten.

 add_action ('after_setup_theme', 'default_attachment_display_settings'); function default_attachment_display_settings () update_option ('image_default_align', 'left'); update_option ('image_default_link_type', 'none'); update_option ('image_default_size', 'large');  

Compatibiliteit: WordPress 3.5

41. Uitgelichte afbeelding valideren

Sommigen van ons geven er de voorkeur aan dat berichten worden vrijgegeven met een Uitgelichte afbeelding. Dit bericht, Featured Image Image On Post, door Paul Underwood laat je zien hoe je je gebruikers kunt laten uploaden van een afbeelding voordat hun bericht gepubliceerd kan worden.

Compatibiliteit: WordPress 3.0

42. Aangepaste beeldgrootte in Media Uploader

add_image_size is de WordPress-functie waarmee we een aangepast beeldformaat kunnen bijsnijden en weergeven. Als u gebruikers toestemming wilt geven om een ​​afbeelding toe te voegen binnen dit aangepaste formaat, voegt u de volgende codes toe om de afbeelding weer te geven “aangepaste afbeeldingsgrootte” optie in de WordPress media-uploader.

 functie pw_add_image_sizes () add_image_size ('pw-thumb', 300, 100, true); add_image_size ('pw-large', 600, 300, true);  add_action ('init', 'pw_add_image_sizes'); functie pw_show_image_sizes ($ sizes) $ sizes ['pw-thumb'] = __ ('Custom Thumb', 'pippin'); $ sizes ['pw-large'] = __ ('Custom Large', 'pippin'); keer $ maten terug;  add_filter ('image_size_names_choose', 'pw_show_image_sizes'); 

Compatibiliteit: WordPress 3.8

43. Laad het script alleen als er een bepaalde shortcode aanwezig is

In een vorige post hebben we u laten zien hoe u een aangepaste shortcode kunt maken. Als uw shortcode een JavaScript-functie vereist, volg dan de Jedi Master-weg van Silviu-Cristian Burcă (bekend als Scribu) om ervoor te zorgen dat u alleen het JavaScript laadt wanneer de shortcode wordt toegepast.

Compatibiliteit: WordPress 2.6

44. Menu Beschrijving

Wanneer u een menu toevoegt via Uiterlijk> Menu, je ziet een invoer om toe te voegen “Omschrijving”. Maar je zult het nergens in de front-end vinden omdat we de standaard menusjabloon van WordPress moeten aanpassen om de beschrijving toe te voegen.

Hier is een elegante manier om dat te doen.

 functie add_description_to_menu ($ item_output, $ item, $ depth, $ args) if (strlen ($ item-> description)> 0) // voeg beschrijving toe na link $ item_output. = sprintf ('% s', esc_html ($ item-> beschrijving)); // voeg een beschrijving toe als laatste item * in * link ($ input_output eindigt met "$ args-> after ") // $ item_output = substr ($ item_output, 0, -strlen ("$ args-> after ")). sprintf ('% s', esc_html ($ item-> beschrijving)). "$ args-> after "; return $ item_output; add_filter ('walker_nav_menu_start_el', 'add_description_to_menu', 10, 4); 

Compatibiliteit: WordPress 3.0.0

45. Dashicons gebruiken

U kunt WordPress's eigen lettertype icon Dashicons nu gebruiken om pictogrammen toe te voegen aan het wp-admin-menu. Bekijk onze tutorial over hoe Dashicons te gebruiken.

Compatibiliteit: WordPress 3.8

46. ​​Aanpassen “Howdy” Bericht

Volg onze vorige tutorial om de WordPress onzinnig te veranderen “howdy” bericht dat verschijnt op de beheerbalk naar iets persoonlijks.

Compatibiliteit: WordPress 2.9

47. Post van de populaire populaire widget van Jetpack uitsluiten

Jetpack wordt geleverd met een widget waarmee je de meest bekeken of populaire berichten en pagina's kunt weergeven. Maar soms zijn uw meest populaire pagina's de startpagina of een pagina die u niet wilt opnemen in de meest bekeken stapel.

Voeg de volgende code toe om die pagina of bericht te verwijderen:

 functie jeherve_remove_post_top_posts ($ posts, $ post_ids, $ count) foreach ($ posts als $ k => $ post) if ('1215' == $ post ['post_id']) unset ($ posts [$ k] );  return $ posts;  add_filter ('jetpack_widget_get_top_posts', 'jeherve_remove_post_top_posts', 10, 3); 

Vervang de ID die wordt weergegeven in het fragment met de ID van het bericht of de pagina die u wilt verwijderen.

Compatibiliteit: WordPress 4.0 en Jetpack 3.3

48. Titel titel afbreken

Het volgende fragment bepaalt de maximale lengte van de titel. Voeg het volgende fragment toe in functions.php. Gebruik dan de functie customTitle () in de sjabloon om de titel uit te voeren in plaats van de WordPress de titel() methode.

 function customTitle ($ limit) $ title = get_the_title ($ post-> ID); if (strlen ($ title)> $ limit) $ title = substr ($ title, 0, $ limit). '...';  echo $ titel;  

Als u een WordPress-thema met een opgemaakte lay-out maakt, waarbij de tegelhoogte gelijk moet zijn, kunt u de limiet van de titellengte opgeven. Dit fragment zou in dat geval van pas kunnen komen.

Compatibiliteit: WordPress 3.0

49. WordPress-logo verwijderen

WordPress 3.1 voegt een beheerbalk toe, die een handvol links en het WordPress-logo bevat. Als u websites gaat uitdelen aan een klant en u wilt dat deze merkloos is, dan is hier de functie om dat WordPress-logo te verwijderen.

 function annointed_admin_bar_remove () global $ wp_admin_bar; / * Verwijder hun spullen * / $ wp_admin_bar-> remove_menu ('wp-logo');  add_action ('wp_before_admin_bar_render', 'annointed_admin_bar_remove', 0); 

Compatibiliteit: WordPress 3.1.0

50. QR-code met link naar artikel

Verbeter de toegankelijkheid van uw website voor mobiele apparaten met QR-codes. Met deze code kunt u QR-codes weergeven met een koppeling naar het artikel. Mobiele gebruikers met een QR-codescanner kunnen de artikelkoppeling verkrijgen voor snelle weergave op hun mobiele apparaten.

  "Https://assets.hongkiat.com/uploads/wordpress-plugin-administration/wider-menu.jpg">