Share
Bent u onlangs begonnen met het gebruik van WordPress voor het project van uw klant en wilt u uw klant nog meer imponeren met een betere verpakking? Dit artikel gaat in op het verpakken van WordPress, zodat het binnen enkele minuten na voltooiing van een project unieker voor de klant zal zijn en niet het algemene gevoel zal hebben.
Een geweldig product wordt geleverd met een geweldige verpakking. Wanneer u een website voor uw klant ontwikkelt, voegt het goed inpakken de extra feel good-factor toe. De meeste klanten begrijpen de inspanningen die u heeft geleverd bij het maken van een dynamische website of de 1000 regels code die u hebt geschreven om een aangepaste plug-in te maken, niet. Het enige waar ze om geven is wat ze zien.
WordPress out of the box is goed ontworpen en ziet er net zo goed uit als elk commercieel product. Enkele extra aanrakingen zouden het persoonlijker maken voor de cliënt in plaats van er algemeen uit te zien. Dit artikel richt zich op het beter verpakken van WordPress in slechts enkele minuten na het voltooien van een project om het gevoel meer uniek te maken voor de klant en niet het algemene gevoel te hebben. Zonder in te gaan op de gedetailleerde uitleg van de kernfuncties van WordPress, zullen we ons alleen concentreren op snelle aanpassingen.
"Alles waar ze om geven is wat ze zien."
я
Wanneer een client toegang wil krijgen tot de WordPress-beheerder, is het eerste dat ze opmerken de aanmeldingspagina met een WordPress-logo. Zou het niet beter zijn als deze pagina het logo van het bedrijf van uw klant zou hebben of misschien van u? Er zijn veel eenvoudigere manieren om dit te doen met plug-ins die ook andere aanpassingsopties mogelijk maken. Maar persoonlijk geef ik er de voorkeur aan om dit in te stellen met behulp van het krachtige WordPress functions.php-bestand.я
Als u een functions.php in uw aangepast thema hebt, opent u het en maakt u, als dat niet het geval is, een bestand met de naam funtions.php aan en plaatst u het in de themamap.
Voeg de onderstaande regels toe in het bestand functions.php:
Accentsconagua
// CUSTOM ADMIN LOGIN HEADER LOGO-functie my_custom_login_logo () echo ''; add_action ('login_head', 'my_custom_login_logo'); Het pad "images / logo_admin.png" is relatief ten opzichte van de hoofdthemap en moet worden gewijzigd op basis van de locatie van uw logo-afbeelding. Zorg dat er extra witruimte is in de afbeelding onder het logo, anders raakt het waarschuwingsbericht mogelijk het logo aan. Zoals u met slechts een paar regels kunt zien, kunnen we het logo van de inlogpagina aanpassen zonder dat een plug-in nodig is. WordPress is zeer modulaire software met duizenden functies, zo niet meer. We kunnen inhaken op elke functie en de standaardinstellingen wijzigen door het gebruik van een function.php-bestand of via plug-ins. Met behulp van de bovenstaande code hebben we gewoon de haak login_head () gebruikt en er onze eigen functie aan toegevoegd. U kunt ook nog verder gaan en uw eigen stylesheet toevoegen aan de inlogpagina.
Als u op het logo op de inlogpagina klikt, gaat u naar www.wordpress.org. De alternatieve tekst van deze link is? Mogelijk gemaakt door WordPress ?. Met hetzelfde functions.php-bestand kunnen we nu de link en de alt-tekst aanpassen aan alles wat we willen.
// CUSTOM ADMIN LOGIN LOGO LINK-functie change_wp_login_url () echo bloginfo ('url'); // OF ECHO UW EIGEN URL add_filter ('login_headerurl', 'change_wp_login_url'); // CUSTOM ADMIN LOGIN LOGO & ALT TEXT-functie change_wp_login_title () echo get_option ('blognaam'); // OF ECHO JE EIGEN ALT-TEKST add_filter ('login_headertitle', 'change_wp_login_title'); In eerder voorbeeld hebben we add_action gebruikt en in het bovenstaande voorbeeld hebben we add_filter gebruikt. Wat is het verschil? Beide zijn WordPress-hooks, alleen verschil is dat we add_action voor grote functies en add_filter hebben gebruikt om tekst aan te passen voordat deze naar de database of browser wordt verzonden.
я
я
Zodra we inloggen en zich in de backend van WordPress bevinden, wordt er nog een klein logo van WordPress bovenaan weergegeven. Het is klein, maar als u het wilt wijzigen, voegt u onderstaande code toe aan hetzelfde functions.php-bestand dat we in de bovenstaande stap hebben gemaakt.
// CUSTOM ADMIN DASHBOARD HEADER LOGO-functie custom_admin_logo () echo ''; add_action ('admin_head', 'custom_admin_logo'); Zoals u kunt zien, is het formaat bijna hetzelfde als dat we gebruikten om het logo van de inlogpagina te veranderen. Het enige dat verandert, is de haak. In dit geval voegen we onze functie toe aan de hook admin_head ().
я
In de voettekst van de WordPress-backend zou u deze link opmerken? Bedankt voor het maken met withWordPress.я? ЯDocumentation я? ЯFreedomsя? ЯFeedbackя? ЕCreditits ?. WordPress verdient alle lof die we ooit kunnen geven voor het maken van zo'n prachtig stuk toepassing. Maar voor diegenen onder u die nog een stap verder willen en dit willen wijzigen hebben we nog een WordPress-haak tot onze redding.
// Admin footer modificatie functie remove_footer_admin () echo 'Ontwikkeld door uw naam'; add_filter ('admin_footer_text', 'remove_footer_admin'); U kunt uw eigen websitelink en -naam en ook andere gewenste koppelingen toevoegen, zoals een koppeling naar de ondersteuningswebsite of uw e-mailadres.
я
In het WordPress-dashboard zult u veel secties opmerken, zoals plug-ins, WordPress-nieuws, enz.
я
Moeten uw klanten echt details van nieuwe plug-ins, WordPress Nieuws en Blog Updates zien? Ik weet zeker dat ze beter af zijn zonder al deze dingen te zien.
De secties worden toegevoegd met behulp van de haak wp_dashboard_setup () en dezelfde kan worden gebruikt om ze te verwijderen. Kopieer eenvoudig de onderstaande code in uw functions.php-bestand om alles te verwijderen, behalve de meest vereiste secties.
// VERWIJDER DE META-DOZEN VAN HET DWAP-DASHBOARD VOOR ALLE GEBRUIKERS function example_remove_dashboard_widgets () // Globaliseer de array metaboxes, deze bevat alle widgets voor wp-admin global $ wp_meta_boxes; unset ($ wp_meta_boxes [ 'dashboard'] [ 'zijde'] [ 'kern'] [ 'dashboard_primary']); unset ($ wp_meta_boxes [ 'dashboard'] [ 'zijde'] [ 'kern'] [ 'dashboard_secondary']); unset ($ wp_meta_boxes [ 'dashboard'] [ 'normale'] [ 'kern'] [ 'dashboard_plugins']); add_action ('wp_dashboard_setup', 'example_remove_dashboard_widgets'); Deze functie kan ook worden uitgebreid om nieuwe vakken toe te voegen of om de vakken te verwijderen, zoals? Binnenkomende links ?,? Snelle pers? en anderen.
я
WordPress heeft meer dan 15.000 plug-ins. Als u nu wilt experimenteren, kunt u het beter doen op uw eigen website en niet die van uw klanten. Hieronder vindt u een lijst met plug-ins die zijn georganiseerd in verschillende categorieën die ik heb gebruikt voor bijna elk project dat ik in de afgelopen 12 maanden heb gemaakt.
Aan het einde, als de projectkosten dat toelaten, probeer dan een rapport te genereren van de website van je klant met behulp van http://gtmetrix.com/. Op deze website kunnen we een rapport genereren met de YSlow-tools van Google PageSpeed & Yahoo. Moeilijk om een score van 100 te behalen, maar als uw website goed is ontwikkeld en geen partij externe scripts gebruikt, zoals live plug-plugins van derden, dan is het behalen van een score van 80 niet moeilijk.
In dit artikel hebben we kort de aanpassingsopties besproken. Net als bij elke andere software, hoe meer je graaft, zou je dol zijn op WordPress.
Heeft u nog andere manieren om WordPress verder aan te passen? Deel met ons.
