Κατασκευή Ιστοσελίδων Με Την Υπηρεσία Wordpress

2017
SITEWORKS.GR ΕΓΧΕΙΡΙΔΙΟ ΧΡΗ΢Η΢ WORDPRESS, ΕΚΔ. 0.9Α
Διαχείριςθ Περιεχομζνου | Advanced Users Edition

Siteworks.gr - Εγχειρίδιο χριςθσ Wordpress, εκδ. 0.9α
December 16, 2017
Πίνακασ Περιεχομένων
1. ΢ΤΝΔΕ΢Η ΢ΣΟ ΠΑΝΕΛ ΔΙΑΧΕΙΡΙ΢Η΢ ................................................................................... 3
2. ΑΡΘΡΑ ΚΑΙ ΢ΕΛΙΔΕ΢ ........................................................................................................... 4
I. Δθμιουργία Νζου Άρκρου ............................................................................................................... 4
II. Επεξεργαςία υπάρχοντοσ Άρκρου .................................................................................................. 6
III. Επεξεργαςία υπάρχοντοσ ΢ελίδασ .............................................................................................. 9
α. Επεξεργαςία με τον εγγενι επεξεργαςτι κειμζνου του Wordpress ............................................. 9
β. Επεξεργαςία με κάποιο δθμοφιλζσ Πρόςκετο καταςκευισ/επεξεργαςίασ ςελίδων. ................... 9
Παράδειγμα 1 ...................................................................................................................................... 9
Παράδειγμα 2 .................................................................................................................................... 13
Παράδειγμα 3 .................................................................................................................................... 16
3. WOOCOMMERCE ............................................................................................................ 19
I. Προςκικθ και διαχείριςθ προϊόντων ........................................................................................... 19
α. Προςκζτοντασ ζνα απλό προϊόν ................................................................................................... 21
β. Προςκικθ ενόσ μεταβλθτοφ προϊόντοσ........................................................................................ 31
II. Λίςτα Προϊόντων ........................................................................................................................... 38
α. Αντιγραφι ενόσ προϊόντοσ............................................................................................................ 38
β. Διαγραφι Προϊόντοσ ..................................................................................................................... 38
γ. Ορίςτε ζνα Προϊόν ωσ Προτεινόμενο ............................................................................................ 39
δ. Φιλτράριςμα προϊόντων ............................................................................................................... 40
ε. Σαξινόμθςθ Προϊόντων ................................................................................................................. 41
΢τ. Μαηικι Επεξεργαςία Προϊόντων ................................................................................................. 41
Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

www.siteworks.gr|+30 210 300 1492 |contact@siteworks.gr Σελ. 1
December 16, 2017
1. ΢ΤΝΔΕ΢Η ΢ΣΟ ΠΑΝΕΛ ΔΙΑΦΕΙΡΙ΢Η΢
Απαραίτθτο πρϊτο βιμα για οποιαδιποτε ενζργεια ( αλλαγι, προςκικθ ι εν

γζνει επεξεργαςία ) ςτο Wordpress είναι θ ςφνδεςθ ςτο Πάνελ διαχείριςθσ.
Για να ςυνδεθείτε κάντε κλικ εδϊ
http://(διεφθυνςη_ιςτοχϊρου_ςασ)/wp-admin
Ειςάγετε
Username : ( το username ςασ )
Password: ( το password ςασ )
Όπου (διεφθυνςη_ιςτοχώρου_ςασ) αντικακιςτάτε με τθν διεφκυνςθ του site

ςασ

December 16, 2017
2. ΑΡΘΡΑ ΚΑΙ ΢ΕΛΙΔΕ΢
I. Δημιουργία Νέου Άρθρου
Πατιςτε «+ Προςθήκη  Άρθρου»
΢υμπλθρϊςτε
α. Τίτλο
β. Ακριβϊσ από κάτω ειςάγετε το κείμενο που κζλετε μζςα ςτο λευκό πλαίςιο.
Χρθςιμοποιιςτε τα εργαλεία άνωκεν για να κάνετε μορφοποίθςθ.
γ. Από κάτω ςτθν ενότθτα « All in One Seo Pack» ( εάν ειναι εγκατεςτθμζνο )
ςυμπλθρϊςτε Τίτλοσ και Περιγραφή
δ. Στθν δεξιά ςτιλθ ςτο block “Κατθγορίεσ” επιλζξτε Κατηγορία Άρθρου

τςεκάροντασ το ανάλογο κουτάκι αριςτερά από το όνομα τθσ κατθγορίασ.

December 16, 2017
ε. Ειςάγετε ετικζτεσ. ( Γράφουμε τθν ετικζτα μζςα ςτο λευκο πλαίςιο και πατάμε
‘Προςκικθ’ )
ςτ. Ακριβϊσ από κάτω επιλζξτε εικόνα του άρκρου
Αυτό γίνεται ωσ εξισ:
- Kανουμε κλικ ςτο Οριςμόσ επιλεγμζνησ εικόνασ.

- Ανοίγει ζνα νζο παράθυρο

