Hoe menu pictogram knoppen te maken - DeLaatbusiness
facebook chatbots

Hoe menu pictogram knoppen te maken

3 min


92
6 gratis internet marketing ebooks, klik hier voor download

Pictogrammen kunnen een krachtige manier zijn om informatie op de meest efficiënte manier weer te geven, omdat het niet alleen waardevolle ruimte op de ogen van de gebruiker bespaart, maar ook visueel aantrekkelijke aanwijzingen geeft waar de gebruiker net zo goed baat bij kan hebben.

 We krijgen echter vaak contact-e-mails over het maken van dergelijke pictogramknoppen. Dus hier is een tutorial over hoe je het moet doen in een paar eenvoudige sjablonen, voornamelijk via Elementor.

Maar bovenal willen we u een voorproefje laten zien van wat we hier gaan doen:

Alleen Elementor-navigatiemenupictogrammen 11

Laten we nu beginnen!

Stap 1:  Laten we eerst een sectie toevoegen waar u de widget gaat plaatsen. Bijna al onze tutorial begint hier.

Alleen Elementor-navigatiemenupictogrammen 2

Stap 2: Vervolgens wilt u een kolomstructuur kiezen die u op de sectie wilt plaatsen.

Alleen Elementor Navigatiemenupictogrammen 9

Stap 3 : Gelukkig gebruiken we een Icon List Widget om een ​​navigatiemenu met alleen pictogrammen te hebben. Het Elementor-team had deze zeker in gedachten om deze functie in de bouwer te hebben ingebouwd.

Alleen Elementor Navigatiemenupictogrammen 4

Stap 4 : Laten we dan de widget naar de kolom slepen en beginnen met het maken van een aangepast navigatiemenu met behulp van deze widget. Houd er rekening mee dat dit het eerste uiterlijk is van de uitvoer van de widget.

Alleen Elementor-navigatiemenupictogrammen 10

Stap 5 : Op het tabblad Inhoud Kies de horizontale lay-out om het pictogram inline weer te geven.

Alleen Elementor-navigatiemenupictogrammen 7

Dit zou het volgende moeten opleveren:

Alleen Elementor-navigatiemenupictogrammen 8

Stap 6 : Vervang het gewenste pictogram door te kiezen in de pictogrambibliotheek van Elementor

Alleen Elementor-navigatiemenupictogrammen 6

Stap 7 : Om ons menupictogram alleen te maken, hoeft u alleen de tekst in het tekstgebied te wissen.

Alleen Elementor-navigatiemenupictogrammen 1

Het verwijderen van de tekst zou het volgende moeten resulteren:

Alleen Elementor-navigatiemenupictogrammen 12

Stap 8 : Om ervoor te zorgen dat deze pictogrammen als een menu fungeren, hoeft u alleen maar een link van uw pagina erop te plaatsen.

Alleen Elementor-navigatiemenupictogrammen 3

Stap 9 : Om dit navigatiemenu globaal weer te geven, klikt u met de rechtermuisknop op de widget en slaat u deze op als globaal, voert u de globale widgetnaam in en u vindt deze op de globale widgets, zodat u deze overal op de pagina van uw website kunt plaatsen.

Alleen Elementor-navigatiemenupictogrammen 5

Tadaaa en hier is het resultaat van ons navigatiepictogrammenmenu

Alleen Elementor-navigatiemenupictogrammen 11

Bedankt dat je zo ver bent gekomen! 🙂


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format