Op een website zijn er verschillende soorten knoppen: knoppen voor vormen, call-to-action-knoppen, winkelwagenknoppen, knoppen voor het delen van inhoud. De lijst is eindeloos, vooral als je creatief begint te worden.

Maar het kan moeilijk zijn om de juiste knop te vinden (of om te ontwerpen). Je hebt misschien een heleboel grafische pakketten die in bepaalde situaties handig zijn, maar als het gaat om het wijzigen van kleuren, lettertypen, tekst of zelfs het pictogram, wordt het gemakkelijker gezegd dan gedaan. Vooral als u niet over de expertise en tools beschikt om deze knoppen aan te passen.

En voor belangrijke links trekt een knop meer aandacht dan een simpele tekstlink.

Dit is de reden waarom u MaxButtons Pro nodig heeft

Als u op zoek bent naar een hulpmiddel om eenvoudig aangepaste knoppen toe te voegen, MAXButtons Pro is jouw oplossing. En als u ontwerper of ontwikkelaar bent, maakt het uw leven ook gemakkelijker.

Laten we de tool verkennen

Allereerst, het feit dat het 253 Button Packs heeft voor in totaal 4869 Buttons, is de kans groot dat u vindt wat u nodig heeft. Hier is een illustratie van de mogelijkheden:

Het meest interessante hier is dat als je veel sites doet, je de Pro-versie kunt kopen die alle tools bevat. Maar als u maar één site heeft en iets specifieks zoekt, kunt u zoeken naar de gratis extensies die beschikbaar zijn met de plug-in, en als u er geen kunt vinden, kunt u door hun pakketten bladeren en vinden wat u nodig heeft voor slechts $ 5. $. Je kunt hier alle knoppen zien .

Parameters

Uw instellingen zijn eenvoudig. En ik hou van de mogelijkheid om te bepalen wie toegang heeft tot het maken en toevoegen van knoppen.

Hoe u een knop maakt

Door toegang te hebben tot knoppenpakketten, kunt u gemakkelijk een voorsprong nemen door tools binnen handbereik te hebben die mogelijk geschikt zijn voor uw onderzoek.

We gaan een knop maken, je gaat zien hoe gemakkelijk het proces is.

overzicht

Wanneer u uw knop maakt, hebt u deze preview altijd op zowel de normale knop tijdens de flyover. Dit is niet alleen handig om de wijzigingen die u aanbrengt te zien, maar er is ook een optie om de achtergrondkleur te wijzigen om te zien hoe de knop erop wordt weergegeven.

Deze functie is vooral leuk, omdat het vaak moeilijk is voor te stellen hoe een knop eruit zal zien in een gebied met een bepaalde achtergrondkleur.

fundamentals

Nu zal ik u enkele opties presenteren, aangezien de meeste opties voor zichzelf spreken.

Font Management

Er zijn veel lettertypen om uit te kiezen. Je hebt meer dan 700 Google-lettertypen om uit te kiezen. Bovendien krijg je een geïntegreerd praktisch overzicht.

Opties voor knoppen met twee regels

Dit is een vrij belangrijke functie. Hier kunt u niet alleen een tweede regel in de knop toevoegen, maar u kunt ook de keuze van het lettertype, de uitlijning en de grootte bepalen.

borders

Nogmaals, je hebt verschillende instellingen om de verschillende randen van de knoppen te besturen, evenals de optie om een ​​schaduw aan de rand toe te voegen.

achtergrond

Hier heb je de keuze uit de achtergrondkleur, om de dekking te bepalen of om een ​​verloop toe te voegen.

Pictogrammen en afbeeldingen

Met deze plug-in wordt het gebruik van pictogrammen vereenvoudigd. U heeft de keuze uit 721 pictogrammen.

En u kunt de uitlijning, grootte en zelfs kleuren wijzigen.

bevattende

De mogelijkheid om de container te besturen is een leuke functie. Als u dat niet begrijpt, zit dat in de knop. Dus als u er wat tekst omheen zou hebben, of misschien wilt u de ruimte boven of onder de knop regelen, dan kunt u dat hier doen zonder te proberen extra spaties in het venster toe te voegen. uw teksteditor.

vooruitgang

Voor ontwikkelaars zijn er ook geavanceerde opties.

Responsieve instellingen

Met de groeiende populariteit van mobiele telefonie, is het goed om het uiterlijk van uw knoppen op de verscheidenheid aan apparaten die er zijn, te kunnen regelen.

U kunt het uiterlijk op mobiele apparaten aanpassen.

Google tracking

Als u Google gebruikt Analytics en je wilt het bijhouden van gebeurtenissen gebruiken, dan zul je deze functie geweldig vinden. Het is heel eenvoudig om tracking voor elke knop in te stellen.

Je zou kunnen denken dat dat veel is voor een puistje. Maar als het gaat om een ​​call-to-action-knop of een knop voor toevoegen aan winkelwagentje, wordt het interessant.

Knopenpakketten

U heeft meerdere gratis knoppen.

Zoals ik al eerder zei, kun je ook extra knoppenpakketten krijgen. In dit voorbeeld heb ik er enkele gedownload die afzonderlijk kunnen worden gekocht of in de Pro-versie kunnen worden opgenomen. Sommige button packs zijn gratis.

U kunt het knoppakket dat u wilt gebruiken snel installeren.

Zodra dat is gebeurd, wordt u nu teruggebracht naar het knoptabblad waar u daar meer aanpassingen kunt maken.

Op het einde

Het is je misschien opgevallen dat deze plug-in veel flexibiliteit biedt om knoppen te maken voor je WordPress blog. Het biedt veel meer functionaliteit dan wat in deze tutorial is genoemd. Aarzel niet om ons vragen te stellen als u een punt niet begrijpt.