Prezentacija iz WordPress delavnice kako prijeti WordPress za roge? December 2014, WordPress 4.1 RC1

1. DELAVNICA
Kako prijeti WordPress
za roge?
Maja Kraljic, M.Sc.
facebook.com/princessdesignnet

2. WiFi

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. WordPress
2003 -
MATT MULLENWEG

5. 25XXL posodobitev
Ella Fitzgerald & Carmen McRae
http://codex.wordpress.org/WordPress_Versions

6. Na WordPressu stoji
23% vseh spletnih strani

8. WordPress
Blog & CMS
& Aplikacije
(CMS = sistem za urejanje vsebin)

14. WordPress.org
ali
WordPress.com

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

18. 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

19. MySQL ADMIN

20. Zavihajmo rokave

21. 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

23. wordpress.org/download
DATOTEKE ODZIPPAMO

25. NAMESTITEV
- Prenesemo WordPress datoteke na streznik
- Instaliramo Wordpress z obiskom spletne strani s
prenesenimi datotekami

35. To je bila
WordPressova
slavna 5-minutna
namestitev!

38. 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!

39. Screen Options

40. NASVET: Distraction Free Writing Mode

41. NASVET: Kitchen Sink

42. NASVET: Simboli

43. NASVET: Bliznjice

44. 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

45. NASVET: Delitev Zapisa (text mode)
<!--nextpage-->

46. DODAJANJE MEDIJSKIH DATOTEK
Nacini vstavljanja datotek:
● Prenos datoteke iz racunalnika
● Vstavi obstojeco datoteko iz
WordPressa
● Vstavi datoteko s spleta
● Izbrisi datoteko
● Uredi datoteko

52. 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

54. DODAJANJE GALERIJE SLIK
1.
2.
3.
4.
5.
6. Settings
7.

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

56. DODAJANJE MP3-jev

57. TRAJNA POVEZAVA (Permalink)

59. TRAJNA POVEZAVA (Permalink)

60. OBJAVLJANJE

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

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

63. Strani: Posebnosti

64. HIERARHIJA STRANI

65. HIERARHIJA STRANI

66. Media Library

67. MEDIA LIBRARY
Slike, videoposnetki in dateteke za uporabo v
prispevkih in na straneh

69. Komentarji

72. AKISMET PLUGIN

73. AKISMET PLUGIN

75. Izgled in Teme

76. IZGLED in TEME (Appearance - Themes)
https://wordpress.org/themes/

77. NASTAVITVE TEME
Naslov
Opis bloga
Barve
Slike
Gradniki
Prva stran

78. DELAVNICA
Zamenjaj obstojeco temo z drugo in jo prilagodi.

79. IZGLED IN TEME
Temo lahko izdelate tudi
same, potrebno je znanje
HTML-ja, CSS-ja, php-ja

80. Vticniki

81. 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!

82. https://wordpress.org/plugins/

88. DATOTEKE v TEMAH in VTICNIKIH

89. 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).

90. PHP: Hypertext Preprocessor

91. DELAVNICA: php
Na streznik dodaj datoteko osnove.php
V datoteko dodaj
<?php echo "Moje ime je __IME__." ?>
Odpri brskalnik na lokaciji datoteke.

92. DELAVNICA: php
V datoteki osnove.php spremeni vsebino v
<?php
$name ="__IME__";
echo "Moje ime je " . $name . ".";
?>

93. DELAVNICA: php
V datoteki osnove.php spremeni vsebino v
<?php
function name($x) {
echo "Moje ime je " . $x . ".";
}
name("Maja");
?>

94. http://learnxinyminutes.com/docs/php

95. 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(); ?>

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

97. http://codex.wordpress.org

98. https://wordpress.org/support

99. DODATNI EKSPERIMENTI
- Spremenimo geslo v bazi
- Aktiviramo Hello Dolly in spremenimo
tekst
- Ogledamo si CSS kodo v Browsrju
- Spremenimo CSS kodo v temi

100. maja.kraljic@gmail.com
http://facebook.com/princessdesignnet