{"id":3615,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-image-text-widget\/"},"modified":"2023-07-24T10:14:40","modified_gmt":"2023-07-24T10:14:40","slug":"bilde-tekst","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/bilde-tekst\/","title":{"rendered":"Landingssidens Bilde + Tekst-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Bilde + tekst-<\/strong>widgeten hjelper deg \u00e5 legge til en kombinasjon av bilde og tekst p\u00e5 landingssiden din. Her har du ogs\u00e5 muligheten til \u00e5 hyperlenke bildet til en ekstern nettside.<\/p>\n<h2>Hvordan legge til en bilde + tekst-widget p\u00e5 en landingsside?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til landingssidebyggeren<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 opprette en <strong>landingsside<\/strong> og deretter <a href=\"\/hc\/nb_NO\/landingsside\/lage\/opprett-ny\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigere til landingssidebyggeren<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en bilde + tekst-widget p\u00e5 landingssiden din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong> der du designer landingssiden din, og omr\u00e5det til h\u00f8yre er verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widgets<\/a>.<\/p>\n<p>For \u00e5 legge til en kombinasjon av bilde + tekst p\u00e5 landingssiden din, dra og slipp <strong>bilde + tekst-<\/strong> widgeten til arbeidsomr\u00e5det <em>(som uthevet i skjermbildet nedenfor)<\/em> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1779 size-full\" title=\"Landing page image and text widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-bilde-tekst-widget.png\" alt=\"Landingsside-, bilde- og tekstwidget. Bilde- og tekstwidgeten er uthevet\" width=\"542\" height=\"770\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Bruk kategorien Innstillinger for \u00e5 laste opp et bilde og legge til relevant tekst<\/h3>\n<p>N\u00e5r du slippe widgeten inn i arbeidsomr\u00e5det vil Widget-<strong><strong>innstillinger<\/strong><\/strong>&nbsp;vises p\u00e5 h\u00f8yre side <em>(som markert i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1781\" title=\"Landing page image and text settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingpagebuilder-bildetekstinnstilling.png\" alt=\"Landingssidebilde og tekstwidget. Innstillinger-fanen er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Som fremhevet i skjermbildet ovenfor, best\u00e5r widgetinnstillingene av to seksjoner:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>\n<h4><strong>bildegalleri<\/strong><\/h4>\n<\/li>\n<\/ul>\n<p>I denne delen bruker du knappen <strong>Velg bilde<\/strong>&nbsp;for \u00e5 laste opp det n\u00f8dvendige bildet. Bruk feltet <strong>Legg til omdirigeringslink<\/strong>&nbsp;for \u00e5 spesifisere den eksterne URL-en som du vil omdirigere klikkene p\u00e5 dette bildet til.<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>\n<h4><strong>Tekstredigerer &nbsp;<\/strong><\/h4>\n<\/li>\n<\/ul>\n<p>Under bildeinnstillingene ovenfor kan du se tekstredigeringsprogrammet med den forh\u00e5ndsskrevne teksten \u2013 <strong>Skriv inn teksten din her.<\/strong> Bruk dette omr\u00e5det til \u00e5 legge til teksten du vil vise sammen med bildet.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Stil din kombinasjon av bilde + tekst i henhold til dine designpreferanser<\/h3>\n<p>Du kan redigere utseendet til <strong>kombinasjonen Bilde + Tekst<\/strong> ved \u00e5 bruke alternativene som er tilgjengelige under <strong>Stil-<\/strong> fanen <em>(som uthevet i skjermbildet nedenfor)<\/em> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1782\" title=\"Landing page image and text style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-bildetekststyling.png\" alt=\"Landingssidebilde og tekstwidget. Stilfanen er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her er de forskjellige designalternativene som er tilgjengelige:<\/p>\n<h4>4.1 Skriftinnstillinger og bakgrunnsfarge fo bilde + tekst<\/h4>\n<ol style=\"list-style-type: lower-alpha;\">\n<li><strong>Widget Bakgrunnsfarge<\/strong>&nbsp;for \u00e5 endre bakgrunnsfargen til tekstdelen. Merk av i boksen \u2013 <strong>Widget Bakgrunn Gjennomsiktig<\/strong> hvis du \u00f8nsker \u00e5 gj\u00f8re dette omr\u00e5det gjennomsiktig<\/li>\n<li><strong>Avrundede hj\u00f8rner<\/strong><strong>&nbsp;<\/strong>\u2013 Bruk denne st\u00f8rrelseslinjen for \u00e5 legge til avrundede hj\u00f8rner til bildet.<\/li>\n<\/ol>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.2 Bilde + tekstposisjon<\/h4>\n<p>Bruk denne delen til \u00e5 velge plasseringen av bildet i forhold til teksten. Bruk mellomroms-bryteren til \u00e5 tilpasse mellomrommet mellom bilde og tekst.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.3 Bildeinnstilling<\/h4>\n<ol style=\"list-style-type: lower-alpha;\">\n<li><strong>Widget Bredde<\/strong>&nbsp;for \u00e5 justere bredden p\u00e5 bildet<\/li>\n<li><strong>Widget-posisjon for<\/strong> \u00e5 endre justeringen av bildet i designet<\/li>\n<\/ol>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Klikk <strong>Lagre,<\/strong> og det er det!<\/p>\n<p>Du har lagt til en kombinasjon av bilde og tekst p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og ta en titt p\u00e5 hvordan du legger til en video p\u00e5 en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/video\/\" target=\"_blank\" rel=\"noopener noreferrer\">videowidgeten<\/a> !<\/p>\n<\/div>\n<p><strong><\/strong><\/p>\n<p><strong><\/strong><\/p>\n<p><strong><\/strong><\/p>\n<p><strong><\/strong><\/p>\n<p><strong><\/p>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n<p><\/strong><strong><\/strong><strong><\/strong><strong><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bilde + tekst-widgeten hjelper deg \u00e5 legge til en kombinasjon av bilde og tekst p\u00e5 landingssiden din. Du har ogs\u00e5 muligheten til \u00e5 hyperlenke bildet til en ekstern nettlenke.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[279],"ht-kb-tag":[],"class_list":["post-3615","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/comments?post=3615"}],"version-history":[{"count":9,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3615\/revisions"}],"predecessor-version":[{"id":10715,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3615\/revisions\/10715"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3615"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3615"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}