Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DELAVNICA
Kako prijeti WordPress
za roge?
Maja Kraljic, M.Sc.
facebook.com/princessdesignnet
WiFi
3 URE v MINUTI
OSNOVE
- Zgodovina
- Primeri
uporabe
- .org ali .com
- Namestitev
- Nastavitve
EKSPERIMENTI
- Izgled spletn...
WordPress
2003 -
MATT MULLENWEG
25XXL 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.org
ali
WordPress.com
http://store.wordpress.com/plans/
Spletno gostovanje
Streznik
PHP 5.2.4 +
Baza MySQL
5.0+
Domena
.com .org .si
Slovenski podudniki gostovanja*:
● hitrost.co...
MySQL ADMIN
Zavihajmo rokave
Kako namestimo WordPress?
1. Prenesemo datoteko najnovejse verzije WordPressa iz
WordPress.org
2. Zip datoteko razsirimo
3...
wordpress.org/download
DATOTEKE ODZIPPAMO
NAMESTITEV
- Prenesemo WordPress datoteke na streznik
- Instaliramo Wordpress z obiskom spletne strani s
prenesenimi datot...
To je bila
WordPressova
slavna 5-minutna
namestitev!
ZAPISI & STRANI
Razvrsceni kronolosko
Kategorije
Znacke
Formati (Post formats)
RSS
Staticna vsebina
Hierarhicnost strani
V...
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/tw...
NASVET: Delitev Zapisa (text mode)
<!--nextpage-->
DODAJANJE MEDIJSKIH DATOTEK
Nacini vstavljanja datotek:
● Prenos datoteke iz racunalnika
● Vstavi obstojeco datoteko iz
Wo...
Pomanjsevanje
originalne slike
Izrez dela slike
Image Crop
● Klik na sliko in klik/poteg za oznacitev dela
slike.
● Shift ...
DODAJANJE GALERIJE SLIK
1.
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
Naslov
Opis bloga
Barve
Slike
Gradniki
Prva 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 PLACLJ...
https://wordpress.org/plugins/
DATOTEKE v TEMAH in VTICNIKIH
NAJBOLJ POPULARNI PLUGINI
Akismet
Akismet checks your comments against the Akismet Web service to
see if they look like sp...
PHP: Hypertext Preprocessor
DELAVNICA: php
Na streznik dodaj datoteko osnove.php
V datoteko dodaj
<?php echo "Moje ime je __IME__." ?>
Odpri brskalnik...
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("...
http://learnxinyminutes.com/docs/php
DELAVNICA: php
PHP ukazi, ki jih najdemo v temah:
<?php bloginfo( 'charset' ); ?>
<?php get_header(); ?>
<?php get_sidebar...
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 Brows...
maja.kraljic@gmail.com
http://facebook.com/princessdesignnet
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove
Upcoming SlideShare
Loading in …5
×

[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove

Prezentacija iz WordPress delavnice kako prijeti WordPress za roge?

December 2014, WordPress 4.1 RC1

  • Be the first to comment

  • Be the first to like this

[SI] Kako prijeti WordPress za roge? - Delavnica Wordpress osnove

  1. 1. DELAVNICA Kako prijeti WordPress za roge? Maja Kraljic, M.Sc. facebook.com/princessdesignnet
  2. 2. WiFi
  3. 3. 3 URE v MINUTI OSNOVE - 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
  4. 4. WordPress 2003 - MATT MULLENWEG
  5. 5. 25XXL posodobitev Ella Fitzgerald & Carmen McRae http://codex.wordpress.org/WordPress_Versions
  6. 6. Na WordPressu stoji 23% vseh spletnih strani
  7. 7. WordPress Blog & CMS & Aplikacije (CMS = sistem za urejanje vsebin)
  8. 8. WordPress.org ali WordPress.com
  9. 9. http://store.wordpress.com/plans/
  10. 10. Spletno gostovanje Streznik PHP 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
  11. 11. MySQL ADMIN
  12. 12. Zavihajmo rokave
  13. 13. Kako namestimo WordPress? 1. Prenesemo datoteko najnovejse verzije WordPressa iz WordPress.org 2. Zip datoteko razsirimo 3. Instaliramo program FileZilla 4. Povezemo se s streznikom (uporabimo FTP podatke) 5. Ustvarimo mapo s svojim priimkom in vanj prenesemo datoteke 6. Ko je prenos datotek zakljucen, obiscemo URL kamor smo datoteke prenesli in zacnemo z namestitvijo
  14. 14. wordpress.org/download DATOTEKE ODZIPPAMO
  15. 15. NAMESTITEV - Prenesemo WordPress datoteke na streznik - Instaliramo Wordpress z obiskom spletne strani s prenesenimi datotekami
  16. 16. To je bila WordPressova slavna 5-minutna namestitev!
  17. 17. ZAPISI & STRANI Razvrsceni kronolosko Kategorije Znacke Formati (Post formats) RSS Staticna vsebina Hierarhicnost strani Vrstni red Mozne predloge SKUPNO Komentarji, Custom fields, Featured image, Verzije Lokacija v bazi!
  18. 18. Screen Options
  19. 19. NASVET: Distraction Free Writing Mode
  20. 20. NASVET: Kitchen Sink
  21. 21. NASVET: Simboli
  22. 22. NASVET: Bliznjice
  23. 23. 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
  24. 24. NASVET: Delitev Zapisa (text mode) <!--nextpage-->
  25. 25. DODAJANJE MEDIJSKIH DATOTEK Nacini vstavljanja datotek: ● Prenos datoteke iz racunalnika ● Vstavi obstojeco datoteko iz WordPressa ● Vstavi datoteko s spleta ● Izbrisi datoteko ● Uredi datoteko
  26. 26. 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
  27. 27. DODAJANJE GALERIJE SLIK 1. 2. 3. 4. 5. 6. Settings 7.
  28. 28. DELAVNICA Izberi 9 slik in jih dodaj v galerijo ter objavi v zapisu.
  29. 29. DODAJANJE MP3-jev
  30. 30. TRAJNA POVEZAVA (Permalink)
  31. 31. TRAJNA POVEZAVA (Permalink)
  32. 32. OBJAVLJANJE
  33. 33. NASVET: Hitro urejanje Quick Edit (za zapise in strani)
  34. 34. NASVET: Skupinsko urejanje Bulk Edit (za zapise in strani)
  35. 35. Strani: Posebnosti
  36. 36. HIERARHIJA STRANI
  37. 37. HIERARHIJA STRANI
  38. 38. Media Library
  39. 39. MEDIA LIBRARY Slike, videoposnetki in dateteke za uporabo v prispevkih in na straneh
  40. 40. Komentarji
  41. 41. AKISMET PLUGIN
  42. 42. AKISMET PLUGIN
  43. 43. Izgled in Teme
  44. 44. IZGLED in TEME (Appearance - Themes) https://wordpress.org/themes/
  45. 45. NASTAVITVE TEME Naslov Opis bloga Barve Slike Gradniki Prva stran
  46. 46. DELAVNICA Zamenjaj obstojeco temo z drugo in jo prilagodi.
  47. 47. IZGLED IN TEME Temo lahko izdelate tudi same, potrebno je znanje HTML-ja, CSS-ja, php-ja
  48. 48. Vticniki
  49. 49. 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!
  50. 50. https://wordpress.org/plugins/
  51. 51. DATOTEKE v TEMAH in VTICNIKIH
  52. 52. NAJBOLJ POPULARNI PLUGINI Akismet Akismet checks your comments against the Akismet Web service to see if they look like spam or not. Contact Form 7 Just another contact form plugin. Simple but flexible. WordPress SEO by Yoast Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using Yoast's WordPress SEO plugin. Google Analytics by Yoast Track your WordPress site easily with the latest tracking codes and lots added data for search result pages and error pages. Google XML Sitemaps This plugin will generate a special XML sitemap which will help search engines to better index your blog. WordPress Importer Import 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 Gallery The 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 Checker This plugin will check your posts, comments and other content for broken links and missing images, and notify you if any are found. W3 Total Cache Easy Web Performance Optimization (WPO) using caching: browser, page, object, database, minify and content delivery network support. UpdraftPlus Backup and Restoration Backup and restoration made easy. Complete backups; manual or scheduled (backup to S3, Dropbox, Google Drive, Rackspace, FTP, SFTP, email + others).
  53. 53. PHP: Hypertext Preprocessor
  54. 54. DELAVNICA: php Na streznik dodaj datoteko osnove.php V datoteko dodaj <?php echo "Moje ime je __IME__." ?> Odpri brskalnik na lokaciji datoteke.
  55. 55. DELAVNICA: php V datoteki osnove.php spremeni vsebino v <?php $name ="__IME__"; echo "Moje ime je " . $name . "."; ?>
  56. 56. DELAVNICA: php V datoteki osnove.php spremeni vsebino v <?php function name($x) { echo "Moje ime je " . $x . "."; } name("Maja"); ?>
  57. 57. http://learnxinyminutes.com/docs/php
  58. 58. 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(); ?>
  59. 59. https://developer.wordpress.org/reference/
  60. 60. http://codex.wordpress.org
  61. 61. https://wordpress.org/support
  62. 62. DODATNI EKSPERIMENTI - Spremenimo geslo v bazi - Aktiviramo Hello Dolly in spremenimo tekst - Ogledamo si CSS kodo v Browsrju - Spremenimo CSS kodo v temi
  63. 63. maja.kraljic@gmail.com http://facebook.com/princessdesignnet

×