SlideShare une entreprise Scribd logo
1  sur  19
Tema 19: Profesionalizacija veb-sajtova polaznika koji su zasnovani na “vordpres” (WordPress) sistemu za baratanje sadržajem (content management system). Izmena šablona naslovne strane kako bi veb-sajt dobio kompleksan ali u isto vreme i pregledan izgled. predavač: Aleksandar Urošević http://urosevic.net Škola web novinarstva, Udruženje novinara Srbije
Profesionalizacija WordPress bloga ,[object Object]
Struktura  WordPress  šablona
Dobavljanje i upotreba podataka u šablonu
Custom funkcija za članke po kategorijama
Vizuelno uređivanje grupisanog sadržaja
Validacija kôda ( XHTML  i  CSS ) i korekcije grešaka
Korisne adrese
Pitanja i odgovori
Osnove PHP programiranja (1/2) ,[object Object]
npr:  <?php echo &quot;Zdravo svete!&quot;; ?>
Višelinijski počinje sa  /*  završava  */  , u jednoj liniji počinje sa  //
Svaka linija php kôda završava se znakom  ; ,[object Object]
pravilno:  $test = &quot;Zdravo svete!&quot;; echo &quot;Poruka: $test&quot;; ,[object Object],[object Object]
Davanje vrednosti promenljivoj:  $test = 5;
Definisanje niza:  $niz = array(&quot;vesti&quot;, &quot;sport&quot;, &quot;kultura&quot;, &quot;nauka&quot;);
$niz[0]  je  vesti ;  $niz[1]  je  sport ;  $niz[2]  je  kultura
Osnove PHP programiranja (2/2) ,[object Object]
Višestruke promenljive u izlazu: print <<<EOF <a href=&quot;$url&quot;>$naslov</a><br /> <em><strong>Sadržaj:</strong> $sadrzaj</em> EOF;

Contenu connexe

Similaire à Profesionalizacija veb-sajtova polaznika i izmena šablona naslovne strane

Ljubav Flexa I PHP-a
Ljubav Flexa I PHP-aLjubav Flexa I PHP-a
Ljubav Flexa I PHP-aIvan Ilijasic
 
Automatizacija u Front-end razvojnom procesu
Automatizacija u Front-end razvojnom procesuAutomatizacija u Front-end razvojnom procesu
Automatizacija u Front-end razvojnom procesuDalibor Gogic
 
Dobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeDobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeMiloš Đekić
 
Dobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeDobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeGoran Rakic
 
WordPress za početnike
WordPress za početnikeWordPress za početnike
WordPress za početnikeDejanVesic
 
Html programiranje
Html programiranjeHtml programiranje
Html programiranjegodra31
 
Dreamweaver cs6 korak po korak
Dreamweaver cs6 korak po korakDreamweaver cs6 korak po korak
Dreamweaver cs6 korak po korakzoran Jelinek
 
Web дизајн (it), део 6, школска 2010 11, триместар 3
Web дизајн (it), део 6, школска 2010 11, триместар 3Web дизајн (it), део 6, школска 2010 11, триместар 3
Web дизајн (it), део 6, школска 2010 11, триместар 3Nikola Reljin
 

Similaire à Profesionalizacija veb-sajtova polaznika i izmena šablona naslovne strane (12)

Windays 11 - IE9 i HTML5
Windays 11 - IE9 i HTML5Windays 11 - IE9 i HTML5
Windays 11 - IE9 i HTML5
 
Blogopen WorkShop
Blogopen WorkShopBlogopen WorkShop
Blogopen WorkShop
 
Ljubav Flexa I PHP-a
Ljubav Flexa I PHP-aLjubav Flexa I PHP-a
Ljubav Flexa I PHP-a
 
Matlab web portal
Matlab web portalMatlab web portal
Matlab web portal
 
C++ za 90 minuta
C++ za 90 minutaC++ za 90 minuta
C++ za 90 minuta
 
Automatizacija u Front-end razvojnom procesu
Automatizacija u Front-end razvojnom procesuAutomatizacija u Front-end razvojnom procesu
Automatizacija u Front-end razvojnom procesu
 
Dobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeDobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne biblioteke
 
Dobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne bibliotekeDobra praksa u razvoju komponentne biblioteke
Dobra praksa u razvoju komponentne biblioteke
 
WordPress za početnike
WordPress za početnikeWordPress za početnike
WordPress za početnike
 
Html programiranje
Html programiranjeHtml programiranje
Html programiranje
 
Dreamweaver cs6 korak po korak
Dreamweaver cs6 korak po korakDreamweaver cs6 korak po korak
Dreamweaver cs6 korak po korak
 
Web дизајн (it), део 6, школска 2010 11, триместар 3
Web дизајн (it), део 6, школска 2010 11, триместар 3Web дизајн (it), део 6, школска 2010 11, триместар 3
Web дизајн (it), део 6, школска 2010 11, триместар 3
 

