Tidligere har vi præsenteret mere end 30 hacks og tricks til at tilpasse WordPress. Men WordPress har været gennem flere iterationer og opdateringer siden offentliggørelsen af denne samling. Nogle WordPress-funktioner er blevet droppet, nogle er blevet erstattet af bedre tilgange, der gør nogle tricks du kender ikke længere brugbar.
Vi regnede med, at du måske vil have nye tip, tricks og hacks, der virker med den nyeste version af WordPress. Her er 50. Som en venlig påmindelse skal du være forsigtig, når du forsøger et af tipsene i afsnittet Avanceret, fordi du muligvis kan gøre dit websted ubrugeligt, hvis du ikke ved hvad du laver.
1. Deaktivering af fuldhøjeditor
WordPress 4.0 tilføjede en subtil UX-ændring i editoren. Hvis du ruller eller skriver et længdeafsnit, vil editorens højde svare til højden af din skærm, idet du eliminerer rullebjælkerne inde i editoren.
For at nå nogle paneler som Uddrag og Brugerdefinerede felter der ligger under editoren, skal du rulle hele vejen ned gennem slutningen af afsnit. Hvis du ikke vil have dette, skal du markere indstillingen i feltet Skærmindstillinger panel.
Kompatibilitet: WordPress 4.0
2. Embed før og efter billedsammenligning
Har du nogensinde oplevet billedsammenligning, hvor du kan glide til højre for at se Før og til venstre for efter? Hvis du ønsker at vise noget sådan på din hjemmeside, kan du installere TwentyTwenty. Dette plugin er baseret på Zurb TwentyTwenty. Proppen introducerer en ny kortkode, [Twentytwenty], hvor du kan tilføje to billeder til sammenligning.
Kompatibilitet: WordPress 3.5.1 eller højere
3. Ret plugins eller temaer til tidligere version (nemt)
Som med enhver anden systemopdatering er der en chance for, at en ny plugin eller tema opdatering ved et uheld kan skrue op på dit websted. WordPress tillader ikke os at vende tilbage til den tidligere version, men du kan installere denne plugin WP-Rollback for at få den funktionalitet. Når den er aktiveret, tilføjer den et link “Tilbagerulning” på ethvert installeret plugin.
Kompatibilitet: WordPress 3.8 eller højere
4. Organiser Admin Menu
Brug dette plugin, Admin Menu Manager, til at organisere hver menupunkt i admin via en træk-og-slip-grænseflade.
Kompatibilitet: WordPress 4.0 eller højere
5. Tekst editor SyntaxHighlighter
TextPress-tekstmoduseditoren er temmelig almindelig. Du kan gøre det mere brugervenligt ved at installere HTML Editor SyntaxHighlighter, et plugin, der tilføjer syntaksfarver som i en kode editor. Det vil gøre redigering meget nemmere, især hvis du bruger tekstmodus editor oftere end den visuelle (WYSIWYG) modstykke.
Kompatibilitet: WordPress 3.3 eller højere
6. Tilføjelse af ikon i menuen
Følg dette tip for at tilføje ikon ved siden af dine menupunkter på hjemmesiden, hvilket giver din menu navigation mere visuel appel.
Kompatibilitet: WordPress 4.1 eller højere
7. Aktiverer talesøgning
WordPress-søgning er dårligt bygget, besværligt, og lad mig ikke starte med nøjagtigheden af søgeresultaterne. Men lad det ikke stoppe dig fra at føje talesøgningskapacitet til det. Når du er installeret, vil du bemærke en “mikrofon” ikonet vises i søgefeltet.
Kompatibilitet: WordPress 2.6 eller højere
8. Installer WordPress-plugin via Github
Har du fundet et WordPress-plugin i Github, som du vil installere på din hjemmeside? Følg dette tip om, hvordan du installerer plugins bekvemt med blot et par klik. Pas på, om hvad du installerer som plugins, ikke modereres. Der kan være en chance for, at ondsindede koder tillader infiltrering af dit websted.
Kompatibilitet: WordPress 3.6 eller højere
9. Installer plugin med enkelt klik
For mere plugin-styring kan du installere WP-Core. Dette er et plugin, der gør WordPress plugin-installationer mere strømlinede. Du kan også lave en samling for at sætte flere plugins sammen og installere dem med et enkelt klik.
Kompatibilitet: WordPress 3.5 eller højere
10. Avancerede billedformater
Vi plejede at sætte margener og grænser, når vi indsætter billeder til indholdet. Fra WordPress 3.9 og videre blev disse muligheder fjernet. Hvis du har savnet dem, kan du installere dette plugin for at bringe disse muligheder tilbage.
Kompatibilitet: WordPress 3.9 eller højere
11. Vis disk brugskort
Installer denne plugin Disk Usage Sunburst for at vise en smuk visualisering, svarende til DaisyDisk, af dit websteds diskpladsbrug. Et ganske nyttigt værktøj til at føje til dit websted.
Kompatibilitet: WordPress 4.0 eller højere
Fremskreden
Ud over dette punkt er avancerede tips og tricks til dem, der har lyst til at udforske, og dem der nyder at få deres hænder beskidte med koder. Imidlertid kan mange af følgende tips gøre dit website ubrugeligt, derfor skal de udføres med mere opmærksomhed og med ekstra forsigtighed.
12. WordPress Output Debug File
Dette uddrag vil fortælle WordPress at gemme fejlfejllogfejlen i en .log fil i stedet for at vise den i fronten. Et praktisk uddrag til at aktivere WordPress-fejlfinding i et levende websted.
Kør og aktiver alle Jetpack-moduler offline, herunder de moduler, der faktisk kræver, at du opretter forbindelse til WordPress.com til arbejde. et nyttigt tip, hvis du udvikler og integrerer Jetpack-moduler til dit tema.
Kompatibilitet: WordPress 4.1
14. Log på til WordPress med e-mail-adresse
WordPress udsætter en brugers brugernavn, hvilket gør det et skridt lettere for brute-force angreb. Du kan overveje at ændre login parametre med en email og adgangskode kombination i stedet for brugernavn ved hjælp af dette hack.
Kompatibilitet: WordPress 2.5.0
15. Deaktiver self-ping / self-trackback
Dette trick forhindrer WordPress fra selvping, hvilket sker hvis du krydser sider eller indlæg på din egen hjemmeside.
funktion no_self_ping (& $ links) $ home = get_option ('home'); foreach ($ links som $ l => $ link) hvis (0 === strpos ($ link, $ home)) unset ($ links [$ l]); add_action ('pre_ping', 'no_self_ping');
En anden måde, du kan bruge, er at installere Disabler plugin. Det er et plugin, der giver dig mulighed for at aktivere eller slukke for visse WordPress-funktioner, herunder at deaktivere selvping.
Kompatibilitet: WordPress 2.0
16. Pre-Populere Indhold
Dette tip er ret nyttigt, hvis du vil tilføje standardindhold hver gang du opretter et nyt indlæg, en side eller et tilpasset indlægstypeindhold; ideen ligner at tilføje en standard signatur, når du opretter nye e-mails.
Kompatibilitet: WordPress 1.5
17. Custom Class for Post
Følgende tip udforsker nogle tilpasninger af WordPress Post Class grundigt med post_class. Det er nyttigt, hvis du vil være mere specifik med hensyn til dine indlægstilarter.
Kompatibilitet: WordPress 2.7
18. Tilføjelse af Google Fonts (den rigtige måde)
Et andet godt tip fra ThemeShaper, en komplet vejledning til at tilføje Google Font til dit WordPress Theme korrekt. Det omfatter, hvordan man tilføjer det i fronten, i editoren, og hvordan man sikrer kompatibilitet for forskellige sprog.
Kompatibilitet: WordPress 3.0
19. Indlæser alternativ skabelon
WordPress bruger single.php for at vise indlægsindhold. Hvis du vil ændre det til, måske, post.php, Dette tip viser dig, hvordan du overstyrer standard WordPress-skabeloner korrekt.
WordPress 3.4 tilføjer en ny API kaldet Customizer, som giver dig mulighed for at opbygge kontroller for at tilpasse tema og se resultatet i realtid. Customizer API'en kan overbelaste for nogle, da det indebærer tværfaglige kodesæt inklusive PHP, JavaScript, Ajax og jQuery.
Ikke desto mindre har Theme Foundation samlet en komplet vejledning til WordPress Customizer. Du vil lære at tilføje menuen Tilpas, bygg sektioner, Indstillinger, Input Controls samt Panels, og lær deres funktioner alle sammen - ind og ud. En vigtig reference til WordPress-temaudviklere.
Kompatibilitet: WordPress 3.4
21. Brug af Vagrant med WordPress
Vagrant er et godt værktøj til at skabe et virtuelt miljø og at køre en test af din WordPress-udvikling for at sikre, at temaer og plugins ville fungere i forskellige tilfælde. I dette følgende tip, Daniel Pataki, vil du gå igennem, hvordan du får dit WordPress-websted op og kører med Vagrant.
Kompatibilitet: Enhver WordPress Version
22. Henter WordPress Gravatar URL
The WordPress get_avatar () er en praktisk funktion til at få en brugers avatar; funktionen henter billedet sammen med img element. Men nogle gange vil jeg bare tage billedwebadressen, så jeg frit og nemt kan tilføje tilpassede klasser eller ids til billedet.
Hvis du har det i tankerne, skal du tilføje følgende kode i din functions.php:
Så et sted i en anden fil - måske single.php eller page.php - Brug følgende kode til at vise billedet.
$ avatar_url = get_avatar_img_url (); ekko '';
Her er et mere detaljeret indlæg for at bryde det ned for dig.
Kompatibilitet: WordPress 1.5
23. Fjern klasser fra menuen
WordPress tilføjer som standard en flok klasser. Selvom det er godt at tillade omfattende tilpasning, ser menuen HTML markup virkelig rodet ud. Ryd det op og tilføj kun den klasse du har brug for med uddraget nedenfor.
SSL sikrer ikke kun din hjemmeside, men støtter også placeringen i Googles søgeresultat. I det følgende tip dækker Jenni McKinnon hvordan man implementerer SSL i WordPress multisites, der kan anvende flere underdomæner.
Kompatibilitet: WordPress 3.0.0
25. Tilpasning af WordPress Content Editor
Tilføjelse af stilarter til editoren forbedrer skriveoplevelsen i WordPress editor. Du kan matche de typografiske stilarter i backend med frontenden, så du kan se den endelige version (eller en version så tæt på finalen som muligt), mens du skriver. Dette vil reducere skiftningen frem og tilbage mellem editoren og indholdsudgangen.
Hvis du lige har opdateret WordPress, bliver du omdirigeret til en speciel skærm, der viser detaljerne i den seneste version, du netop har installeret, bidragyderne, tilføjelserne samt alle de ændringer, der foretages under emhætten. Dette tip, Oprettelse af en velkomstskærm til din WordPress-plugin af Daniel Pataki vil guide dig igennem hvordan man opbygger en velkomstskærm til dit eget plugin.
Kompatibilitet: WordPress 3.6
27. Tilpas Jetpack Mobile Theme
Jetpack leveres med et mobilt tema. Det er et specielt tema, der bruges, når hjemmesiden ses på mobile enheder. Og ligesom ethvert andet tema kan vi tilpasse det. Her er en vejledning af Jeremy, en af Jetpack-udviklere, om, hvordan man tilpasser Jetpack Mobile Theme. Det er et godt alternativ til at overveje i stedet for lydhurt webdesign.
Kompatibilitet: WordPress 3.8
28. Tilføjelse af valgt billede til kategori
Vil du tilføje et udvalgt billede til en kategori og vise det i dit tema? Denne funktion mangler fra WordPress, hvilket faktisk kunne være nyttigt for temaudviklere.
Kompatibilitet: WordPress 3.6
29. Skærm skjult “Alle indstillinger”
Et WordPress påskeæg, vil denne kodestykke føje alle indstillinger i WordPress-databasen til en side.
WordPress, som standard, viser opdateringsmeddelelser til alle brugerniveauer, når de er logget ind på backend. Tilføj følgende koder for at skjule WordPress-opdateringsmeddelelse undtagen brugere med administrativt privilegium.
global $ user_login; get_currentuserinfo (); // current_user_can ('update_plugins')) // kontrollerer for at se om den aktuelle bruger kan opdatere plugins add_action ('init', create_function ('$ a', 'remove_action (' init ',' wp_version_check '); 2); add_filter ('pre_option_update_core', create_function ('$ a', "return null;"));
Kompatibilitet: WordPress 3.0.1
31. Tilføj miniaturebillede i post / side rediger liste
Denne kode vil vise fremhævede billeder, du har tildelt til at skrive i kolonnen Indlæg. Et nyttigt trick for at se, hvilket indlæg der har en miniature og som ikke gør det. Bemærk, at dit tema skal understøtte miniaturebilleder.
Ærligt vidste jeg ikke, at vi kunne skærpe billeder i WordPress, da vi uploader billedet. Sådan gør du det, men husk at det kun virker på JPG-billeder.
WordPress tilføjer en masse ting i som WordPress-version, RSD Link og Shortlink, info, der ikke er alt, hvad der er nyttigt. For at fjerne disse informationstyper skal du bruge dette:
Fjern enten en af remove_action fra ovenstående stykke, som du vil beholde.
Kompatibilitet: WordPress 2.0
34. Smart WP_Debug
Ideelt set bør du ikke aktivere WP_Debug på et live-websted, da det vil afsløre vigtige oplysninger. Men hvis du har brug for et trick til at gøre det sikkert, er det her:
hvis (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '1') // aktiver rapportering af meddelelser under udvikling - E_ALL define ('WP_DEBUG', true); elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '2') // skal være sandt for WP_DEBUG_DISPLAY at arbejde definere ('WP_DEBUG', sandt); // tvinge visning af fejl definere ('WP_DEBUG_DISPLAY', sandt); elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '3') // skal være sandt for WP_DEBUG_LOG at arbejde definere ('WP_DEBUG', sandt); // log fejl til debug.log i wp-indhold bibliotek definere ('WP_DEBUG_LOG', true);
Med ovenstående kode tilføjet kan du aktivere fejlfinding ved at tilføje ?debug = 2, ?debug = 1, ?debug = 3 i slutningen af webadressen for at se den fejl, der opstår på din hjemmeside.
Kompatibilitet: WordPress 2.0
35. Aktiver kortkode i widget
Følgende er et nyttigt stykke kode, hvis du vil integrere Youtube eller SoundCloud i widgetområdet med en shortcode.
Indstil standard type editor, som dine brugere kan bruge. Skift $ redaktør enten til html eller TinyMCE. Selvfølgelig vil brugeren stadig kunne fravælge standarden.
funktion my_default_editor () $ editor = 'tinymce'; // html eller tinymce returnere $ editor; add_filter ('wp_default_editor', 'my_default_editor');
Kompatibilitet: WordPress 2.5.0
37. Prolong Auto-logout
WordPress gør det muligt at forblive logget ind i 48 timer, plus en forlængelse på 14 dage, hvis vi tjekker “Husk mig” mulighed ved login. Hvis du er sikker på, at din computer ikke bliver brudt af en anden eller en tredjepart, kan du tilføje denne kode for at holde dig logget ind i op til et år. Du bliver kun bedt om et login en gang om året.
funktion keep_me_logged_in_for_1_year ($ expirein) return 31556926; // 1 år i sekunder add_filter ('auth_cookie_expiration', 'keep_me_logged_in_for_1_year');
Kompatibilitet: WordPress 2.8.0
38. Brug altid figur
WordPress vil pakke ind img med en p tag. Hvis du er en HTML semantisk purist, kan du tilføje denne kode for at tvinge WordPress til at pakke billede med figur element.
“Administrator”, “Forfatter”, og “abonnent” er navne givet til WordPress brugere på administrativt niveau. Hvis du vil ændre disse standardnavne til noget, der lyder mere egnet til dit websted, skal du tilføje følgende kode og derefter ændre til navnene til det, du foretrækker:
Nogle af os foretrækker indlæg, der skal frigives med et fremvist billede. Dette indlæg, Validate Featured Image On Post, af Paul Underwood viser dig, hvordan du får dine brugere til at uploade et featured billede, før deres indlæg kan offentliggøres.
Kompatibilitet: WordPress 3.0
42. Brugerdefineret billedstørrelse i Media Uploader
add_image_size er WordPress-funktionen, som giver os mulighed for at beskære og vise brugerdefineret billedstørrelse. Hvis du vil tillade brugere at tilføje billede i denne brugerdefinerede størrelse, skal du tilføje følgende koder for at vise “brugerdefineret billedstørrelse” mulighed i WordPress media uploader.
43. Indlæs kun skript, hvis der findes en bestemt kortkode
I et tidligere indlæg har vi vist dig, hvordan du opretter en brugerdefineret kortkode. Hvis din kortkode kræver en JavaScript-funktion, skal du følge The Jedi Master måde af Silviu-Cristian Burcă (kendt som Scribu) for at sikre, at du kun indlæser JavaScript, når kortnummeret anvendes.
Kompatibilitet: WordPress 2.6
44. Menubeskrivelse
Når du tilføjer i en menu gennem Udseende> Menu, Du vil se en indgang, der skal tilføjes “Beskrivelse”. Men du finder det ikke overalt i fronten, da vi skal tilpasse WordPress-standardmenuen til at omfatte beskrivelsen.
Her er en elegant måde at gøre.
funktion add_description_to_menu ($ item_output, $ item, $ depth, $ args) if (strlen ($ item-> description)> 0) // tilføj beskrivelse efter link $ item_output. = sprintf% s', esc_html ($ item-> beskrivelse)); // indsæt beskrivelse som sidste vare * i * link ($ input_output slutter med "$ args-> efter ") // $ item_output = substr ($ item_output, 0, -strlen ("$ args-> efter ")). sprintf ('% s', esc_html ($ item-> beskrivelse)). "$ args-> after "; returnér $ item_output; add_filter ('walker_nav_menu_start_el', 'add_description_to_menu', 10, 4);
Kompatibilitet: WordPress 3.0.0
45. Brug af Dashicons
Du kan nu bruge WordPress eget designede ikon, Dashicons, til at tilføje ikoner til wp-admin-menuen. Se vores vejledning om, hvordan du begynder at bruge Dashicons.
Kompatibilitet: WordPress 3.8
46. Tilpas “Howdy” Besked
Følg vores tidligere vejledning for at ændre WordPress nonsensical “howdy” besked, der vises på adminlinjen til noget mere personlig.
Kompatibilitet: WordPress 2.9
47. Ekskluder post fra Jetpack Populær Widget
Jetpack leveres med en widget, der giver dig mulighed for at vise de mest viste eller populære indlæg og sider. Men nogle gange kan dine mest populære sider være hjemmesiden eller en side, som du ikke vil medtage i den mest viste bunke.
Tilføj følgende kode for at fjerne siden eller posten:
Udskift ID'et, der vises i uddraget med id'et af det indlæg eller den side, du vil fjerne.
Kompatibilitet: WordPress 4.0 og Jetpack 3.3
48. Afkort posttitel
Følgende uddrag styrer den maksimale titellængde. Tilføj følgende kodestykke i functions.php. Brug derefter funktionen customTitle () i skabelonen for at udlade titlen i stedet for WordPress titlen() metode.
funktion customTitle ($ limit) $ title = get_the_title ($ post-> ID); hvis (strlen ($ title)> $ grænse) $ title = substr ($ title, 0, $ limit). '...'; ekko $ title;
Hvis du opbygger et WordPress-tema med et flisebelagt layout, hvor flisens højde skal være ens, kan du angive grænsen for titellængden. Dette stykke skal være nyttigt i det tilfælde.
Kompatibilitet: WordPress 3.0
49. Fjern WordPress Logo
WordPress 3.1 tilføjer en admin bar, som indeholder en håndfuld links og WordPress logo. Hvis du skal uddele websites til en klient, og du vil have det til at være brandless, her er funktionen til at fjerne det WordPress logo.
Forbedre din hjemmeside tilgængelighed for mobile enheder med QR-koder. Denne kode giver dig mulighed for at vise QR-koder med et link, der peger på artiklen. Mobile brugere med en QR-kode scanner kan få artiklen link til hurtig visning på deres mobile enheder.