Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.

Transkript

1 Webutvikling Oblig 5 Oppg 1 Her ser du sidebar og widgets som er tilgjengelig. Dette er contact form plugins, funker som kontaktskjema i nettsida, må bruke text fra widgets og kopiere kode blir generert når skjema blir laga

2 Når man skriver post så viser categories og kan bare trykke på checkbox-en for new post. Er også mulig å laste opp image for post. Her er menyen. Du ser på panel-en at header er også tilgjengelig. Alle disse ble laga fra bunnen og ligger i koden.

3 Contact sida, og footer fra footer putter plugin. Contact på sidebaren er plugin. Content sida

4 Themes panel. Aktivert theme er den som jeg laga For denne oppg har jeg valgt å lage en enkel blog sida. Har lasta ned og installert MAMP for Mac, og alle fra wordpress.org. Jeg har valgt å lage min egen theme (veldig enkelt theme) fra denne tuts: Mappe for koder

5 Index.php <?php get_header();?> <?php get_sidebar();?> <?php if(have_posts()): while(have_posts()): the_post();?> <h2><?php the_title();?></h2> <small>posted: <?php the_time("g:i");?> <?php the_time("f j, Y");?> <?php the_category();?></small> <div class="photo-thumbnail"> <?php the_post_thumbnail();?> </div> <p><?php the_content();?></p> <hr> <?php endwhile; endif;?> <?php get_footer();?> Med tid og dato

