presentation wordpress | wordpress greek community 1st meetup

19
Βασικές Αρχές Σχεδίασης ενός Theme Η χρήση του Template Hierarchy και άλλων τεχνικών στη σχεδίαση ενός θέματος Βασίλης Φατούρος

Upload: vfatouros

Post on 14-Jun-2015

459 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Presentation wordpress | WordPress Greek Community 1st meetup

Βασικές Αρχές Σχεδίασης ενός Theme

Η χρήση του Template Hierarchy και άλλων τεχνικών στη σχεδίαση ενός θέματος

Βασίλης Φατούρος

Page 2: Presentation wordpress | WordPress Greek Community 1st meetup

Wordpress Theme

Είδη Projects

Theme για γενική χρήση. Δεν ξέρουμε που θα το χρησιμοποιήσει αυτός που θα το πάρει,

ούτε ποιές είναι οι απαιτήσεις του, επομένως θα πρέπει να μαντέψουμε τις πιθανές χρήσεις του.

Theme για ένα συγκεκριμμένο πελάτη.

Έχουμε συζητήσει με τον ενδιαφερόμενο και ξέρουμε τις απαιτήσεις του, επομένως θα του παραδόσουμε κάτι κομμένο και ραμμένο σε αυτά που ζητάει.

Page 3: Presentation wordpress | WordPress Greek Community 1st meetup

Πλευρές Ανάπτυξης ενός Theme

1. Template Hierarchy

2. Αρχιτεκτονική Σελίδων

3. Βασικές Δυνατότητες

4. Ευκολία Αλλαγής Εμφάνισης

5. Τροποποίηση Διαχειριστικού

Page 4: Presentation wordpress | WordPress Greek Community 1st meetup

Template Hierarchy

Page 5: Presentation wordpress | WordPress Greek Community 1st meetup

Template Hierarchy

http://localhost/category/greek-food/

1.category-greek-food.php

2. category-10.php

3. category.php

4. archive.php

5. index.php

Page 6: Presentation wordpress | WordPress Greek Community 1st meetup

Template Hierarchy

add_action('wp_head', 'show_template');

function show_template(){

global $template;

print_r($template);

}

Page 7: Presentation wordpress | WordPress Greek Community 1st meetup

Template Hierarchy

Page 8: Presentation wordpress | WordPress Greek Community 1st meetup

Αρχιτεκτονική Σελίδων

1. Διαφορετικά header, footer ανά γλώσσα ή κατηγορία {get_header(), get_footer()}.

2. Διαφορετικά Widget Areas και Menus, {get_sidebar(), wp_nav_menu()}.

3. H χρήση sidebar με άλλες δυνατότητες όπως διαφημίσεις {get_sidebar()}.

4. Χρήση carousel areas.

5. Διαφορετικά είδη δεδομένων (custom post types) και κατηγoριοποιήσεων (custom taxonomy).

Page 9: Presentation wordpress | WordPress Greek Community 1st meetup

Βασικές Δυνατότητες

1. Χρήση fancybox effects

2. Χρήση περισσότερων από δύο διαφορετικών διαστάσεων μιας εικόνας, {add_image_size}.

3. Σύνδεση κατηγοριών με αντικείμενα.

4. Χρήση ειδικών σελίδων {Template Name: xxxxxxxxxx} όπως contact form και login form, ακόμη και εγγραφής χρηστών από το site.

Page 10: Presentation wordpress | WordPress Greek Community 1st meetup

Ευκολία Αλλαγής Εμφάνισης

Page 11: Presentation wordpress | WordPress Greek Community 1st meetup

Ευκολία Αλλαγής Εμφάνισης

Page 12: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 13: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 14: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 15: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 16: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 17: Presentation wordpress | WordPress Greek Community 1st meetup

Τροποποίηση Διαχειριστικού

Page 19: Presentation wordpress | WordPress Greek Community 1st meetup

Q&A