December 16, 2017
- Πατάμε το κουμπί ‘Επιλογι Αρχείων’ και επιλζγουμε μιά εικόνα από τον
υπολογιςτι μασ. ( Συνίςταται να μθν εχει μζγεκοσ πάνω από 100 ΚByte )
- Αφοφ ανζβει θ εικόνα κάνουμε κλικ κάτω δεξιά ςτο μπλε κουμπί ‘Οριςμόσ
Επιλεγμζνθσ Εικόνασ’ και επανερχόμαςτε αυτόματα ςτθν προθγοφμενθ
οκόνθ.
η. Όταν τελειϊςετε πατιςτε ϋΔημοςίευςηϋ’.
II. Επεξεργαςία υπάρχοντοσ Άρθρου
Α. Πθγαίνετε ςτθν ςελίδα του άρκρου που κζλετε να επεξεργαςτείτε ( από το

δθμόςιο μζροσ του site )
Β. Επιλζγετε «Επεξεργαςία Άρκρου»
Γ. Ανοίγει θ οκονθ επεξεργαςίασ του άρκρου.

December 16, 2017
Δ. Κάνουμε τισ επικυμθτζσ αλλαγζσ ςφμφωνα και με τισ οδθγίεσ ςτθν

προθγοφμενθ ενότθτα.
Ε. Πατάμε «Δθμοςίευςθ»
Bοήθεια
Χρθςιμοποιείςτε τθν «Βοήθεια» κάνοντασ κλικ ςτθν ςχετικι επιλογι ςτο tab
που βρίςκεται ςτθν πάνω δεξιά γωνία τθσ ςελίδασ που βρίςκεςτε για να λάβετε
ςχετικι χριςιμθ βοικεια και ςθμαντικζσ λεπτομζρειεσ για τθν ςυγγραφι/
επεξεργαςία Άρκρων.

December 16, 2017
Μπορείτε επίςησ να μάθετε ςε λεπτομζρεια για την δημιουργία/επεξεργαςία

άρθρων ςτο documentation του Wordpress
https://codex.wordpress.org/Posts_Add_New_Screen

December 16, 2017
III. Επεξεργαςία υπάρχοντοσ ΢ελίδασ
α. Επεξεργαςία με τον εγγενή επεξεργαςτή κειμένου του Wordpress
Η διαδικαςία είναι πανομοιότυπθ με τθν «Επεξεργαςία Άρθρου» παραπάνω.
ς.ς Η διαφορά των «Άρθρων» με τισ «Σελίδεσ» ςτο Wordpress

είναι ότι οι Σελίδεσ χρηςιμοποιοφνται κυρίωσ για την
δημιουργία πληροφοριακοφ περιεχομζνου που αφορά το site
ή e-shop και δεν ζχουν Κατηγορίεσ, ςε αντίθεςη με τα Άρθρα
που χρηςιμοποιοφνται κυρίωσ για δημιουργία γενικότερου
περιεχομζνου όπωσ π.χ Blog.
β. Επεξεργαςία με κάποιο δημοφιλέσ Πρόςθετο

καταςκευήσ/επεξεργαςίασ ςελίδων.
Eάν κζλουμε να δθμιουργιςουμε με ςχετικά απλό τρόπο πιό ςφνκετεσ ςε δομι

ςελίδεσ χρθςιμοποιοφμε ζνα Plugin ( Πρόςκετο ) καταςκευισ ςελίδων – κυρίωσ
γνωςτά ωσ Page Builder.
Ασ δοφμε μερικά παραδείγματα επεξεργαςιασ ςελίδων καταςκευαςμζνων με

παρόμοιο πρόςκετο, με βιματα.
Παράδειγμα 1

December 16, 2017
Α. Πθγαίνουμε από το frontend ( δθλ. από το δθμόςιο μζροσ του site ) ςτθν
ςελίδα που κζλουμε να επεξεργαςτοφμε π.χ Αρχικι Σελίδα ( για λόγουσ
επίδειξθσ κα χρθςιμοποιιςουμε τθν ςελίδα www.prooptiki-insurance.gr )
Β. Κάνουμε κλικ ςτο πάνω μζροσ τθσ ςελίδασ «Επεξεργαςία ΢ελίδασ»
Γ. Ανοίγει ο Editor επεξεργαςίασ ΢ελίδασ.
Η ςελίδα ειναι καταςκευαςμζνη με ςπονδυλωτό τρόπο με το δημοφιλζσ

Πρόςθετο SiteOrigin Page Builder και μζςα ςτον Εditor βλζπουμε τισ ενότητεσ (
ή rows ή τμήματα ) από τισ οποίεσ είναι καταςκευαςμζνη η ςελίδα.
Κάκε Row αποτελείται από μία ι περιςςότερεσ ςτιλεσ μζςα ςτισ οποίεσ ζχουμε
ειςάγει τα Widgets κάκε ζνα από τα οποία ζχει ςυγκεκριμζνο ςτυλ και επιτελεί

December 16, 2017
ςυγκεκριμζνο ρόλο (π.χ «Features» - ςτο πρϊτο row, «Image» ςτο δεφτερο row
κτλ ).
Δ. Εντoπίηουμε το widget μζςα ςτο οποίο κζλουμε να κάνουμε τθν διόρκωςθ (

π.χ «Κζιμενο», 2ο row ). Αφινουμε το ποντίκι πάνω από το widget – χωρίσ να
κάνουμε κλικ - και αναδφονται οι διακεςιμεσ επιλογζσ ςτο δεξί μζροσ του
widget. Πατάμε edit

December 16, 2017
Ε. Ανοίγει ο Editor για το «Κείμενο». Κάνουμε τθν επικυμθτι αλλαγι μζςα ςτο
λευκό πλαίςιο κειμζνου. Όταν τελειϊςουμε πατάμε «Done» ςτο κάτω δεξί
μζροσ τθσ ςελίδασ.

