Ορισμός χρωμάτων, γραμματοσειρών και διάταξης

Η Σχεδίαση ιστότοπου περιέχει τις ρυθμίσεις που κάνουν ολόκληρο το κατάστημά σας να μοιάζει με μία μάρκα: τα χρώματά του, τις γραμματοσειρές, τα μεγέθη κειμένου και τη στρογγυλότητα των γωνιών. Ορίζετε κάθε ρύθμιση μία φορά, και κάθε σελίδα την ακολουθεί. Τα μεμονωμένα μπλοκ μπορούν ακόμα να παρακάμψουν αυτές τις ρυθμίσεις, όταν το θέλετε.

Άνοιγμα της Σχεδίασης ιστότοπου

1. Ανοίξτε τον επεξεργαστή. Δείτε το άρθρο Ο επεξεργαστής με μια ματιά.
2. Στο πλαίσιο ρυθμίσεων στα δεξιά, κάντε κλικ στην καρτέλα Σχεδίαση ιστότοπου.
3. Κάντε κλικ σε μια επικεφαλίδα για να την ανοίξετε: Ταυτότητα, Χρώματα, Τυπογραφία ή Διάταξη.

Οι αλλαγές εμφανίζονται στη σελίδα αμέσως και αποθηκεύονται αυτόματα. Το ζωντανό κατάστημά σας αλλάζει όταν δημοσιεύσετε.

Χρώματα

Ανοίξτε τα Χρώματα για να δείτε τα επτά χρώματα από τα οποία χτίζεται κάθε σελίδα.

• Τονισμός: το βασικό χρώμα του καταστήματός σας. Τα κουμπιά και οι σύνδεσμοι το χρησιμοποιούν.
• Κείμενο στον τονισμό: το χρώμα των λέξεων που βρίσκονται πάνω στον τονισμό, όπως η ετικέτα ενός κουμπιού.
• Φόντο σελίδας: το χρώμα πίσω από τις σελίδες σας.
• Επιφάνεια: το χρώμα των καρτών και των πλαισίων, όπως οι κάρτες προϊόντων και τα πλαίσια φορμών.
• Κείμενο: το χρώμα των επικεφαλίδων και του κύριου κειμένου.
• Δευτερεύον κείμενο: το πιο ήσυχο χρώμα που χρησιμοποιείται για τις παραγράφους, τις περιγραφές και τις μικρές σημειώσεις.
• Περιγράμματα: το χρώμα των λεπτών γραμμών και των περιγραμμάτων.

Επιλογή χρώματος

1. Κάντε κλικ σε ένα πλαίσιο χρώματος.
2. Στον επιλογέα που ανοίγει, κάντε οτιδήποτε από τα εξής:
   • Κάντε κλικ ή σύρετε στο μεγάλο τετράγωνο για να ορίσετε πόσο φωτεινό και πόσο έντονο είναι το χρώμα, και σύρετε τη λωρίδα από κάτω για να αλλάξετε το ίδιο το χρώμα.
   • Πληκτρολογήστε ή επικολλήστε έναν κωδικό hex, όπως #2B2622, στο πλαίσιο.
   • Κάντε κλικ σε ένα δείγμα κάτω από τα Χρώματα θέματος για να επαναχρησιμοποιήσετε ένα χρώμα που ήδη έχετε, ή σε ένα κάτω από τα Πρόσφατα για ένα χρώμα που επιλέξατε πρόσφατα.

   

3. Κάντε κλικ οπουδήποτε έξω από τον επιλογέα, ή πατήστε Esc, για να τον κλείσετε.

Έλεγχος ότι το κείμενό σας είναι ευανάγνωστο

Κάτω από τα επτά χρώματα, το Payly ελέγχει ότι κάθε χρώμα κειμένου είναι εύκολο να διαβαστεί πάνω στο χρώμα που βρίσκεται από πίσω. Αν όλα είναι εντάξει, βλέπετε το μήνυμα Κάθε ζεύγος χρωμάτων είναι εύκολο να διαβαστεί. Αν ένα ζεύγος είναι πολύ αχνό, η λίστα το ονομάζει, δείχνει τον λόγο αντίθεσής του και πόση αντίθεση χρειάζεται, και προσφέρει ένα κουμπί Διόρθωση που προσαρμόζει το χρώμα του κειμένου για εσάς.

Το Payly δεν σας εμποδίζει να επιλέξετε ένα ζεύγος με χαμηλή αντίθεση, όμως το ανοιχτόγκρι κείμενο σε ανοιχτό φόντο είναι δύσκολο να διαβαστεί, ειδικά σε ένα τηλέφωνο στον ήλιο.

Τυπογραφία

Ανοίξτε την Τυπογραφία για να επιλέξετε τις γραμματοσειρές και τα μεγέθη κειμένου.

