{"id":25163,"date":"2022-06-02T03:18:01","date_gmt":"2022-06-02T03:18:01","guid":{"rendered":"https:\/\/help.flipbuilder.com\/?post_type=docs&p=25163"},"modified":"2026-07-15T03:56:16","modified_gmt":"2026-07-15T03:56:16","password":"","slug":"how-to-create-icon-buttons-with-click-and-hover-effects","status":"publish","type":"docs","link":"https:\/\/help.flipbuilder.com\/nl\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","title":{"rendered":"Pictogramknoppen maken met klik- en zweefeffecten"},"content":{"rendered":"

De Multimedia Editor biedt veel goed ontworpen en volledig aanpasbare knoppen. Integreer er een in uw flipbook om een gebruiksvriendelijke ervaring te cre\u00ebren, zodat lezers met een simpele klik moeiteloos toegang krijgen tot de gewenste pagina of informatie.<\/p>\n

Opmerking:<\/strong> De [Toetsen]<\/strong> werkbalk is alleen beschikbaar voor Flip PDF Corporate-gebruikers.<\/p>\n

Selecteer een vooraf ontworpen knop<\/h3>\n

Klik op de [Elementen]<\/strong> werkbalk in de Multimedia Editor en selecteer [Knoppen \u2013 Meer]<\/strong> om naar de knoppenlijst te gaan.<\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\"voeg-een-pictogram-knop-1\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Scroll met de muis om te bladeren en een knop te selecteren. U kunt ook enkele trefwoorden in het lege vak invoeren om naar de gewenste knop te zoeken. <\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Pas de knopstijl aan<\/h3>\n

U kunt het binnenste pictogram, de grootte, de positie, de tekst, de kleur en meer instellingen van deze knop verder aanpassen op de [Instellingen]<\/strong> paneel. Hier zijn 2 voorbeelden:<\/p>\n

\u2022 Bewerk het binnenste pictogram<\/strong>
U kunt het knoppictogram uit de pictogrammenbibliotheek vervangen en de kleur, grootte en positie ervan instellen. <\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\"voeg-een-pictogram-knop-3\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

\u2022 Pas de standaard\/klik\/zweefkleur aan<\/strong>
U kunt de standaard\/klik\/zweefkleur van de knop wijzigen. <\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Voeg een actie toe aan de knop<\/h3>\n

U kunt geschikte triggeracties aan de knop toevoegen.<\/p>\n

Nemen [Pop-up venster]<\/strong> als voorbeeld:<\/p>\n

1. Selecteer de knop en klik op [Acties]<\/strong>
2. Selecteer [Trigger bij klikken\/Mouseover\/Mouseleave]<\/strong> als triggertiming
3. Kies [Pop-up venster]<\/strong>
4. Plak de URL die u wilt dat lezers openen en bewerk de titel
5. Klik op [Opslaan]<\/strong><\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\"voeg-een-pictogram-knop-5<\/p>","protected":false},"excerpt":{"rendered":"

De Multimedia Editor biedt veel goed ontworpen en volledig aanpasbare knoppen. Integreer er een in uw flipbook om een gebruiksvriendelijke ervaring te cre\u00ebren, zodat lezers moeiteloos toegang hebben tot de gewenste pagina of informatie met een simpele klik. Let op: De [Knoppen] werkbalk is alleen beschikbaar voor Flip PDF Corporate gebruikers. Selecteer een vooraf ontworpen knop Klik op de [Elementen] werkbalk in [\u2026]<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[10],"doc_tag":[],"year_month":"2026-07","word_count":215,"total_views":"94560","reactions":{"happy":"6","normal":"1","sad":"2"},"author_info":{"author_nicename":"yuki","author_url":"https:\/\/help.flipbuilder.com\/nl\/author\/yuki\/"},"doc_category_info":[{"term_name":"Multimedia Editor","term_url":"https:\/\/help.flipbuilder.com\/nl\/docs-category\/multimedia-editor\/"}],"doc_tag_info":[],"author_list":[{"ID":"6","user_login":"Andy","display_name":"Andy","id":"6"},{"ID":"13","user_login":"helpfber","display_name":"help fber","id":"13"},{"ID":"9","user_login":"Jacky","display_name":"Jacky","id":"9"},{"ID":"4","user_login":"Jasmin","display_name":"Jasmin","id":"4"},{"ID":"18","user_login":"Joe","display_name":"Joe Wang","id":"18"},{"ID":"10","user_login":"Lynn","display_name":"Lynn","id":"10"},{"ID":"11","user_login":"manxia","display_name":"manxia","id":"11"},{"ID":"8","user_login":"Shero","display_name":"Shero","id":"8"},{"ID":"3","user_login":"Taby","display_name":"Taby","id":"3"},{"ID":"15","user_login":"WP Dev","display_name":"WP Dev","id":"15"},{"ID":"14","user_login":"yihuang","display_name":"yihuang","id":"14"},{"ID":"5","user_login":"yokiahoke","display_name":"yokiahoke","id":"5"},{"ID":"2","user_login":"Yuki","display_name":"Yuki","id":"2"},{"ID":"17","user_login":"Yvette","display_name":"Yvette","id":"17"},{"ID":"16","user_login":"ZhuSiYing","display_name":"ZhuSiYing","id":"16"}],"knowledge_base_info":[],"knowledge_base_slug":[],"yoast_head":"\nHow to create icon buttons with click and hover effects - FlipBuilder Help Center<\/title>\n<meta name=\"description\" content=\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.flipbuilder.com\/nl\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create icon buttons with click and hover effects - FlipBuilder Help Center\" \/>\n<meta property=\"og:description\" content=\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.flipbuilder.com\/nl\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"FlipBuilder Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-15T03:56:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\",\"url\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\",\"name\":\"How to create icon buttons with click and hover effects - FlipBuilder Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.flipbuilder.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\",\"datePublished\":\"2022-06-02T03:18:01+00:00\",\"dateModified\":\"2026-07-15T03:56:16+00:00\",\"description\":\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\",\"url\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\",\"contentUrl\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.flipbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create icon buttons with click and hover effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.flipbuilder.com\/#website\",\"url\":\"https:\/\/help.flipbuilder.com\/\",\"name\":\"FlipBuilder Help Center\",\"description\":\"Flip Book Software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.flipbuilder.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/help.flipbuilder.com\/nl\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","og_locale":"nl_NL","og_type":"article","og_title":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","og_description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","og_url":"https:\/\/help.flipbuilder.com\/nl\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","og_site_name":"FlipBuilder Help Center","article_modified_time":"2026-07-15T03:56:16+00:00","og_image":[{"url":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","url":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","name":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","isPartOf":{"@id":"https:\/\/help.flipbuilder.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage"},"image":{"@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png","datePublished":"2022-06-02T03:18:01+00:00","dateModified":"2026-07-15T03:56:16+00:00","description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","breadcrumb":{"@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage","url":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png","contentUrl":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/help.flipbuilder.com\/jp\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.flipbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How to create icon buttons with click and hover effects"}]},{"@type":"WebSite","@id":"https:\/\/help.flipbuilder.com\/#website","url":"https:\/\/help.flipbuilder.com\/","name":"FlipBuilder Help Center","description":"Flip Book Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.flipbuilder.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/docs\/25163"}],"collection":[{"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/comments?post=25163"}],"version-history":[{"count":51,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/docs\/25163\/revisions"}],"predecessor-version":[{"id":25800,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/docs\/25163\/revisions\/25800"}],"wp:attachment":[{"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/media?parent=25163"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/doc_category?post=25163"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.flipbuilder.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=25163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}