DELAVNICA

Kako prijeti WordPress za roge?

Maja Kraljic, M.Sc.facebook.com/princessdesignnet

WiFi

3 URE v MINUTIOSNOVE- Zgodovina- Primeri

uporabe- .org ali .com- Namestitev- Nastavitve

EKSPERIMENTI- Izgled spletne

strani - Teme- Razsirjanje

funkcionalnosti - Vticniki

- Programiranje s php

TRIKI IN NASVETI- Zapisi in strani- Urejevalnik

besedila- Editiranje slik- Galerija slik- Trajne povezave- Objavljanje- Hitro urejanje- Strani- Komentarji- Media Library

WordPress2003 - MATT MULLENWEG

25 XXL posodobitev Ella Fitzgerald & Carmen McRae

http://codex.wordpress.org/WordPress_Versions

Na WordPressu stoji 23% vseh spletnih strani

WordPress

Blog & CMS & Aplikacije

(CMS = sistem za urejanje vsebin)

WordPress.orgali

WordPress.com

http://store.wordpress.com/plans/

Spletno gostovanje

StreznikPHP 5.2.4 +

Baza MySQL 5.0+

Domena .com .org .si

Slovenski podudniki gostovanja*:● hitrost.com● hostko.si● domenca.com● arnes.si

Tuji ponudniki gostovanja*:● dreamhost.com● hostgator.com

* ponudnikov je veliko in zgornji seznam ne preferira nobenega

MySQL ADMIN

Zavihajmo rokave

Kako namestimo WordPress?

1. Prenesemo datoteko najnovejse verzije WordPressa iz WordPress.org

2. Zip datoteko razsirimo3. Instaliramo program FileZilla4. Povezemo se s streznikom (uporabimo FTP podatke)5. Ustvarimo mapo s svojim priimkom in vanj prenesemo

datoteke6. Ko je prenos datotek zakljucen, obiscemo URL kamor smo

datoteke prenesli in zacnemo z namestitvijo

wordpress.org/downloadDATOTEKE ODZIPPAMO

NAMESTITEV

- Prenesemo WordPress datoteke na streznik

- Instaliramo Wordpress z obiskom spletne strani s prenesenimi datotekami

To je bila WordPressovaslavna 5-minutna namestitev!

ZAPISI & STRANI

Razvrsceni kronoloskoKategorijeZnackeFormati (Post formats)RSS

Staticna vsebinaHierarhicnost straniVrstni redMozne predloge

SKUPNOKomentarji, Custom fields, Featured image, Verzije

Lokacija v bazi!

Screen Options

NASVET: Distraction Free Writing Mode

NASVET: Kitchen Sink

NASVET: Simboli

NASVET: Bliznjice

NASVET: Auto Embeds

https://www.youtube.com/watch?v=0peTfMOdDoo

http://instagram.com/p/beLxubxpSf/ https://twitter.com/twitter/status/542026083504103424

Youtube, Twitter, Flickr, Scribd, SlideShare, Soundcloud, Vimeo, Wordpress.tv, Qik, Hulu, TED, Issuu, Imgur, Instagram, Viddler ...

http://codex.wordpress.org/Embeds

NASVET: Delitev Zapisa (text mode)

<!--nextpage-->

DODAJANJE MEDIJSKIH DATOTEK

Nacini vstavljanja datotek: ● Prenos datoteke iz racunalnika● Vstavi obstojeco datoteko iz

WordPressa● Vstavi datoteko s spleta

● Izbrisi datoteko● Uredi datoteko

Pomanjsevanje originalne slike

Izrez dela slike

Image Crop● Klik na sliko in klik/poteg za oznacitev dela

slike.● Shift za ohranitev originalnega razmerja med

sirino in visino● Spreminjamo lahko razmerje in velikost slike ● Izrez se izvede, ko kliknemo na ikono za izrez

Ikone za izrez, zasuk slike, zrcaljenje in vracanje v prejsnja stanja

Dolocimo na katere slike bodo spremembe vplivale

Preklicemo oz. shranimo spremembe

DODAJANJE GALERIJE SLIK1.

2.

3.

4.

5.

6. Settings

7.

DELAVNICA

