{"id":289,"date":"2017-03-12T19:57:17","date_gmt":"2017-03-12T18:57:17","guid":{"rendered":"http:\/\/info.nsff.no\/publiseringsguide\/?page_id=2"},"modified":"2022-01-22T11:33:50","modified_gmt":"2022-01-22T10:33:50","slug":"publiseringsguide","status":"publish","type":"page","link":"https:\/\/nsff.no\/publiseringsguide\/","title":{"rendered":"Publisering p\u00e5 nsff.no"},"content":{"rendered":"

[et_pb_section fb_built=»1″ fullwidth=»on» custom_padding_last_edited=»on|desktop» admin_label=»tittelark» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» collapsed=»on» global_colors_info=»{}»][et_pb_fullwidth_header title=»NSFF.no publiseringsguide» subhead=»St\u00f8ttedokument for publisering p\u00e5 WordPress for NSFF» header_fullscreen=»on» header_scroll_down=»on» scroll_down_icon=»3″ logo_image_url=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/logo_web.png» content_max_width=»none» _builder_version=»3.16″ title_font=»|on|||» title_font_size=»52px» subhead_font_size=»20px» custom_button_one=»on» button_one_text_size=»13px» button_one_border_color=»#ffffff» button_one_use_icon=»off» custom_css_logo=»max-width: 100px;» button_one_text_color_hover=»#1378e5″ button_one_border_color_hover=»#ffffff» button_one_letter_spacing_hover=»0″ button_two_letter_spacing_hover=»0″ button_one_bg_color_hover=»#ffffff» global_colors_info=»{}» button_one_text_size__hover_enabled=»off» button_two_text_size__hover_enabled=»off» button_one_text_color__hover_enabled=»on» button_one_text_color__hover=»#1378e5″ button_two_text_color__hover_enabled=»off» button_one_border_width__hover_enabled=»off» button_two_border_width__hover_enabled=»off» button_one_border_color__hover_enabled=»on» button_one_border_color__hover=»#ffffff» button_two_border_color__hover_enabled=»off» button_one_border_radius__hover_enabled=»off» button_two_border_radius__hover_enabled=»off» button_one_letter_spacing__hover_enabled=»on» button_one_letter_spacing__hover=»0″ button_two_letter_spacing__hover_enabled=»on» button_two_letter_spacing__hover=»0″ button_one_bg_color__hover_enabled=»on» button_one_bg_color__hover=»#ffffff» button_two_bg_color__hover_enabled=»off»][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»Innledning» module_id=»omguiden» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row padding_mobile=»off» column_padding_mobile=»on» admin_label=»row» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Innledning» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

Om denne guiden<\/h2>\n

nsff.no ble i 2016 redesignet og satt opp p\u00e5 publiseringsl\u00f8sningen WordPress med themet DIVI. Themet kommer med en sidebygger som enkelt lar de som publiserer opprette egen layout p\u00e5 en side \u2013 plassering av tekst, bilder og andre elementer \u2013 uten kunnskap om HTML. Her forklares bruken av denne sidebyggeren, samt en del andre mer generelle aspekter ved publisering p\u00e5 WordPress.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ admin_label=»nettstedskart» module_id=»nettstedskart» _builder_version=»3.22″ custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»on» collapsed=»on» global_colors_info=»{}»][et_pb_row _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

nsff.no nettstedskart<\/h2>\n

nsff.no best\u00e5r av tre hovedseksjoner:<\/strong><\/p>\n

    \n
  1. Funksjoner og informasjon direkte knyttet til den enkeltes medlemskap<\/strong>, samt verkt\u00f8y for de med tillitsverv<\/strong> i klubbene og i NSFF. Bildeinnlevering, resultatregistrering, klubbregister, medlemsregister.<\/em> Her kreves innlogging, denne seksjonen n\u00e5s via menyen helt i topp av siden (p\u00e5 bl\u00e5 bakgrunn).<\/li>\n
  2. Daterte nyhetsartikler<\/strong> om aktiviteter i regi av NSFF og de internasjonale organisasjonene NFFF, FIAP, UNICA.<\/li>\n
  3. Informasjonssider av mer statisk karakter, om organisasjonen.<\/strong> Disse kan n\u00e5s uten innlogging. Medlemsfordeler, generelt om NM-konkurransene, organisasjonens kontaktopplysninger, historikk, vedtekter.<\/em> Disse sidene er igjen delt inn i fem underseksjoner, med tema om medlemskap<\/strong>, om generell fotoaktivitet<\/strong>, om konkurranser<\/strong>, og om \u00e5 v\u00e6re sosialt aktiv med hobbyen<\/b>. En egen seksjon om NSFF som organisasjon<\/strong> er tilgjengelig via egen meny helt i toppen av nettsida.<\/li>\n<\/ol>\n

    [\/et_pb_text][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/nsff_nettstedskart.jpg» alt=»NSFF.no nettstedskart 2017″ show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: NSFF.no nettstedskart 2017″ _builder_version=»3.23″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»off» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»Innlegg vs Sider» module_id=»innlegg_vs_sider» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Innlegg vs Sider» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Innlegg vs Sider<\/h2>\n

    WordPress opererer med to metoder for publisering av innhold. Innlegg<\/strong> benyttes for nyhetsartikler og annet innhold av efemerisk\/ tidsaktuell art, og sorteres kronologisk etter publiseringsdato. Sider<\/strong> benyttes for \u00e5 presentere innhold av mer statisk karakter (informasjonssider, kontaktopplysninger, konkurranseregler, o.l.), og kan sorteres av forfatteren.<\/p>\n

    Merk: nsff.no er delt inn i fire sideseksjoner; se nettstedskartet<\/a>. Alle nye sider skal opprettes som underside til en av disse fire.<\/strong><\/p>\n

    Innlegg: https:\/\/nsff.no\/wp-admin\/edit.php<\/a>
    Sider:     https:\/\/nsff.no\/wp-admin\/edit.php?post_type=page<\/a><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»Innleggsredigering» module_id=»innlegg» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row admin_label=»Innlegg» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Innlegg (nyhetsartikler)» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Innlegg (nyhetsartikler)<\/h2>\n

    Nye innlegg opprettes via https:\/\/nsff.no\/wp-admin\/edit.php<\/a> eller via menypunkt + Legg til<\/em> som er synlig i toppfeltet p\u00e5 hele nettstedet n\u00e5r man er logget inn.<\/p>\n

    Teksteditoren har to visningsmodus; Visuell<\/strong> og Tekst<\/strong>. Om man er noenlunde komfortabel med \u00e5 forholde seg til enkel HTML (titler, bilder, lenker) er Tekstmodus \u00e5 foretrekke. Dette fordi man vil se u\u00f8nsket HTML-kode som kan ha sneket seg med via klipp og lim fra andre kilder, og fordi det er enklere \u00e5 se hvilke tekstpartier som er formaterte f.eks. med bold eller kursivert font.<\/p>\n

    Ved bruk av Visuell modus og innliming av tekst fra annen kilde (Word-dokument, nettside) SKAL knappen Lim inn som tekst<\/em> brukes. Dette for \u00e5 «vaske» teksten for skjulte formateringskoder. Denne finnes i rad 2 i verkt\u00f8yraden over teksteditoren, fold denne ut med knappen Vis\/skjul verkt\u00f8ylinje<\/em> dersom kun \u00e9n rad vises.<\/p>\n

    [\/et_pb_text][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/liminnsomtekst.png» alt=»Verkt\u00f8yknapp %22Lim inn som tekst%22″ show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: Verkt\u00f8yknapp %22Lim inn som tekst%22″ _builder_version=»3.23″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»off» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][et_pb_text admin_label=»Innledningstekst bokser» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]Det er en rekke bokser rundt teksteditoren n\u00e5r man oppretter eller redigerer et innlegg. Mange av disse er overfl\u00f8dige for bruk p\u00e5 nsff.no, og her gjennomg\u00e5s de man skal benytte.<\/p>\n

    Den enkelte bruker kan velge \u00e5 skjule de overfl\u00f8dige boksene ved \u00e5 klikke p\u00e5 fliken Visningsinnstillinger<\/strong> helt i toppen av et innleggs redigeringsvisning og ta vekk hake for disse. Dette vil s\u00e5 gjelde for alle innlegg for denne brukeren, men har ikke effekt for andre brukere.<\/em>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=»2_3,1_3″ admin_label=»editor sidekolonne» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»2_3″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»I h\u00f8yre sidekolonne» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    I h\u00f8yre sidekolonne<\/h3>\n

    Publiser:<\/strong> Et innlegg kan lagres som kladd, slik at man kan fortsette p\u00e5 artikkelen senere uten \u00e5 publisere den f\u00f8rst. Innlegg kan ogs\u00e5 dateres frem eller tilbake i tid. Slik kan en artikkel skrives ferdig p\u00e5 forh\u00e5nd for s\u00e5 \u00e5 automatisk publiseres n\u00e5r den aktuelle datoen n\u00e5s.<\/p>\n

    Husk at alle endringer p\u00e5 en allerede publisert innlegg m\u00e5 publiseres via den bl\u00e5 knappen i denne boksen. Man kan bli «lurt» dersom man benytter DIVI Builder, som har lagreknapp for hver modul, men man m\u00e5 alts\u00e5 ogs\u00e5 bruke oppdateringsknappen til selve innlegget.<\/em><\/p>\n

    Kategorier:<\/strong> Innlegg skal sorteres under kategorier for arkivering og historikk. Ingen innlegg skal avpubliseres n\u00e5r hendelsen som omtales er overst\u00e5tt.<\/p>\n

    Man kan putte et innlegg inn under mer enn \u00e9n kategori, og markerer da hvilken kategori som skal v\u00e6re hovedkategorien. Nye kategorier kan opprettes «on the fly», mer om dette under avsnitt om kategorier<\/a>.<\/p>\n

    Merk: \u00d8verst p\u00e5 forsiden av nsff.no vises de sist publiserte innlegg tilknyttet kategorien \u201cForside NSFF\u201d. Denne kategorien eksisterer kun for \u00e5 markere hvilke innlegg som skal vises p\u00e5 forsiden, og skal til en hver tid innehold maksimalt 8 innlegg, helst f\u00e6rre. Om man ikke lenger vil vise et bestemt innlegg p\u00e5 forsiden fjernes koblingen til \u201cForside NSFF\u201d; innlegg skal ALDRI avpubliseres n\u00e5r innholdet ikke lenger er forsideaktuelt. Alle innlegg som h\u00f8rer til \u201cForside NSFF\u201d skal derfor ogs\u00e5 ha tilknytning til minst \u00e9n annen kategori.<\/em><\/p>\n

    Stikkord:<\/strong> Bruk gjerne stikkord (bl.a. \u00e5rstall) for ytterligere sortering av innlegg.<\/p>\n

    Framhevet bilde:<\/strong> her laster man opp et bilde som vises ved forh\u00e5ndsvisning av artikkelen p\u00e5 nsff.no-forsiden, samt ved deling p\u00e5 Facebook. Se mer under kapittel om Bilder<\/a>.<\/p>\n

    [\/et_pb_text][et_pb_text admin_label=»Under teksteditor» _builder_version=»3.27.4″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Under teksteditor:<\/h3>\n

    Yoast SEO:<\/strong> Dette er et verkt\u00f8y for \u00e5 optimere synlighet for s\u00f8kemotorer og tilpasse tekst og bilde som vises ved deling p\u00e5 Facebook. Se eget avsnitt om Yoast SEO<\/a>.<\/p>\n

    Utdrag:<\/strong> Her skrives en \u201cteasertekst\u201d som sammenfatter artikkelens innhold. Denne vises p\u00e5 forsiden og p\u00e5 arkivsider, samt p\u00e5 sosiale medier dersom man glemmer \u00e5 fylle ut i Yoast-boksen. Denne SKAL ALLTID benyttes.[\/et_pb_text][\/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/edit_bokse.jpg» alt=»Innlegg: Bokser i h\u00f8yre sidekolonne» show_in_lightbox=»on» align=»right» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: Bokser i h\u00f8yre sidekolonne» _builder_version=»3.23″ animation_style=»slide» animation_direction=»right» animation_duration=»500ms» animation_intensity_slide=»10%» use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»right» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»kategorier» module_id=»kategorier» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row column_structure=»3_4,1_4″ padding_mobile=»off» column_padding_mobile=»on» admin_label=»row» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» global_colors_info=»{}»][et_pb_column type=»3_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Kategorier» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Kategorier<\/h2>\n

    Innlegg sorteres under ulike Kategorier<\/strong> \u2013 gjerne mer enn \u00e9n kategori, der det er relevant. <\/p>\n

    Man kan forberede kategorier p\u00e5 forh\u00e5nd (https:\/\/nsff.no\/wp-admin\/edit-tags.php?taxonomy=category<\/a>), eller opprette dem \u201con the fly\u201d n\u00e5r et innlegg skrives eller redigeres (se illustrasjon i avsnittet over).<\/p>\n

    Kategorien(e) vises som klikkbare lenker i innleggenes topptekst. Et klikk p\u00e5 denne lenken lister ut et arkiv over innlegg sortert under samme kategori. <\/p>\n

    I et innleggs redigeringsvisning ligger kategoriene i en boks i h\u00f8yrekolonnen. Scroll i boksen for \u00e5 se alle (r\u00f8d pil p\u00e5 illustrasjonen). + Legg til ny kategori<\/strong> oppretter ny.<\/p>\n

    Kategorier kan sorteres i hierarki med foreldre- og underkategorier, se bildeeksempelet: Nasjonale konkurranser<\/em> er foreldrekategori og NM i film<\/em> og NM i foto<\/em> er underkategorier.[\/et_pb_text][\/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/cat04.png» alt=»Kategorier» show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» _builder_version=»3.23″ animation_style=»slide» animation_direction=»left» animation_duration=»500ms» animation_intensity_slide=»10%» use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»left» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]Man kan enkelt endre tilknytning til kategorier uten \u00e5 redigere hele innlegget: g\u00e5 til innleggsoversikten (https:\/\/nsff.no\/wp-admin\/edit.php<\/a>), hold muspeker over aktuelle artikkel i listen og i kontekstmenyen som kommer opp velges Hurtigredigering.[\/et_pb_text][et_pb_gallery gallery_ids=»119,120,121″ posts_number=»3″ show_title_and_caption=»off» show_pagination=»off» _builder_version=»3.0.87″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»DIVI Builder» module_id=»divi_builder» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row padding_mobile=»off» column_padding_mobile=»on» admin_label=»row» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»DIVI Builder» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    DIVI Builder, en innf\u00f8ring<\/h2>\n

    nsff.no er satt opp med en utvidelse \u2013 DIVI Builder \u2013 som gj\u00f8r det enkelt \u00e5 endre layout p\u00e5 en side uten \u00e5 kunne HTML. Builderen brukes i liten grad p\u00e5 Innlegg<\/em>, men alltid<\/strong> p\u00e5 Sider<\/em>. For sider p\u00e5 nsff.no er det opprettet forh\u00e5ndsdefinerte layouter som s\u00e5 er lagret i DIVI Builder sitt bibliotek. Disse predefinerte layouter kan tilpasses, og man kan ogs\u00e5 opprette nye layouter fra scratch.<\/p>\n

    Det opereres med seksjoner (bl\u00e5), rader (gr\u00f8nn) og moduler (gr\u00e5). Man setter inn en seksjon, deretter en rad, og bestemmer s\u00e5 hvor mange moduler denne skal ha i bredden (minimum 1, maksimum 4). Moduler, rader og seksjoner kan enkelt flyttes rundt p\u00e5 siden ved hjelp av dra-og-slipp.<\/p>\n

    Modulenes funksjon er forh\u00e5ndsprogrammert. Mest brukt p\u00e5 nsff.no er modulene Tekst<\/em>, Bilde<\/em> og Galleri<\/em>.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=»1_3,2_3″ padding_mobile=»off» column_padding_mobile=»on» admin_label=»row» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» global_colors_info=»{}»][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/builder2.png» alt=»Ikoner i DIVI Builder» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: Ikoner i DIVI Builder» _builder_version=»3.23″ max_width=»300px» animation_style=»slide» animation_direction=»left» animation_duration=»500ms» animation_intensity_slide=»10%» use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»left» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][et_pb_column type=»2_3″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Ikoner» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Forklaring av de ikoner som vises p\u00e5 fargefeltet til rad, kolonne og modul. OPPDATERT 2020: noen ikoner er endret, nye bilder kommer.<\/p>\n

    Hamburger<\/strong> (tre vertikale streker)<\/del> TANNHJUL<\/strong> \u00e5pner elementet for redigering av utseende og innhold.\u00a0<\/p>\n

    Rute foran annen rute<\/strong> dupliserer elementet, med alt innhold. Innholdet kan deretter redigeres i duplikatet, uten at det f\u00e5r effekt p\u00e5 originalelementet.<\/p>\n

    Tredelt rute<\/strong> (forekommer kun p\u00e5 rad) lar en endre antall kolonner og\/eller breddeforhold mellom i de enkelte kolonner, i denne raden.<\/p>\n

    X<\/strong><\/del> S\u00f8ppelkasse<\/strong> sletter elementet. (Ctrl + Z lar deg angre, Cmd +Z p\u00e5 Mac.)<\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ admin_label=»DIVI Builder forts.» module_id=»sider» _builder_version=»3.22″ custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»on» collapsed=»on» global_colors_info=»{}»][et_pb_row admin_label=»Sidelayout» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Sider skal bruke DIVI Builder» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Sider<\/h2>\n

    N\u00e5r man skal opprette en SIDE p\u00e5 nsff.no skal DIVI Builder alltid benyttes.<\/strong> Denne aktiveres ved \u00e5 klikke p\u00e5 lilla knapp merket Bruk DIVI Builder<\/em>, inne i redigeringsvisning for siden.<\/p>\n

    Klikk p\u00e5 Last fra bibliotek<\/em> i den lilla topprammen, deretter Legg til fra bibliotek<\/em>. Her finnes en rekke forh\u00e5ndsopprettede layouts \u2013 oppsett \u2013 for de ulike sider. I hovedregel er det Samleside<\/strong> eller Underside<\/strong> som skal benyttes.<\/p>\n

    [\/et_pb_text][et_pb_gallery gallery_ids=»191,116,122,193″ show_title_and_caption=»off» show_pagination=»off» admin_label=»Galleri: Legg til fra bibliotek» _builder_version=»3.0.87″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»][\/et_pb_gallery][et_pb_text _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    N\u00e5r en layout har lastet fra biblioteket m\u00e5 man tilpasse noen av enkeltelementene ved \u00e5 redigere innholdet. Alle elementer har en ledetekst som indikerer om det skal redigeres eller ikke. Klikk p\u00e5 tannhjulikon for \u00e5 \u00e5pne hvert av de elementer som skal redigeres.<\/p>\n

    Nedenfor vises layout for Underside<\/strong>, der elementene Innholdstekst<\/strong> og Sidekolonne<\/strong> m\u00e5 redigeres:<\/p>\n

    [\/et_pb_text][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/sidebuilder.png» alt=»DIVI Builder med layout for Underside» show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: DIVI Builder med layout for Underside» _builder_version=»3.23″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»off» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=»3_4,1_4″ padding_mobile=»off» column_padding_mobile=»on» admin_label=»Sidesortering» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»3_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Sidesortering» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Sider sorteres ikke under kategorier slik det gj\u00f8res med innlegg. Man kan allikevel sortere sider, i et hierarki av hoved- og undersider, og i rekkef\u00f8lge innen samme niv\u00e5 i hierarkiet.<\/p>\n

    Innstillinger for dette finnes i h\u00f8yre sidekolonne i en sides redigeringsvisning, der boksen for kategorier ligger om man redigerer et innlegg.<\/p>\n

    Rekkef\u00f8lgen er viktig for korrekt visning av sidemeny p\u00e5 websiden. Dersom det ikke settes inn et tall for rekkef\u00f8lge vil siden sorteres alfabetisk p\u00e5 tittel.<\/p>\n

    Merk at valget for sidemal skal overses. Alle sider skal skrives ved hjelp av DIVI Builder, og da blir WordPress-malene overfl\u00f8dige.<\/em><\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/sideattributt.png» alt=»Sideattributt» show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: Sideattributt» _builder_version=»3.23″ animation_style=»slide» animation_direction=»right» animation_duration=»500ms» animation_intensity_slide=»10%» use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»right» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=»1_4,3_4″ admin_label=»Sidehierarki» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/hierarki.png» alt=»Sideoversikt, hierarki» show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: sidehierarki» _builder_version=»3.23″ animation_style=»slide» animation_direction=»left» animation_duration=»500ms» animation_intensity_slide=»10%» use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»left» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][et_pb_column type=»3_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Sidehierarki bildetekst» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]Denne illustrasjonen er fra sideoversikten, og viser hvordan man kan se at noen sider er undersider til andre. \u00c9n tankestrek indikerer at en side er underside av den f\u00f8rste siden ovenfor i listen som ikke har slik strek. To tankestreker indikerer p\u00e5 samme m\u00e5te at en side er underside av den f\u00f8rste siden i listen over som kun har \u00e9n strek (og under-underside til siden uten tankestrek).<\/p>\n

    Siden «Finn din klubb» er underside til siden «Bli medlem». Siden «Arnold Hoddevik» er underside til siden «Kurs- og foredragsholdere», og under-underside til siden «Bli medlem».<\/em>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=»3_4,1_4″ admin_label=»moduler i layout» module_id=»sidekolonne» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»on» collapsed=»on» global_colors_info=»{}»][et_pb_column type=»3_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Redigering av modulinnhold» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Redigering av modul «Sidekolonne»<\/h3>\n

    Sidekolonner inneholder blant annet undermeny og er direkte relatert til tekstinnholdet p\u00e5 selve siden. Sidekolonner er forh\u00e5ndsdefinerte, og man velger blant disse i en nedtrekksmeny inne p\u00e5 modulen n\u00e5r man oppretter ny underside:<\/p>\n

    Klikk p\u00e5 tannhjulikonet til modulen Sidekolonne<\/em> for \u00e5 redigere. \u00c5pne nedtrekksmenyen for Widget-omr\u00e5de<\/em>. Om man oppretter en underside under \u201cOm NSFF\u201d velger man sidekolonneNSFF<\/strong>, om man oppretter en side under \u201cBli medlem\u201d velger man sidekolonneMedlem<\/strong>, osv.<\/p>\n

    Det skal i utgangspunktet ikke opprettes frittst\u00e5ende sider p\u00e5 nsff.no. Nettstedsrammen er bestemt og alt nytt innhold som publiseres skal opprettes som undersider, og sorteres inn under allerede eksisterende seksjoner ( = hovedsider). Sidekolonnene man kan velge mellom i nedtrekksmenyen er opprettet med dette som bakgrunn.<\/em><\/p>\n

    Se mer under eget avsnitt for widgets<\/a>.<\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_image src=»https:\/\/nsff.no\/publiseringsguide\/wp-content\/uploads\/sites\/3\/2017\/03\/sidekolonne.png» alt=»Modul %22sidekolonne%22″ show_in_lightbox=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» admin_label=»Bilde: modul sidekolonne» _builder_version=»3.23″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» animation=»off» sticky=»off» always_center_on_mobile=»on» global_colors_info=»{}»][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=»1″ custom_padding_last_edited=»on|desktop» admin_label=»bilder» module_id=»bilder» _builder_version=»3.22″ custom_padding_tablet=»50px|0|50px|0″ custom_padding_phone=»» custom_css_main_element=»border-bottom: 2px solid #13409d;» transparent_background=»off» padding_mobile=»off» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» collapsed=»on» global_colors_info=»{}»][et_pb_row padding_mobile=»off» column_padding_mobile=»on» admin_label=»row» _builder_version=»3.25″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» make_fullwidth=»off» use_custom_width=»off» width_unit=»off» custom_width_px=»1080px» custom_width_percent=»80%» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][et_pb_text admin_label=»Bilder st\u00f8rrelse og format» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Bilder<\/h2>\n

    Bilder finnes under menypunktet Media, https:\/\/nsff.no\/wp-admin\/upload.php<\/a>. Man kan laste opp bilder her p\u00e5 forh\u00e5nd, eller \u201con the fly\u201d n\u00e5r man oppretter eller redigerer et innlegg eller en side.<\/p>\n

    Bilders filnavn f\u00f8r opplasting m\u00e5 ikke inneholde s\u00e6rnorske tegn (\u00e6, \u00f8, \u00e5).<\/strong><\/p>\n

    St\u00f8rrelse og format<\/h3>\n

    Det er begrensning p\u00e5 opplasting til server p\u00e5 1MB. Bilder m\u00e5 derfor ofte skaleres f\u00f8r de publiseres. Bruk gjerne \u201cSave for web\u201d i Photoshop.<\/p>\n

    Maks bredde b\u00f8r v\u00e6re 1920px, maks h\u00f8yde p\u00e5 bilder i portrettorientering (st\u00e5ende) b\u00f8r v\u00e6re 1280px. Noe st\u00f8rre enn dette er lite hensiktsmessig for visning i nettleser.<\/p>\n

    Landskapsorientering (liggende format) i ratio 8:5 foretrekkes for et innleggs hovedbilde, kalt Framhevet bilde<\/strong>. Dette lastes opp via egen boks i h\u00f8yrekolonnen p\u00e5 et innleggs redigeringsvisning og brukes 2 steder: som minibilde p\u00e5 forsiden samt som forh\u00e5ndsvisningsbilde ved deling i sosiale medier.<\/p>\n

    Man kan ogs\u00e5 med fordel ta seg bryet med \u00e5 tilpasse egne versjoner av Framhevet bilde nettopp for sosiale medier. Disse lastes opp via boksen Yoast SEO<\/a> under innleggets teksteditor. Per mars 2017 er perfekt st\u00f8rrelse p\u00e5 bilde ment for deling p\u00e5 Facebook 1200 x 630 piksler. For Twitter er det 1024 x 512 piksler.<\/em><\/p>\n

    [\/et_pb_text][et_pb_gallery gallery_ids=»202,203,204″ posts_number=»3″ show_title_and_caption=»off» show_pagination=»off» admin_label=»Galleri: Framhevet bilde» _builder_version=»3.0.87″ use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»][\/et_pb_gallery][et_pb_text admin_label=»Bilders metadata» _builder_version=»4.4.2″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» use_border_color=»off» border_color=»#ffffff» border_style=»solid» global_colors_info=»{}»]<\/p>\n

    Metadata<\/h3>\n

    Ved opplasting av bilder skal man fylle ut feltene for Tittel<\/strong>, Bildetekst<\/strong> og Alt-tekst<\/strong>. Dette har som hensikt \u00e5:<\/p>\n