December 16, 2017
΢τ. Επανερχόμαςτε ςτθν προθγοφμενθ οκόνθ. Δεν κάνουμε κάτι άλλο. Πατάμε
το μπλε κουμπί «Ενημζρωςη» ςτθν δεξιά ςτιλθ και θ τρζχουςα ςελίδα ζχει
ενθμερωκεί με τθν αλλαγι που πραγματοποιιςαμε !
΢ελίδα «ΒΙΟΓΡΑΦΙΚΟ»
Ακολουκοφμε τα βιματα (Α), (Β), (Γ) του προθγοφμενου παραδείγματοσ.
Βλζπουμε τθν παρακάτω εικόνα

December 16, 2017
Αν π.χ κζλουμε να αλλάξουμε κάποια περιγραφι ςτθν ενότθτα «Θζςεισ», όπωσ

για παραδειγμα «Δικαςτικόσ Πραγματογνϊμων»..
Αφινουμε το ποντίκι – χωρίσ να κάνουμε κλικ - πάνω από το ςχετικό widget (

«SiteOrigin Editor») , πατάμε edit όταν αναδυκεί θ επιλογι, κάνουμε κλικ πάνω
του και ανοίγει ο editor.

December 16, 2017
Kανουμε τθν ςχετικι αλλαγι μζςα ςτο πλαίςιο κειμζνου, πατάμε “Done” όταν
ολοκλθρϊςουμε.
Επανερχόμαςτε ςτθν προθγοφμενθ οκόνθ. Πατάμε «Ενημζρωςη» ςτθν δεξιά

ςτιλθ και θ τρζχουςα ςελίδα ζχει ενθμερωκεί με τθν αλλαγι που
πραγματοποιιςαμε !

December 16, 2017
΢τατιςτικά οι περιςςότερεσ αλλαγζσ που κάνουν οι χριςτεσ αφοροφν κειμενικζσ

αλλαγζσ, οπότε οι πλειονότθτα των αλλαγϊν επιτυγχάνεται ακολουκϊντασ τισ
παραπάνω οδθγίεσ ςτα παραδείγματα.
΢ελίδα «ΕΠΙΚΟΙΝΩΝΚΑ»
Ακολουκοφμε τα βιματα (Α), (Β), (Γ) του πρϊτου παραδείγματοσ.
Βλζπουμε τθν παρακάτω εικόνα

December 16, 2017
Προκειμζνου να κάνουμε κάποια αλλαγι ςτα ςτοιχεία επικοινωνίασ,

εντοπίηουμε το widget «SiteOrigin Editor» ( 2ο row, 2θ ςτιλθ ) , και ακολουκοφμε
τθν γνωςτι διαδιακαςία.
Κάνουμε κλικ πάνω ςτο edit όταν αναδυκεί, και ςτο παράκυρο που ανοίγει
κάνουμε τισ διορκϊςεισ ςτον Editor. Όταν ολοκλθρϊςουμε, πατάμε “Done”, και
ακολοφκωσ αφοφ κλείςει το τρζχων παράκυρο, πατάμε «Ενημζρωςη».

December 16, 2017
Περιςςότερα για τον Page Builder μπορείτε να μάκετε εδϊ

https://siteorigin.com/page-builder/documentation/
Περιςςότερα για τα widgets του Page Builder δείτε εδϊ
https://siteorigin.com/widgets-bundle/getting-started/
Ζνα εξαιρετικό ειςαγωγικό demo video εδϊ
https://www.youtube.com/watch?v=VxFerlEEx7U&t=29s
Περιςςότερα video για τον Page Builder εδϊ
https://www.youtube.com/channel/UCDaMFGvPdOPpZ1a5v1MLW0w/videos

December 16, 2017
3. WOOCOMMERCE
I. Προςθήκη και διαχείριςη προΰόντων
Προςθήκη προϊόντοσ
Πριν προςκζςετε το πρϊτο ςασ προϊόν, εξοικειωκείτε με τον τρόπο λειτουργίασ

των κατθγοριϊν προϊόντων, των ετικετϊν και των χαρακτθριςτικϊν.
Κατηγορίεσ προϊόντων
Οι κατθγορίεσ προϊόντων και οι ετικζτεσ λειτουργοφν κατά τον ίδιο τρόπο με τισ
ςυνικεισ κατθγορίεσ και τισ ετικζτεσ που ζχετε όταν γράφετε άρκρα ι ςελίδεσ
ςτο WordPress.
Μποροφν να δθμιουργθκοφν και να επεξεργαςτοφν ανά πάςα ςτιγμι. Αυτό

μπορεί να γίνει όταν δθμιουργιςετε για πρϊτθ φορά ζνα προϊόν ι επιςτρζψετε
και επεξεργαςτείτε το ι τθν κατθγορία / ετικζτα ςυγκεκριμζνα.
Γνωρίςματα
Αυτά μποροφν να προςτεκοφν ανά προϊόν ι μπορείτε να ορίςετε γενικά

χαρακτθριςτικά για το ςφνολο του καταςτιματοσ που κα χρθςιμοποιιςετε
Για περιςςότερεσ πλθροφορίεσ, ανατρζξτε ςτο documentation του

Woocommerce http://docs.woocommerce.com/?p=1062