Profesionalizacija veb-sajtova polaznika i izmena šablona naslovne strane

  • 1. Tema 19: Profesionalizacija veb-sajtova polaznika koji su zasnovani na “vordpres” (WordPress) sistemu za baratanje sadržajem (content management system). Izmena šablona naslovne strane kako bi veb-sajt dobio kompleksan ali u isto vreme i pregledan izgled. predavač: Aleksandar Urošević http://urosevic.net Škola web novinarstva, Udruženje novinara Srbije
  • 2.
  • 4. Dobavljanje i upotreba podataka u šablonu
  • 5. Custom funkcija za članke po kategorijama
  • 7. Validacija kôda ( XHTML i CSS ) i korekcije grešaka
  • 10.
  • 11. npr: <?php echo &quot;Zdravo svete!&quot;; ?>
  • 12. Višelinijski počinje sa /* završava */ , u jednoj liniji počinje sa //
  • 13.
  • 14.
  • 16. Definisanje niza: $niz = array(&quot;vesti&quot;, &quot;sport&quot;, &quot;kultura&quot;, &quot;nauka&quot;);
  • 17. $niz[0] je vesti ; $niz[1] je sport ; $niz[2] je kultura
  • 18.
  • 19. Višestruke promenljive u izlazu: print <<<EOF <a href=&quot;$url&quot;>$naslov</a><br /> <em><strong>Sadržaj:</strong> $sadrzaj</em> EOF;
  • 20.
  • 21. index.php je naslovna strana bloga
  • 22. post.php , single.php i page.php za prikaz pojedinačnih članaka i strana
  • 23. comments.php za prikaz i pisanje komentara na članke
  • 24.
  • 25. Slike: direktorijum images/ sa potrebnim slikama
  • 26.
  • 27.
  • 28. the_time() za vreme objavljivanja članka
  • 29. the_category() za kategorije kojima članak pripada
  • 30. the_excerpt() za sažetak članka
  • 31.
  • 32. $post->the_category za kategorije kojima članak pripada
  • 33. $post->the_excerpt za sažetak članka
  • 34. $post->the_content za sadržaj članka
  • 35.
  • 36. Posebne kategorije: query_posts(&quot; cat=3,7,8 &quot;);
  • 37. Isključivanje kategorije: query_posts(&quot; cat=-1 &quot;);
  • 38. Proizvoljan broj članaka: query_posts(&quot; showposts=7 &quot;);
  • 39. Preskakanje članaka: query_posts(&quot; offset=3 &quot;);
  • 40.
  • 41.
  • 42. <?php query_posts(&quot;showposts=4&offset=1&orderby=date&order=DSC&category_name=politika&quot;); while(have_posts()) { the_post(); ?> <div class=&quot;post&quot;> <h3><a href=&quot; <?php the_permalink(); ?> &quot;> <?php the_title(); ?> </a></h3> <div class=&quot;info&quot;>Objavljeno <?php the_time(&quot;j. F Y. G:i&quot;); ?> </div> <div class=&quot;sazetak&quot;> <?php the_excerpt(); ?> </div> </div> <? } ?>
  • 43.
  • 44. Za najnoviji članak pored naslova ispisuje i sažetak.
  • 45. Linkovi za svaku kategoriju su u posebnoj kućici (div).
  • 46. Kućice su raspoređene u dve kolone.
  • 47.
  • 48. Custom funkcija za članke po kategorijama (2/4) <?php function webnovinar_postpercat() { $kategorije = get_categories( 'child_of=0&orderby=ID' ); // rutina za određivanje broja članaka po koloni $br_kat = 0; $br_levo = 0; foreach ( $kategorije as $kat ) { if ( $kat ->count ) { $br_kat ++; } } $kat_levo = $br_kat / 2; if ( $kat_levo > intval ( $kat_levo ) ) { $kat_levo = intval ( $kat_levo ) + 1; } foreach ( $kategorije as $kat ) { // procesiramo svaku kategoriju niza if ( $kat ->count > 0 ) { // uzimamo samo kategorije sa člancima $br_levo ++; // kontrolni brojač // otvaramo levu kolonu if ( $br_levo == 1 ) { echo ' <div id=&quot;levo&quot;> ' ; } ?>
  • 49. Custom funkcija za članke po kategorijama (3/4) <div class=&quot;box&quot;> <h2><a href=&quot; <?php bloginfo( 'url' ); ?> /?cat= <?php echo $kat ->cat_ID; ?> &quot;> <?php echo $kat ->cat_name; ?> </a></h2> <ul> <?php // uzimamo najnovijih 5 članaka iz kategorije $kat $clanci = get_posts( 'numberposts=5&order=DSC&orderby=date&category='.$kat->cat_ID ); // procesiramo svaki članak u kategoriji $kat $br = 0; // kontrolni brojač za sažetak prvog članka foreach ( $clanci as $clanak ) { ?> <li><strong><a href=&quot; <?php bloginfo( 'url' ); ?> /?p= < ?php echo $clanak ->ID; ?> &quot; title=&quot; <?php echo $clanak ->post_date; ?> &quot;> <?php echo $clanak ->post_title; ?> </a> </strong> <?php if ( $br ++ == 0 ) { // štampamo sažetak prvog članka echo &quot; <p> &quot;. $clanak ->post_excerpt.&quot; </p> &quot;; } echo &quot; </li> &quot;; } // kraj procesiranja svakog članaka u kategoriji $kat ?> </ul> </div>
  • 50. Custom funkcija za članke po kategorijama (4/4) <?php } // kraj uzimanja samo kategorija sa člancima if ( $br_levo == $kat_levo ) { // zatvaramo levu i otvaramo desnu kolonu echo ' </div><div id=&quot;desno&quot;> '; } elseif ( $br_levo == $br_kat ) { // zatvaramo desnu kolonu echo ' </div> '; } } // kraj foreach petlje $kategorije as $kat } // kraj funkcije webnovinar_postpercat() ?>
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61. Database Description http://codex.wordpress.org/Database_Description
  • 62. Formatiranje vremena http://codex.wordpress.org/Formatting_Date_and_Time
  • 64.
  • 65. WordPress forum na srpskom http://sr.forums.wordpress.org/
  • 66. PHP reference http://www.php.net/manual/en/langref.php
  • 67. Validator za XHTML http://validator.w3.org/
  • 68. Validator za CSS http://jigsaw.w3.org/css-validator/
  • 69. On uvek sve zna http://google.com/