Scribd Logo
Upload

Welcome to Scribd!

  • 11 Definisanje Dimenzija Prikaza Fotografija

    Uploaded by

    j.kokan69
    26 views4 pages

    Original Title

    11-definisanje-dimenzija-prikaza-fotografija

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    26 views4 pages

    11 Definisanje Dimenzija Prikaza Fotografija

    Uploaded by

    j.kokan69

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    11.

    Definisanje dimenzija prikaza fotografija


    Kroz ovu lekciju ćemo objasniti jednu WordPress funkcionalnost koja značajno olakšava posao krajnjem korisniku
    teme. Koristeći WordPress ili gledajući neki sajt u WordPressu, sigurno ste primetili da se ista fotografija pojavljuje
    na nekoliko različitih mesta, u drugačijoj dimenziji.

    Kada objavimo članak sa istaknutom fotografijom, ona će se prikazati na naslovnoj strani u listi članaka koristeći
    određenu dimenziju fotografije. U sidebaru gde se nalaze najpopularniji članci ista fotografija će se pojaviti u
    dimenziji thumbnaila, a u sklopu samog članka, ona se prikazuje preko cele stranice u potpuno drugom odnosu
    dužine i širine.

    WordPress ovo postiže tako što od svake fotografije koju dodate na server napravi još onoliko fotografija koliko je
    potrebno za prikaz određene teme.
    Vi kao developer teme morate da odredite dimenzije fotografija za svako mesto prikaza, a zatim da na to mesto
    pozovete i odgovarajuću fotografiju. Prvi korak u ovom procesu je definisanje dimenzija fotografije i naziva za svaku
    od dimenzija.

    Otvorićemo index.html našeg HTML templejta u internet


    pretraživaču, i desnim klikom pokrenućemo inspect
    element za prvu fotografiju koja nam je potrebna.

    Ovu dimenziju 355x238 ćemo upisati kao istaknuta-slika u


    našoj functions.php datoteci, u okviru sekcije:
    function wpa_theme_setup()

    Za sledeću dimenziju fotografije uzećemo templejt


    stranicu no-sidebar.html koji smo koristili za page.php i
    single.php i kreiraćemo clanak-slika u dimenziji 1188x459,
    na isti način kao i za prethodnu fotografiju.
    Nakon izvršenih izmena u sekciji function wpa_theme_setup() naše functions.php datoteke, ovaj deo koda izgledaće
    ovako:
    function wpa_theme_setup() {
    // This theme styles the visual editor with editor-style.css to match the theme style.
    add_editor_style();
    // Adds RSS feed links to <head> for posts and comments.
    add_theme_support('automatic-feed-links');
    // This theme uses wp_nav_menu() in one location.
    register_nav_menu('head-nav', 'main navigation');
    // This theme uses a custom image size for featured images.
    add_theme_support('post-thumbnails');
    set_post_thumbnail_size(, , );
    add_image_size('istaknuta-slika', 355, 238, true);
    add_image_size('clanak-slika', 1188, 459, array( 'left', 'top' ));
    }

    Vaš zadatak je da dodate dimenzije za templejt koji ima sidebar sa leve ili desne strane i za listu članaka na naslovnoj
    strani po istom principu kako smo radili do sada.

    Kada u functions.php datoteku upišemo naziv i dimenzije fotografije, možemo odrediti i da li će one biti hard ili soft
    kropovane. Ukoliko ne dodamo argument koji definiše kropovanje fotografije, podrazumevana vrednost je soft
    krop.

    Hard krop definišemo tako što ćemo nakon dimenzije staviti true -> add_image_size('istaknuta-slika', 355, 238,
    true);

    Kod soft krop varijante, uzima se veća dimenzija i prema njoj se fotografija skalira, dok kod hard krop opcije sve što
    prelazi preko zadate dimenzije će biti odsečeno. Razlika između hard i soft kropovanja je velika, što možete videti
    na primeru ispod.
    Postoji još jedna opcija za hard krop koja određuje iz kog ugla će slika biti kropovana.

    Možete staviti argument array( 'left', 'top' ) i slika će biti kropovana od levog ugla na desno i od vrha ka dnu. Ova
    opcija je korisna kada Vam je važno da određeni ugao fotografije bude prikazan, a ne sredina iste.

    Sada možemo sačuvati našu functions.php datoteku, i u sledećem koraku pozvati fotografiju pravilnih dimenzija u
    sekciji istaknuti koja se nalazi unutar naše index.php datoteke, kao i u okviru datoteka page.php i single.php.

    You might also like