December 16, 2017
Σφποι προϊόντων
Όταν προςκζτετε ζνα προϊόν, το πρϊτο πράγμα που πρζπει να αποφαςίςετε

είναι το είδοσ του προϊόντοσ που είναι.
Ωσ προσ το είδοσ λοιπόν, ζχουμε τισ παρακάτω επιλογζσ :
 Απλό - καλφπτει τθ μεγάλθ πλειοψθφία των προϊόντων που μπορείτε να

πουλιςετε. Απλά προϊόντα αποςτζλλονται και δεν ζχουν επιλογζσ. Για
παράδειγμα, ζνα βιβλίο.
 Ομαδοποιημζνα - μια ςυλλογι ςυςχετιηόμενων μεταξφ τουσ προϊόντων

και αποτελοφνται μόνο από απλά προϊόντα. Για παράδειγμα, ζνα ςφνολο
από ζξι ποτιρια.
 Εικονικό - Για παράδειγμα, μια υπθρεςία. Με τθν ενεργοποίθςθ αυτοφ,

απενεργοποιοφνται όλα τα πεδία που ςχετίηονται με τθ αποςτολι
προϊόντων, όπωσ οι διαςτάςεισ αποςτολισ. Ζνα εικονικό προϊόν επίςθσ
δεν κα ενεργοποιιςει τον υπολογιςμό αποςτολισ ςτο καλάκι και το
ταμείο.
 Λήψη - ενεργοποιεί πρόςκετα πεδία ςτα οποία μπορείτε να παρζχετε ζνα

αρχείο προσ λιψθ. Μετά τθν επιτυχι αγορά, ςτουσ πελάτεσ δίνεται ζνα
αρχείο με δυνατότθτα λιψθσ ωσ ςφνδεςμοσ ςτο μινυμα ειδοποίθςθσ
παραγγελίασ. Αυτό είναι κατάλλθλο για παράδειγμα για ζνα ψθφιακό
λεφκωμα, ζνα περιοδικό PDF ι μια φωτογραφία.
 Εξωτερικό ή ςυνεργάτη ( Affiliate) - είναι προϊόν που περιγράφεται ςτον

ιςτότοπό ςασ, αλλά πωλείται αλλοφ.

December 16, 2017
 Μεταβλητό - ζνα προϊόν με παραλλαγζσ, το κακζνα από τα οποία μπορεί

να ζχει διαφορετικό SKU, τιμι, stock option κλπ. Για παράδειγμα, ζνα
μπλουηάκι που διατίκεται ςε διαφορετικά χρϊματα ι / και μεγζκθ.
α. Προςθέτοντασ ένα απλό προΰόν
Η προςκικθ ενόσ απλοφ προϊόντοσ είναι παρόμοια με τθ ςφνταξθ μιασ

ανάρτθςθσ ςτο WordPress.
1. Μεταβείτε ςτο WooCommerce> Προϊόντα> Προςθήκη προϊόντοσ .
2. Ειςαγάγετε ζναν Όνομα και μια Περιγραφή προϊόντοσ .

December 16, 2017
3. Δεδομζνα προϊόντοσ
Σο ‘μετα-πλαίςιο’ δεδομζνων Προϊόντων είναι εκεί όπου προςτίκενται τα

περιςςότερα ςθμαντικά δεδομζνα για το προϊόν ςασ.

December 16, 2017
α. Tab «Γενικά»
Τιμή
 Κανονική τιμή - Κανονικι / κανονικι τιμι του ςτοιχείου.
 Τιμή προςφορασ - Η μειωμζνθ τιμι του ςτοιχείου που μπορεί ςτθ

ςυνζχεια να προγραμματιςτεί για ςυγκεκριμζνα χρονικά διαςτιματα. Η
πϊλθςθ λιγει ςτισ 11:59 μ.μ. τθσ κακοριςμζνθσ θμερομθνίασ λιξθσ.
β. Tab «Αποθήκη»

December 16, 2017
Η ενότθτα Αποκικθ ςάσ επιτρζπει να διαχειρίηεςτε το απόκεμα για το προϊόν

ξεχωριςτά και να ορίηετε αν κα επιτρζψετε παραγγελίεσ πίςω και πολλά άλλα.
Σασ δίνει τθ δυνατότθτα να πουλάτε προϊόντα και να επιτρζπετε ςτουσ πελάτεσ
να τα προςκζτουν ςτο καλάκι για να αγοράςουν.
SKU - Η μονάδα αποκικευςθσ αποκεμάτων (SKU) παρακολουκεί τα προϊόντα.

Πρζπει να είναι ζνασ μοναδικόσ κωδικόσ του προϊόντοσ. Για παράδειγμα, WS01
κα μποροφςε να ςτακεί π.χ για το προϊόν με όνομα WooShirt 01.
γ. Tab «Αποςτολή»
Βάροσ - Βάροσ του ςτοιχείου.
Διαςτάςεισ - Μικοσ, πλάτοσ και φψοσ για το ςτοιχείο.
Κλάςη αποςτολήσ - Οι κλάςεισ αποςτολϊν χρθςιμοποιοφνται από οριςμζνεσ

μεκόδουσ αποςτολισ για τθν ομαδοποίθςθ παρόμοιων προϊόντων. ( Αφιςτε τθν
προεπιλεγμζνθ επιλογι : “Xωρίσ κλάςθ αποςτολισ» εάν δεν ζχετε ορίςει κάτι
ςχετικό )