6 Functions.php Dette her er med navigation support, thumbnails og headers (så det blir mulig å laste opp bilder som ikon og header, også for featured image for posts. <?php function newtheme_script_enqueue(){ wp_enqueue_style("newthemestyle", get_template_directory_uri(). "/css/newtheme.css", array(), "1.0.0", "all"); wp_enqueue_script("firstjs", get_template_directory_uri(). "/js/newtheme.js", array(), "1.0.0", true); add_action("wp_enqueue_scripts", "newtheme_script_enqueue"); function newtheme_options(){ add_theme_support("menus"); register_nav_menu("first", "first navigation"); add_action("init", "newtheme_options"); add_theme_support("custom-header"); add_theme_support("post-thumbnails"); /* sidebar */ function new_theme_setup() { register_sidebar( array( 'name' => 'Sidebar', 'id' => 'firstsidebar', 'class' => 'custom', 'description' => 'Standard Sidebar', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); add_action('widgets_init','new_theme_setup');

7 Footer.php <footer> </footer> <?php wp_footer();?> </body> </html> Siden jeg brukte en plugin for footer har jeg sletta den teksten som jeg først skrev her. Page-template1.php <?php get_header();?> <?php get_sidebar();?> /* Template name: without date and time */ <?php if(have_posts()): while(have_posts()): the_post();?> <h2><?php the_title();?></h2> <p><?php the_content();?></p> <hr> Template kan brukes for pages og da kan brukeren velge hvilken template (i denne situasjon har jeg bare laga en template) for en bestemt side. I template kan du gjøre masse forskjelige, vise hva du vil og ikke vil. Du kan legge mer kode for dette her for andre ting du vil ha i templaten din. I min sida har jeg brukt denne template i Home og Contact sider, for da vil dato og tid ikke vise. Men for Contents er disse synlige. Sidebar.php <div id="sidebar" class="widgets-area"> <?php dynamic_sidebar(firstsidebar);?> </div>

8 Header.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>mamedran 1st theme</title> <?php wp_head();?> </head> <body> <?php wp_nav_menu();?> <img src="<?php header_image();?>" height="<?php echo get_custom_header()- >height;?>" width="<?php echo get_custom_header()->width;?>" alt="" /> url(' #menu-menu-1{ width: 80vw; display: flex; flex-flow: row; list-style: none; background-color: black; font-size: 30px; margin-top: 0px; position: fixed; #menu-item-81{ margin-right: 30px; #menu-item-84{ margin-right: 40px; a{ text-decoration: none; color: grey;

9 a:hover{ color: skyblue; body{ width: 82.3vw; margin: auto; text-align: center; background-color: pink; border: 1px solid black; height: 100vh; font-family: 'Scheherazade', serif; #sidebar{ float: left; border-right: 1px solid black; margin-top: 50px; height: 96.4vh; width: 15vw; #calendar-11{ margin-left: 45px; ul{ list-style: none;

10 Har ikke gjort så mye for innholdet til prosjektet. Fokuserte litt mer på hvordan å begynne å lage theme for wordpress. Jeg har brukt disse plugins: På description star det hva dem gjør. Siden jeg brukte footer putter har jeg sletta den som jeg skrev først for footer.php. Da jeg begynte å se på tutorial, trodde jeg at alle functions som å sette widgets, menus, og headers kommer automatisk. Jeg visste ikke at man må lage en kode for å få dem ut fra admin page. Må innrømme at jeg ble forvirret da jeg laste ned wordpress for at jeg ikke skjønte hvordan jeg skal starte med den. Men etter et par tuts fra nett så fikk jeg det med meg. Hadde også problemet da jeg ble logga ut for at jeg husker ikke eller hadde ikke peiling på hvordan man skulle logge inn igjen. I denne oppgaven har jeg fokusert hvordan å lage theme for wordpress. Det er ikke så komplisert, men er ikke enkelt heller, og det tar mye tid, avhenger selvfølgelig om hvordan brukeren vil style sida osv. Oppg2 Hvilke konkrete råd om sikkerhet vil du gi til de som skal sette opp og drifte et CMS? Begrunn rådene med hvilke trusler de skal motvirke der det er nødvendig.

11 - Oppdatere plugins osv for CMS en - Bruk bra kombinasjoner for passord, unngå å bruke admin for admin brukernavn. Velg noe som er unikk (slett admin eller i hverfall gjør endringer for det) - Det finnes password authentication tjenester nå, så om det er mulig, bruk den også. - Oppdater sida ofte! Oppg 3 Gi en mest mulig presis forklaring på hva et CMS er. Hvilke fordeler og ulemper ser du ved å benytte et CMS for henholdsvis utviklere og sluttbrukere? - CMS betyr Content Management Systems som gir adgang til brukere og utviklere i forskjellige grad for å håndtere innlegg til sida. I CMS er det mulig å lage en nettsida og lage innhold uten å kode (eller bruke html), og modifisere innholdet ved bruk av eksisterende plugins. Fordeler: - Lett å bruke - Trenger ikke å vite noe om koding eller programmering (kan laste ned eller kjøpe plugins og themes) - Det er gratis - For utviklere blir det tidseffektivt siden de egentlig bør ikke tenke så mye på kodingen, det eneste er at de må holde sida, innholdet (med plugins) oppdatert så ofte så mulig for bedre sikkerhet. - Det er mulig å ha flere brukere for vedlikehold (kost effektivt vedlikehold også) Ulemper: - Sikkerhet (det koster penger) - Blir litt mer komplisert å få den stilen man vil ha (må skrives koden om igjen for dette her) - Må sørge for at theme og plugins som blir brukt blir også oppdatert samtidig som software. Må sørge for at alt blir kompatibelt og vil fungere. Blir litt krise om man bruker et theme som ble laga av en annen person og må vente for oppdateringa - Bruker mange filer for kodinga - Begrenset på hva utviklere kan gjøre i forhold når man lager egen nettsida fra bunn med Oppg4 egne koder.

12 Norge følger etter en rekke land og innfører nå lovgivning som skal sikre universell utforming av bl.a. nettsider. ( For oppgaven er 1,2,4,6,7 og 11 spesielt interessant. Se bort i fra det som står ang. automater. a) Hva tror du blir den nye lovens innvirkning på norske utviklere og brukere på kort og lang sikt. Svar fra et teknisk vinklet perspektiv. b) Det Norge her gjør er lignende det flere land alt har gjort eller står på trappene for å gjøre. Hva tror du betydningen blir for standarder og verktøy/teknologi i et større perspektiv. (Du kan gjerne svare på a og b sammen, men la det gå frem hva som hører til hvilken vinkling av spørsmålet) Svar: a) For utviklere kan dette blir for mye jobb. Spesielt for eksisterende nettsider som har ikke disse hjelpemidlene som kreves fra loven. Et problem som kan oppstå er at utviklere/eiere har ikke nok kunnskap for å formere disse endringer. Men selvfølgelig er det mulig å ta ekstra kurser osv for å kunne disse. Det er viktig å vise de som jobber i dette områder hvor viktig og lønnsomt det er for samfunnet å kunne kravene. Det er også viktig at utviklere vil tenke mye mer i sine forbrukeres perspektiv når de lager nettsider, apper, eller programmer. Og siden teknologien utvikler seg hele tida må utviklere være oppdatert for endringene, og kunnskapet dems må også utvikles for nye krav og løsninger som trengs. For forbrukere, spesielt for dem som er funksjonshemmede vil dette være en stor hjelp. Da kan de få tilgang til alle mulige deler av teknologier som eksisterer, de som de kunne ikke bruke før pga det finnes ikke noe hjelpemidler eller løsninger for sine situasjoner. Men dette gjelder ikke bare som er funksjonshemmede men også vanlige brukere. F.eks. det finnes nettsider som har for lite skrift, selv om har ikke problemet med synet så vil det ikke være lett og behagelig for deg å lese den du leser, da må du justere skriften selv fra pc eller mobilen så du ser det bedre. Men hvis den funksjonen er allerede tilgjengelig i selve nettsida så har du løsningen med å bare trykke på knappen. Loven ble lagt ut i 1. juli 2013, og disse kravene må være tilgjengelige innen 1. januar Da betyr det at utviklere har god tid, og at regjeringen skjønner at dette blir ikke lett å oppnå med en gang. Selv om vi sier at 8 år er en god tid, vil det ta mye jobb å lage disse funksjonaliteter og gjøre disse endringer. b) Som sagt, teknologien utvikler seg hele tida. Jeg kan tenke at de kravene som står nå, vil endre seg etterhvert til enten mer eller forbedret versjon. Og som jeg har sagt,

13 utviklere må få mer kunnskap, og ikke minst erfaring for å implementere disse kravene. Om disse kravene blir tas i bruk tenker jeg at det blir bare positivt, siden alle mennesker, uavhengig hvem vil ha mindre problem å bruke nettsider. På en måte kan det hende at standarder vil hindre utviklere og bedriftseiere å bruke sine egne ideer av nettsidas design. Men hvis vi tenker på et større perspektiv så kommer det til å være verdt det. Utviklere og nettsida eiere bør egentlig tenke på forbrukere mer, siden det er forbrukere som besøker nettsida dems, og de er nok forpliktet å tenke på tilgjengelighet av nettsider.