• Γραμματοσειρά κειμένου: η γραμματοσειρά για τις παραγράφους, τα μενού και τα κουμπιά.
• Βασικό μέγεθος γραμματοσειράς: το μέγεθος του κανονικού κειμένου.
• Ύψος γραμμής κειμένου: το κενό ανάμεσα στις γραμμές του κειμένου. Ένας μεγαλύτερος αριθμός δίνει περισσότερο χώρο.
• Γραμματοσειρά επικεφαλίδων: η γραμματοσειρά για τις επικεφαλίδες. Επιλέξτε Χρήση της γραμματοσειράς του ιστότοπου για να χρησιμοποιηθεί και για τις επικεφαλίδες η γραμματοσειρά του κειμένου.
• Μέγεθος επικεφαλίδων: κάνει όλες τις επικεφαλίδες μεγαλύτερες ή μικρότερες, ως ποσοστό.
• Πάχος επικεφαλίδων: πόσο έντονες είναι οι επικεφαλίδες.
• Διάστιχο επικεφαλίδων: συσφίγγει ή χαλαρώνει το κενό ανάμεσα στα γράμματα των επικεφαλίδων.

Επιλογή γραμματοσειράς

1. Κάντε κλικ στο πλαίσιο Γραμματοσειρά κειμένου ή Γραμματοσειρά επικεφαλίδων.
2. Κάντε κύλιση στη λίστα, η οποία εμφανίζει κάθε όνομα με τη δική του γραμματοσειρά. Η ομάδα Προτεινόμενες στην κορυφή περιέχει γραμματοσειρές που ταιριάζουν στα περισσότερα καταστήματα.

   

3. Για να βρείτε μια γραμματοσειρά με το όνομά της, πληκτρολογήστε στο Αναζήτηση γραμματοσειρών….
4. Κάντε κλικ σε μια γραμματοσειρά για να τη χρησιμοποιήσετε.

Η λίστα καλύπτει ολόκληρη τη βιβλιοθήκη των Google Fonts. Οι γραμματοσειρές που χρησιμοποιείτε συμπεριλαμβάνονται στο κατάστημά σας όταν δημοσιεύσετε. Αν λείπει μια γραμματοσειρά από τη λίστα, πληκτρολογήστε το ακριβές όνομά της στα Google Fonts στο πεδίο αναζήτησης και επιλέξτε την στο Χρήση ούτως ή άλλως.

Διάταξη

Ανοίξτε τη Διάταξη για δύο ρυθμίσεις:

• Ακτίνα γωνιών ορίζει πόσο στρογγυλές είναι οι γωνίες των κουμπιών, των καρτών και των εικόνων. Σύρετε στο 0 για αιχμηρές γωνίες και προς τα δεξιά για μαλακές. Τα μπλοκ των οποίων η δική τους ακτίνα γωνιών είναι Αυτόματο ακολουθούν αυτή τη ρύθμιση.
• Κατεύθυνση κειμένου είναι Από αριστερά προς τα δεξιά για τις περισσότερες γλώσσες. Η επιλογή Από δεξιά προς τα αριστερά αντιστρέφει ολόκληρη τη διάταξη για τα αραβικά, τα εβραϊκά, τα περσικά και τα ουρντού.

Ταυτότητα

Ανοίξτε την Ταυτότητα για να ορίσετε το Εικονίδιο προγράμματος περιήγησης, τη μικρή εικόνα που εμφανίζεται στην καρτέλα του προγράμματος περιήγησης. Χρησιμοποιήστε ένα απλό σήμα και όχι ολόκληρο το λογότυπό σας, επειδή εμφανίζεται σε περίπου 16 pixel. Κάντε κλικ στο Μεταφόρτωση εικόνας ή στο Αναζήτηση μεταφορτώσεων, όπως περιγράφεται στο άρθρο Προσθήκη εικόνων και χρήση της βιβλιοθήκης πολυμέσων. Αν το αφήσετε κενό, χρησιμοποιείται το λογότυπό σας.

Το λογότυπό σας δεν βρίσκεται εδώ. Βρίσκεται στην κεφαλίδα σας, όπου και εμφανίζεται. Δείτε το άρθρο Προσαρμογή της κεφαλίδας και του υποσέλιδου.

Αλλαγή μόνο ενός μπλοκ

Κάθε μπλοκ κειμένου, επικεφαλίδα και κουμπί μπορεί να παρακάμψει τη γραμματοσειρά, το μέγεθος και τα χρώματα του ιστότοπου. Επιλέξτε το μπλοκ και ανοίξτε την ομάδα του Τυπογραφία ή Εμφάνιση. Δείτε το άρθρο Επεξεργασία κειμένου, επικεφαλίδων και κουμπιών.

Συμβουλή: Αν θέλετε μια εντελώς διαφορετική εμφάνιση, μπορείτε να ξεκινήσετε από την αρχή με ένα από τα έτοιμα σχέδια. Δείτε το άρθρο Αλλαγή σε άλλο σχέδιο ιστότοπου.

Σχετικά άρθρα

• Αλλαγή σε άλλο σχέδιο ιστότοπου
• Επεξεργασία κειμένου, επικεφαλίδων και κουμπιών
• Προσαρμογή της κεφαλίδας και του υποσέλιδου
• Ο επεξεργαστής με μια ματιά