December 16, 2017
δ. Συνδεδεμζνα προϊόντα
Χρθςιμοποιϊντασ up-sells και cross-sells, μπορείτε να προωκιςετε τα προϊόντα

ςασ καλφτερα.
Μποροφν να προςτεκοφν αρχίηοντασ να πλθκτρολογείτε ζνα ςυγκεκριμζνο

προϊόν και επιλζγοντασ το προϊόν με κλικ από τθν αναπτυςςόμενθ λίςτα:
Τα Up-Sells (“Αφξθςθ Πωλιςεων”) που επιλζγετε εδϊ κα εμφανίηονται ςτθ

ςελίδα λεπτομερειϊν του προϊόντοσ ςτο μπροςτινό μζροσ του site.
Τα Up-Sells είναι προϊόντα που ενδζχεται να κζλετε να ενκαρρφνετε τουσ

χριςτεσ να αγοράςουν, με βάςθ το προϊόν που προβάλλουν αυτιν τθ ςτιγμι.
Για παράδειγμα, αν το προϊόν που πουλάτε είναι καφζσ, μπορεί να κζλετε να

προωκιςετε παράλλθλα δοχεία καφζ ι φλυτηάνια ςτθν ίδια ςελίδα. Ή αν
προβάλλετε ζνα παντελόνι, να τον προτρζπετε να αγοράςει μία ηϊνθ ι ζνα
μπλουηάκι.

December 16, 2017
Ζτςι θα φαίνονται τα προϊόντα Up Sells ςτην ςελίδα του προϊόντοσ
Αντίςτοιχα τα Cross-sells ( «Προϊόντα παράλλθλθσ πϊλθςθσ» ) είναι προϊόντα

που εμφανίηονται ςτο καλάκι και ςχετίηονται με τα περιεχόμενα του καλακιοφ
του χριςτθ. Για παράδειγμα, αν ο χριςτθσ προςκζςει ζνα Nintendo DS ςτο
καλάκι του, ίςωσ κελιςετε να προτείνετε να αγοράςει μια εφεδρικι γραφίδα
όταν φτάςει ςτθ ςελίδα του καλακιοφ..

December 16, 2017
ε. Tab «Ιδιότητεσ»
Στθν καρτζλα " Ιδιότθτεσ ", μπορείτε να ορίςετε παραλλαγζσ για ζνα προϊόν.
Στ. Tab «Για Προχωρημζνουσ»
Σημείωςη αγοράσ - Ειςαγάγετε μια προαιρετικι ςθμείωςθ για να ςτείλετε τον

πελάτθ αφοφ αγοράςει το προϊόν.
Παραγγελία μενοφ - Προςαρμοςμζνθ κζςθ παραγγελίασ για αυτό το ςτοιχείο.
Ενεργοποίηςη αξιολογήςεων - Ενεργοποίθςθ / απενεργοποίθςθ ςχολίων

πελατϊν για αυτό το ςτοιχείο.
4. ΢φντομη περιγραφή προϊόντοσ

December 16, 2017
Προςκζςτε μιά μικρι περίλθψθ τθσ κανονικισ περιγραφισ. Αυτι ςυνικωσ

εμφανίηεται δίπλα από τισ εικόνεσ του προϊόντοσ ςτθ ςελίδα προϊόνοτοσ ενϊ θ
μεγάλθ περιγραφι εμφανίηεται ςτθν καρτζλα Περιγραφι προϊόντοσ.
5. Σαξινόμηςη
Στθ δεξιά πλευρικι μπάρα υπάρχουν οι κατθγορίεσ προϊόντων ςτισ οποίεσ

πρζπει να καταχωριςετε το προϊόν ςασ, παρόμοια με μια τυπικι ανάρτθςθ
WordPress. Μπορείτε επίςθσ να ειςάγετε τισ ετικζτεσ με τον ίδιο τρόπο.
6. Εικόνα/εσ προϊόντοσ
Προςκζςτε μια κφρια εικόνα του προϊόντοσ και – προαιρετικά - μια ςυλλογι
εικόνων, όπωσ ακριβϊσ το κάνετε ςε μία απλι ανάρτθςθ ( άρκρο ι ςελίδα –
αναφζρκθκε ςτθ ςελίδα 6 ). Μπορείτε να δείτε λεπτομζρειεσ ςε βάκοσ ςτο
documentation του Woocommerce

December 16, 2017

December 16, 2017
7. Δημοςίευςη
Αφοφ ςυμπλθρϊςατε όλα τα παραπάνω είςτε ζτοιμοι να δθμοςιεφςετε το

προϊόν ςασ.
Το κάνετε, πατϊντασ το πλικτρο «Δθμοςίευςθ» από το ςχετικό πλαίςιο ςτθν

πλευρικι δεξιά μπάρα.