Izberi 9 slik in jih dodaj v galerijo ter objavi v zapisu.

DODAJANJE MP3-jev

TRAJNA POVEZAVA (Permalink)

TRAJNA POVEZAVA (Permalink)

OBJAVLJANJE

NASVET: Hitro urejanje Quick Edit (za zapise in strani)

NASVET: Skupinsko urejanje Bulk Edit (za zapise in strani)

Strani: Posebnosti

HIERARHIJA STRANI

HIERARHIJA STRANI

Media Library

MEDIA LIBRARY

Slike, videoposnetki in dateteke za uporabo v prispevkih in na straneh

Komentarji

AKISMET PLUGIN

AKISMET PLUGIN

Izgled in Teme

IZGLED in TEME (Appearance - Themes)

https://wordpress.org/themes/

NASTAVITVE TEME

NaslovOpis blogaBarveSlikeGradnikiPrva stran

DELAVNICA

Zamenjaj obstojeco temo z drugo in jo prilagodi.

IZGLED IN TEME

Temo lahko izdelate tudi same, potrebno je znanje HTML-ja, CSS-ja, php-ja

Vticniki

VTICNIKI / PLUGINI

Z vticniki je mogoce nadgraditi funkcionalnost Wordpressa.

Plugini so obicajno ZASTONJ ali imajo PLACLJIVO NADGRADNJO!

Iskanje po 35.000 vticnikih je integrirano v Wordpress!

https://wordpress.org/plugins/

DATOTEKE v TEMAH in VTICNIKIH

NAJBOLJ POPULARNI PLUGINIAkismetAkismet checks your comments against the Akismet Web service to see if they look like spam or not.

Contact Form 7Just another contact form plugin. Simple but flexible.

WordPress SEO by YoastImprove your WordPress SEO: Write better content and have a fully optimized WordPress site using Yoast's WordPress SEO plugin.

Google Analytics by YoastTrack your WordPress site easily with the latest tracking codes and lots added data for search result pages and error pages.

Google XML SitemapsThis plugin will generate a special XML sitemap which will help search engines to better index your blog.

WordPress ImporterImport posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.

https://developer.wordpress.org/reference/https://wordpress.org/plugins/browse/popular/

NextGEN GalleryThe most popular WordPress gallery plugin and one of the most popular plugins of all time with over 10 million downloads.

iThemes Security (formerly Better WP Security)The easiest, most effective way to secure WordPress in seconds.

Broken Link CheckerThis plugin will check your posts, comments and other content for broken links and missing images, and notify you if any are found.

W3 Total CacheEasy Web Performance Optimization (WPO) using caching: browser, page, object, database, minify and content delivery network support.

UpdraftPlus Backup and RestorationBackup and restoration made easy. Complete backups; manual or scheduled (backup to S3, Dropbox, Google Drive, Rackspace, FTP, SFTP, email + others).

PHP: Hypertext Preprocessor

DELAVNICA: php

Na streznik dodaj datoteko osnove.phpV datoteko dodaj

<?php echo "Moje ime je __IME__." ?>

Odpri brskalnik na lokaciji datoteke.

DELAVNICA: php

V datoteki osnove.php spremeni vsebino v

<?php

$name ="__IME__";

echo "Moje ime je " . $name . ".";

?>

DELAVNICA: php

V datoteki osnove.php spremeni vsebino v

<?php

function name($x) {

echo "Moje ime je " . $x . ".";

}

name("Maja");

?>

http://learnxinyminutes.com/docs/php

DELAVNICA: php

PHP ukazi, ki jih najdemo v temah:

<?php bloginfo( 'charset' ); ?>

<?php get_header(); ?>

<?php get_sidebar(); ?>

<?php get_footer();?>

<?php wp_footer(); ?>

<?php the_excerpt(); ?>

https://developer.wordpress.org/reference/

http://codex.wordpress.org

https://wordpress.org/support

DODATNI EKSPERIMENTI

- Spremenimo geslo v bazi- Aktiviramo Hello Dolly in spremenimo

tekst- Ogledamo si CSS kodo v Browsrju- Spremenimo CSS kodo v temi

maja.kraljic@gmail.com

http://facebook.com/princessdesignnet