WordPress dashboard widget voor branding

De WordPress dashboard widget is een perfecte manier om je klanten te binden als ontwikkelaar. Hiermee kan je bedrijfs- en contact gegevens in de WordPress dashboard te tonen. Als men vragen en of een extra klus hebben dan hebben zij direct de juiste informatie om contact op te nemen. En naast dat het goed is voor branding geeft dit ook een professionele look.

Vaak is het vrij normaal dat als iemand een WordPress website en of webshop laat bouwen ook voor vragen, aanpassing en verbetering terug keert bij de ontwikkelaar of het bedrijf dat de website heeft ontwikkeld. Waarschijnlijk heeft men wel de contactgegevens maar voor alle zekerheid is het toch handig de klant er iedere keer aan te herinneren als ze inloggen op de website. Dit voorkomt direct dat men toevallig eventjes gaan zoeken naar een ontwikkelaar en toevallig een andere vinden.

WordPress dashboard widget is goed voor branding en klantbinding en je komt ook professioneler over.

WordPress dashboard widget

Eigenlijk is het allemaal heel simpel. Het gaat erom dat je een stukje HTML maakt dat getoond kan worden in een dashboard widget. Met een functie wordt dit in het WprdPress systeem opgenomen.

Als voorbeeld gebruik ik hier de dashboard widget dat in de backend van deze website wordt gebruikt. Plaats de volgende code in de functions.php bestand en pas het HTML gedeelte naar wens aan.


// CLW | Create WordPress dashboard widget
function clw_dashboard_widget() {
// Start HTML For inside the widget
?>
<h2>Cornelis de Leeuw van Weenen</h2>
<h3>Freelance WordPress website ontwikkeling</h3>
<p>
	<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo-cornelis-de-leeuw-van-weenen-touch.png" alt="Cornelis Website ontwikkeling" style="width:144px;height:auto;float:right;">
	<span style="width: 60px;display: inline-block;">E-mail</span>: <a href="mailto:info@cornelisdeleeuwvanweenen.nl">info@cornelisdeleeuwvanweenen.nl</a><br>
	<span style="width: 60px;display: inline-block;">WWW</span>: <a href="https://www.cornelisdeleeuwvanweenen.nl/" target="_blank">https://www.cornelisdeleeuwvanweenen.nl/</a><br>
	<span style="width: 60px;display: inline-block;">Diensten</span>: <a href="https://www.cornelisdeleeuwvanweenen.nl/wordpress-onderhoudspakket/" target="_blank">Onderhoud</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/maatwerk-oplossingen/" target="_blank">Maatwerk</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/seo-zoekmachine-optimalisatie/" target="_blank">SEO</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/page-speed-en-web-vitals/" target="_blank">Page speed</a><br>
	<span style="width: 60px;display: inline-block;">Blog</span>: <a href="https://www.cornelisdeleeuwvanweenen.nl/category/page-speed/" target="_blank">Page speed</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/category/seo/" target="_blank">SEO</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/category/internetmarketing/" target="_blank">Internetmarketing</a> | <a href="https://www.cornelisdeleeuwvanweenen.nl/blog/" target="_blank">Alles</a>
</p>
 
<h2>Service & Support</h2>
<p>
	<span style="width: 60px;display: inline-block;">Contact</span>: <a href="https://www.cornelisdeleeuwvanweenen.nl/contact" target="_blank">Vraag om informatie, advies of offerte</a><br>
	<span style="width: 60px;display: inline-block;">E-mail</span>: <a href="mailto:info@cornelisdeleeuwvanweenen.nl">info@cornelisdeleeuwvanweenen.nl</a>
</p>
<?php // End HTML
};
// Create the Widget fuinction
function add_clw_dashboard_widget() {wp_add_dashboard_widget('clw_dashboard_widget', __('Service & Support'), 'clw_dashboard_widget');}
// Add action for dashboard setup
add_action('wp_dashboard_setup', 'add_clw_dashboard_widget');
Het eerste gedeelte, regel 5 t-m 19, is de HTML dat getoond wordt. Dit kan je geheel maken zoals je wilt. Dit is alleen een voorbeeld. Je kan onderdelen weg laten en toevoegen.

De functie op regel 23 is de functie om er een widget van te maken. Hier is de eerste waarde, clw-dashboard-widget, het ID van de widget dat je kan gebruiken voor CSS. De tweede waarde, __(‘Service & Support’), is de titel van de Widget dat bovenin kont te staan in de widget en ook bij schermopties zodat je het kan in- en uitschakelen. De derde en laatste waarde, clw_dashboard_widget, is de functie met de HTML. Er zijn meerder waarde mogelijk maar dit zijn de belangrijkste die we hier nodig hebben.

WordPress dashboard widget voor branding Freelance website ontwikkeling

De CSS kan toegevoegd worden als inline maar kan je ook toevoegen aan de CSS voor het admin-gedeelte als deze bestaat.
Hieronder het voorbeeld zoals dit er uitziet op deze website. Let op dat de afbeelding in het thema is geplaatst maar je kan hier elke link naar een afbeelding voor gebruiken.
WordPress dashboard widget voor branding Freelance website ontwikkeling

Vraag vrijblijvend om meer informatie of advies.

Contact

Tot slot

Dit zijn van die kleine dingetjes die het verschil maken tussen een professionele WordPress website ontwikkelaar en de doorsnee website ontwikkelaar. Het heeft verschillende voordelen voor marketing dus het is zeker de moeite waard dit toe te passen in je volgend WordPress project.

Er zijn nog geen reacties. Wees de eerste..!!

Reageer

E-mailadres wordt niet gepubliceerd.
Verplichte velden zijn gemarkeerd met *

*
*
*