December 16, 2017
Μεταβλητό προϊόν
Σα μεταβλθτά προϊόντα είναι ζνασ τφποσ προϊόντοσ ςτο WooCommerce που ςασ
επιτρζπει να προςφζρετε μια ςειρά παραλλαγϊν ςε ζνα μεμονωμζνο προϊόν,
με ζλεγχο των τιμϊν, του αποκζματοσ, τθσ εικόνασ και πολλά άλλα για κάθε
παραλλαγή. Μποροφν να χρθςιμοποιθκοφν για ζνα προϊόν όπωσ π.χ ζνα
πουκάμιςο, όπου μπορείτε να προςφζρετε ζνα μεγάλο, μεςαίο και μικρό size
κακϊσ και ςε διαφορετικά χρϊματα.
β. Προςθήκη ενόσ μεταβλητού προΰόντοσ
( Οι παρακάτω πληροφορίεσ αφοροφν την ςυμπλήρωςη τησ

ενότητασ «Δεδομζνα Προϊόντοσ». Για όλεσ τισ υπόλοιπεσ
πληροφορίεσ ενόσ μεταβλητοφ προϊόντοσ ιςχφει ακριβώσ ότι
και ςτο Απλό Προϊόν )
1. Ορίςτε τον τφπο προϊόντοσ
Για να προςκζςετε ζνα μεταβλθτό προϊόν, δθμιουργιςτε ζνα νζο προϊόν ι

επεξεργαςτείτε ζνα υπάρχον προϊόν.
Πθγαίνετε ςτο : WooCommerce> Προϊόντα .
Επιλζξτε το κουμπί Προςθήκη προϊόντοσ ι κάντε Επεξεργαςία υπάρχοντοσ

προϊόντοσ.
Εμφανίηονται τα ςτοιχεία προϊόντοσ.

December 16, 2017
Επιλζξτε Μεταβλητό προϊόν από τθν αναπτυςςόμενθ λίςτα «Δεδομζνα

προϊόντοσ».
2. Προςθζςτε «όρουσ» που θα χρηςιμοποιηθοφν για παραλλαγζσ
΢το tab " Ιδιότθτεσ ", προςκζςτε «Όρουσ» πριν δθμιουργιςετε παραλλαγζσ .
Μπορείτε :
α. Είτε να χρηςιμοποιήςτε τισ «Ιδιότητεσ» που ζχετε ήδη δημιουργήςει ή
β. Να ορίςτε ξεχωριςτζσ προςαρμοςμζνεσ «Ιδιότητεσ» για ζνα προϊόν.
 Για να χρθςιμοποιιςτε τισ «Ιδιότθτεσ» που ζχετε ιδθ δθμιουργιςει :

December 16, 2017
Επιλζξτε μία από το αναπτυςςόμενο μενοφ και πατιςτε Προςθήκη .
Επιλζξτε Επιλογή όλων για να προςκζςετε όλα τουσ διακζςιμουσ «¨ορουσ»

ςτο μεταβλθτό προϊόν.
Επιλζξτε το πλαίςιο ελζγχου «Χρηςιμοποιείται ςτισ παραλλαγζσ» για να πείτε

ςτο WooCommerce να ςυμπεριλάβει τθν ιδιότθτα ςτισ παραλλαγζσ ςασ και
ακολοφκωσ πατιςτε «Αποθήκευςη Ιδιοτήτων».

December 16, 2017
 Για να ορίςτε προςαρμοςμζνεσ «Ιδιότθτεσ» για ζνα προϊόν:
1 / Επιλζξτε “Προςαρμοςμζνη Ιδιότητα Προϊόντοσ” και ακόλουκα Προςθήκη

2 / Ονομάζηε ην ραξαθηεξηζηηθό (π.ρ. Μέγεθος) ,
3 / Οριζμός ηηκώλ πνπ δηαρωξίδνληαη από θάζεην ζωιήλα (π.ρ. μικρό | μεζαίο |
μεγάλο )
4 / Ενεργοποιήζηε ην πλαίζιο ελέγτοσ «Χρηζιμοποιείηαι ζηις παραλλαγές»
5 / Αποθήκεσζη Ιδιοηήηων

December 16, 2017
3. Προζθέζηε παραλλαγές
Γηα λα πξνζζέζεηε κηα παξαιιαγή, κεηαβείηε ζην tab " Παραλλαγές "
α. Χειροκίνηηη προζθήκη παραλλαγής
1 / Επηιέμηε «Προζθήκη παραλλαγής» από ην αλαπηπζζόκελν κελνύ θαη παηήζηε

Μεηάβαζη
2 / Επηιέμηε «Όροσς» γηα ηελ παξαιιαγή ζαο.
Π.ρ αλ έρεηε νξίζεη δύν ηδηόηεηεο, π.ρ ρξώκα-κέγεζνο κία πηζαλή παξαιιαγή ζα ήηαλ
ιεπθό-small
Γηα λα ζπκπιεξώζεηε πεξηζζόηεξα ζηνηρεία ζηελ παξαιιαγή, θάληε θιηθ ζην εηθνλίδην
ηξηγώλνπ δεμηά γηα λα «αλαπηύμεηε» ηελ παξαιιαγή.

December 16, 2017
3 / Επεμεξγαζηείηε ηπρόλ δηαζέζηκα δεδνκέλα. Τν κόλν απαηηνύκελν πεδίν είλαη ε

«κανονική ηιμή».
4 / Αποθήκεσζη αλλαγών
β. Ασηόμαηη προζθήκη παραλλαγών
Μπνξείηε λα επηιέμεηε «Δημιοσργία παραλλαγών από όλες ηις Ιδιόηηηες», ώζηε ην

WooCommerce λα δεκηνπξγήζεη θάζε πηζαλό ζπλδπαζκό παξαιιαγώλ απ’ όιεο ηηο
ηδηόηεηεο πνπ έρεηε δεκηνπξγήζεη.
Εάλ ην παξάδεηγκά ζαο είρε δύν ηδηόηεηεο - ρξώκα (κε ηηκέο ιεπθό θαη πξάζηλν) θαη
κέγεζνο (κε ηηκέο small, medium), δεκηνπξγεί απηόκαηα ηηο αθόινπζεο παξαιιαγέο:
Small λευκό, Small πράσινο, Medium λευκό, Medium πράσινο

December 16, 2017
Σι βλζπουν οι πελάτεσ
Kατά τθν προβολι ενόσ μεταβλθτοφ προϊόντοσ ςτον πελάτθ, παρουςιάηεται μιά
αναπτυςςόμενα λίςτα για να επιλζξει τισ επιλογζσ παραλλαγισ που επικυμεί.
Η επιλογι παραλλαγισ κα αποκαλφψει εναλλακτικζσ πλθροφορίεσ ςχετικά με

τθν παραλλαγι, ςυμπεριλαμβανομζνου του διακζςιμου αποκζματοσ και τιμισ.
Αν ο χριςτθσ προςπακιςει να κάνει κλικ ςτο κουμπί add to cart ( «προςκικθ

ςτο καλάκι» ) πριν επιλζξει μία παραλλαγι, κα εμφανιςτεί ζνα μινυμα που κα
του ηθτιςει να επιλζξει πρϊτα μία παραλλαγι για να εμφανιςτοφν θ τιμι τθσ,
και ενδεχομενωσ τα υπόλοιπα δεδομζνα τθσ ςυγκκριμζνθσ παραλλαγισ ( πχ
απόκεμα κτλ }.

December 16, 2017
II. Λίςτα Προΰόντων
Μεταβαίνοντασ ςτθν λίςτα των Προϊόντων ςασ WooCommerce> Προϊόντα ,

μπορείτε να κάνετε κάποιεσ χριςιμεσ ενζργειεσ από εκεί.
α. Αντιγραφή ενόσ προΰόντοσ
Για να εξοικονομήςετε χρόνο, είναι δυνατό να χρθςιμοποιιςετε ζνα προϊόν για

να το αντιγράψετε για να δθμιουργιςετε παρόμοια προϊόντα με αυτό.
Μεταβείτε ςτο WooCommerce> Προϊόντα και αναηθτιςτε ςτθ λίςτα για ζνα
προϊόν που κζλετε να αντιγράψετε και, ςτθ ςυνζχεια, κάντε κλικ ςτθν επιλογι
«Αντιγραφή»
β. Διαγραφή Προΰόντοσ
Για να διαγράψετε ζνα προϊόν:
1. Πηγαίνετε ςτο: WooCommerce> Προϊόντα .
2. Βρείτε το προϊόν που κζλετε να διαγράψετε.

December 16, 2017
3. Σοποθετήςτε το δείκτη του ποντικιοφ ςτθν περιοχι κάτω από το όνομα

προϊόντοσ και κάντε κλικ ςτην επιλογή «Διαγραφή» .
γ. Ορίςτε ένα Προΰόν ωσ Προτεινόμενο
Για να επιςθμάνετε ζνα προϊόν ωσ Προτεινόμενο, πθγαίνετε

ςτο: Woocommerce> Προϊόντα, εντοπίςτε το προϊόν που ςασ ενδιαφζρει και
κάντε κλικ ςτο Αςτζρι ςτθ ςτιλθ που εμφανίηεται.

December 16, 2017
δ. Υιλτράριςμα προΰόντων
1. Πθγαίνετε ςτο: WooCommerce> Προϊόντα .
2. Επιλζξτε μια κατηγορία , τφπο προϊόντοσ ι / και κατάςταςη

αποθεμάτων ι οποιοδιποτε ςυνδυαςμό των τριϊν.
3. Κάντε κλικ ςτο «φίλτράριςμα» .

December 16, 2017
ε. Σαξινόμηςη Προΰόντων
Η ταξινόμθςθ είναι διαφορετικι από το Φιλτράριςμα, επειδι μπορείτε να

μεταφζρετε και να αποκζςετε προϊόντα για να τα επανατοποκετιςετε.
1. Πθγαίνετε ςτο: WooCommerce> Προϊόντα .
2. Επιλζξτε Σαξινόμηςη .
3. Επιλζξτε μια κατηγορία , τφπο προϊόντοσ ι / και κατάςταςη

αποθεμάτων ι οποιοδιποτε ςυνδυαςμό των τριϊν.
4. Κάντε κλικ ςτο «φιλτράριςμα» .
Σϊρα μπορείτε να μεταφζρετε και να αποκζςετε προϊόντα ςε μια ςειρά

ςφμφωνα με τισ προτιμιςεισ ςασ.
Δείτε το ςχετικό βίντεο εδϊ https://docs.woocommerce.com/wp-

content/uploads/2016/06/sort-drag-drop.gif
΢τ. Μαζική Επεξεργαςία Προΰόντων
Δείηε πεξηζζόηεξα εδώ https://nicola.blog/2015/04/21/bulk-edit-products/.


Κατασκευή Ιστοσελίδων Με Την Υπηρεσία Wordpress

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Κατασκευή Ιστοσελίδων Με Την Υπηρεσία Wordpress

Uploaded by

Copyright:

Available Formats

2017

SITEWORKS.GR ΕΓΧΕΙΡΙΔΙΟ ΧΡΗ΢Η΢ WORDPRESS, ΕΚΔ. 0.9Α

Διαχείριςθ Περιεχομζνου | Advanced Users Edition

1. ΢ΤΝΔΕ΢Η ΢ΣΟ ΠΑΝΕΛ ΔΙΑΧΕΙΡΙ΢Η΢ ................................................................................... 3

2. ΑΡΘΡΑ ΚΑΙ ΢ΕΛΙΔΕ΢ ........................................................................................................... 4

I. Δθμιουργία Νζου Άρκρου ............................................................................................................... 4

II. Επεξεργαςία υπάρχοντοσ Άρκρου .................................................................................................. 6

III. Επεξεργαςία υπάρχοντοσ ΢ελίδασ .............................................................................................. 9

α. Επεξεργαςία με τον εγγενι επεξεργαςτι κειμζνου του Wordpress ............................................. 9

β. Επεξεργαςία με κάποιο δθμοφιλζσ Πρόςκετο καταςκευισ/επεξεργαςίασ ςελίδων. ................... 9

I. Προςκικθ και διαχείριςθ προϊόντων ........................................................................................... 19

α. Προςκζτοντασ ζνα απλό προϊόν ................................................................................................... 21

β. Προςκικθ ενόσ μεταβλθτοφ προϊόντοσ........................................................................................ 31

II. Λίςτα Προϊόντων ........................................................................................................................... 38

α. Αντιγραφι ενόσ προϊόντοσ............................................................................................................ 38

β. Διαγραφι Προϊόντοσ ..................................................................................................................... 38

γ. Ορίςτε ζνα Προϊόν ωσ Προτεινόμενο ............................................................................................ 39

δ. Φιλτράριςμα προϊόντων ............................................................................................................... 40

ε. Σαξινόμθςθ Προϊόντων ................................................................................................................. 41

΢τ. Μαηικι Επεξεργαςία Προϊόντων ................................................................................................. 41

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

1. ΢ΤΝΔΕ΢Η ΢ΣΟ ΠΑΝΕΛ ΔΙΑΦΕΙΡΙ΢Η΢

Απαραίτθτο πρϊτο βιμα για οποιαδιποτε ενζργεια ( αλλαγι, προςκικθ ι εν

Για να ςυνδεθείτε κάντε κλικ εδϊ

Username : ( το username ςασ )

Password: ( το password ςασ )

Όπου (διεφθυνςη_ιςτοχώρου_ςασ) αντικακιςτάτε με τθν διεφκυνςθ του site

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

2. ΑΡΘΡΑ ΚΑΙ ΢ΕΛΙΔΕ΢

I. Δημιουργία Νέου Άρθρου

Πατιςτε «+ Προςθήκη  Άρθρου»

δ. Στθν δεξιά ςτιλθ ςτο block “Κατθγορίεσ” επιλζξτε Κατηγορία Άρθρου

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

ςτ. Ακριβϊσ από κάτω επιλζξτε εικόνα του άρκρου

Αυτό γίνεται ωσ εξισ:

- Kανουμε κλικ ςτο Οριςμόσ επιλεγμζνησ εικόνασ.

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

η. Όταν τελειϊςετε πατιςτε ϋΔημοςίευςηϋ’.

II. Επεξεργαςία υπάρχοντοσ Άρθρου

Α. Πθγαίνετε ςτθν ςελίδα του άρκρου που κζλετε να επεξεργαςτείτε ( από το

Β. Επιλζγετε «Επεξεργαςία Άρκρου»

Γ. Ανοίγει θ οκονθ επεξεργαςίασ του άρκρου.

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Δ. Κάνουμε τισ επικυμθτζσ αλλαγζσ ςφμφωνα και με τισ οδθγίεσ ςτθν

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Μπορείτε επίςησ να μάθετε ςε λεπτομζρεια για την δημιουργία/επεξεργαςία

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

III. Επεξεργαςία υπάρχοντοσ ΢ελίδασ

α. Επεξεργαςία με τον εγγενή επεξεργαςτή κειμένου του Wordpress

Η διαδικαςία είναι πανομοιότυπθ με τθν «Επεξεργαςία Άρθρου» παραπάνω.

ς.ς Η διαφορά των «Άρθρων» με τισ «Σελίδεσ» ςτο Wordpress

β. Επεξεργαςία με κάποιο δημοφιλέσ Πρόςθετο

Eάν κζλουμε να δθμιουργιςουμε με ςχετικά απλό τρόπο πιό ςφνκετεσ ςε δομι

Ασ δοφμε μερικά παραδείγματα επεξεργαςιασ ςελίδων καταςκευαςμζνων με

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Β. Κάνουμε κλικ ςτο πάνω μζροσ τθσ ςελίδασ «Επεξεργαςία ΢ελίδασ»

Γ. Ανοίγει ο Editor επεξεργαςίασ ΢ελίδασ.

Η ςελίδα ειναι καταςκευαςμζνη με ςπονδυλωτό τρόπο με το δημοφιλζσ

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Δ. Εντoπίηουμε το widget μζςα ςτο οποίο κζλουμε να κάνουμε τθν διόρκωςθ (

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Siteworks Creative Web | Ευγενίδου 33, Περιςτζρι, Ακινα|

Ακολουκοφμε τα βιματα (Α), (Β), (Γ) του προθγοφμενου παραδείγματοσ.