Βοήθεια
Σύνδεση

Χρήση του προγράμματος επεξεργασίας εμπλουτισμένου κειμένου για περιεχόμενο

Μπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου του Shopify για να μορφοποιήσετε και να προσαρμόσετε το στυλ του περιεχομένου που εμφανίζεται στο διαδικτυακό σας κατάστημα.

Σε αυτήν τη σελίδα

Πού μπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για να προσθέσετε ή να επεξεργαστείτε κείμενο σε διάφορα σημεία του καταστήματός σας:

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

Προσθήκη περιεχομένου HTML με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να εισαγάγετε περιεχόμενο HTML για τις αναρτήσεις του ιστολογίου σας, τις σελίδες, τις περιγραφές προϊόντων και τις περιγραφές συλλογών με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

Κάντε κλικ στο κουμπί Επεξεργασία κώδικα για να προβάλετε τον κώδικα HTML για το περιεχόμενο μέσα στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

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

Ενσωμάτωση widget πολυμέσων

Αν θέλετε να ενσωματώσετε ένα widget βίντεο ή μουσικής, τότε θα πρέπει πρώτα να το φιλοξενήσετε σε μια υπηρεσία όπως το Youtube, το Vimeo ή το SoundCloud. Αυτές οι υπηρεσίες δημιουργούν έναν κώδικα ενσωμάτωσης, τον οποίο μπορείτε να αντιγράψετε και να επικολλήσετε στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου του Διαχειριστή Shopify.

Βήματα:

  1. Βρείτε τον κώδικα ενσωμάτωσης για τα πολυμέσα που θέλετε να ενσωματώσετε.
  2. Επιλέξτε ολόκληρο τον κώδικα ενσωμάτωσης κάνοντας κλικ σε αυτόν και πατώντας ctrl + A σε υπολογιστή PC ή command + A σε Mac.
  3. Αντιγράψτε τον κώδικα ενσωμάτωσης πατώντας ctrl + C σε υπολογιστή PC ή command + C σε Mac.
  4. Στον Διαχειριστή Shopify, κάντε κλικ στο κουμπί Εμφάνιση HTML στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για το περιεχόμενο που επεξεργάζεστε.
  5. Επικολλήστε τον κώδικα ενσωμάτωσης πατώντας ctrl + V σε υπολογιστή PC ή command + V σε Mac.
  6. Κάντε κλικ στην επιλογή Αποθήκευση.

Μορφοποίηση κειμένου με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Με το κουμπί Μορφοποίηση, μπορείτε να δημιουργήσετε γρήγορα παραγράφους, επικεφαλίδες ή μπλοκ παράθεσης. Η χρήση της σωστής μορφοποίησης και των σωστών επιπέδων επικεφαλίδας βοηθά τους χρήστες και τις μηχανές αναζήτησης να διαβάσουν το περιεχόμενο του ιστοτόπου σας.

Για να επιλέξετε μια μορφοποίηση για το κείμενο, επισημάνετέ το και, στη συνέχεια, κάντε κλικ στο κουμπί Μορφοποίηση.

Επιλογές μορφοποίησης

  • Παράγραφος

    Το μεγαλύτερο μέρος του περιεχομένου κειμένου του ιστοτόπου σας είναι κείμενο παραγράφου. Το κείμενο παραγράφου έχει συνήθως μέγεθος γραμματοσειράς 10–12 pt, αλλά ορισμένα θέματα χρησιμοποιούν διαφορετικά μεγέθη γραμματοσειράς.

  • Επικεφαλίδα (1-6)

    Οι επικεφαλίδες χρησιμοποιούνται για τη δόμηση του περιεχομένου. Υπάρχουν 6 επίπεδα επικεφαλίδων. Η Επικεφαλίδα 1 είναι το πιο σημαντικό επίπεδο και η Επικεφαλίδα 6 είναι το λιγότερο σημαντικό.

  • Μπλοκ παράθεσης

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

Κείμενο με έντονη γραφή

Για να κάνετε το κείμενο έντονο, επισημάνετέ το και κάντε κλικ στο κουμπί Έντονη γραφή.

Κείμενο με πλάγια γραφή

Για να κάνετε το κείμενο πλάγιο, επισημάνετέ το και κάντε κλικ στο κουμπί Πλάγια γραφή.

Υπογραμμισμένο κείμενο

Για να υπογραμμίσετε το κείμενο, επισημάνετέ το και κάντε κλικ στο κουμπί Υπογράμμιση.

Δημιουργία λίστας με κουκκίδες

Για να δημιουργήσετε μια λίστα με κουκκίδες, κάντε κλικ στο κουμπί Λίστα με κουκκίδες.

Μπορείτε να πληκτρολογήσετε για να δημιουργήσετε το πρώτο στοιχείο της λίστας με κουκκίδες. Για να δημιουργήσετε νέα στοιχεία λίστας, πατήστε το πλήκτρο enter ή return. Για να ολοκληρώσετε τη λίστα, πατήστε δύο φορές το πλήκτρο enter ή return.

Δημιουργία αριθμημένης λίστας

Για να δημιουργήσετε μια αριθμημένη λίστα, κάντε κλικ στο κουμπί Αριθμημένη λίστα.

Μπορείτε να πληκτρολογήσετε για να δημιουργήσετε τα πρώτα στοιχεία της αριθμημένης λίστας. Για να δημιουργήσετε νέα στοιχεία λίστας, πατήστε το πλήκτρο enter ή return. Για να ολοκληρώσετε τη λίστα, πατήστε δύο φορές το πλήκτρο enter ή return.

Εσοχή κειμένου

Η προσθήκη εσοχής σε μια παράγραφο της δίνει ένα περιθώριο στην αριστερή της πλευρά. Για να προσθέσετε εσοχή σε μια παράγραφο, κάντε κλικ στο κουμπί Εσοχή.

Προεξοχή κειμένου

Η κατάργηση της εσοχής μιας παραγράφου αφαιρεί τυχόν περιθώρια εσοχής που έχει. Για να καταργήσετε την εσοχή ή να δημιουργήσετε «προεξοχή» σε μια παράγραφο, κάντε κλικ στο κουμπί Προεξοχή.

Στοίχιση κειμένου

Για να στοιχίσετε κείμενο, επιλέξτε το κείμενο, κάντε κλικ στο κουμπί Στοίχιση και επιλέξτε Αριστερή στοίχιση, Στοίχιση στο κέντρο ή Δεξιά στοίχιση.

Αλλαγή χρώματος κειμένου

  1. Επισημάνετε το κείμενο και κάντε κλικ στο κουμπί Χρώμα.
  2. Κάντε κλικ σε ένα χρώμα ή εισαγάγετε έναν κωδικό hex για να αλλάξετε το επισημασμένο κείμενο σε αυτό το χρώμα.

Αλλαγή χρώματος φόντου κειμένου

  1. Επισημάνετε το κείμενο και κάντε κλικ στο κουμπί Χρώμα.
  2. Κάντε κλικ στην καρτέλα Φόντο.
  3. Κάντε κλικ σε ένα χρώμα ή εισαγάγετε έναν κωδικό hex για να αλλάξετε το φόντο του επισημασμένου κειμένου σε αυτό το χρώμα.

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

Για να αφαιρέσετε τη μορφοποίηση από κείμενο ή εικόνες, επισημάνετε το περιεχόμενο και, στη συνέχεια, κάντε κλικ στο κουμπί Απαλοιφή μορφοποίησης.

Εισαγωγή πινάκων με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να εισαγάγετε πίνακες στις αναρτήσεις ιστολογίου, τις σελίδες, τις περιγραφές προϊόντων και τις περιγραφές συλλογών σας με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου. Μπορείτε να τοποθετήσετε κείμενο, εικόνες ή ακόμη και βίντεο σε έναν πίνακα αφού τον δημιουργήσετε.

Βήματα:

  1. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Εισαγωγή πίνακα.
  2. Κάντε κλικ στην επιλογή Εισαγωγή πίνακα για να εισαγάγετε έναν πίνακα. Αυτό δημιουργεί έναν πίνακα με μία γραμμή και μία στήλη.

Αφού δημιουργήσετε έναν πίνακα, κάντε ξανά κλικ στο κουμπί Εισαγωγή πίνακα για να τροποποιήσετε τις γραμμές και τις στήλες του πίνακα:

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

Εισαγωγή συνδέσμων με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να εισαγάγετε συνδέσμους (υπερσυνδέσμους) σε αναρτήσεις ιστολογίου, σελίδες, περιγραφές προϊόντων και περιγραφές συλλογών με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου. Μπορείτε να προσθέσετε συνδέσμους που κατευθύνουν τους πελάτες σε σελίδες εντός του διαδικτυακού σας καταστήματος Shopify και σε άλλους ιστοτόπους. Μπορείτε επίσης να προσθέσετε συνδέσμους που ανοίγουν μηνύματα email ή πραγματοποιούν τηλεφωνικές κλήσεις, για να βοηθήσετε τους πελάτες να επικοινωνήσουν μαζί σας.

Βήματα:

  1. Επισημάνετε το κείμενο ή την εικόνα που θέλετε να μετατρέψετε σε σύνδεσμο.
  2. Κάντε κλικ στην επιλογή Εισαγωγή συνδέσμου.
  3. Εισαγάγετε το URL προορισμού για τον σύνδεσμο στο πεδίο Σύνδεση με :
    • Για να δημιουργήσετε σύνδεσμο προς έναν εξωτερικό ιστότοπο που βρίσκεται εκτός του καταστήματός σας Shopify, εισαγάγετε το https:// ακολουθούμενο από την ηλεκτρονική διεύθυνση, για παράδειγμα https://www.example.com.
    • Για να δημιουργήσετε σύνδεσμο προς μια σελίδα εντός του διαδικτυακού σας καταστήματος Shopify, εισαγάγετε το σύντομο URL, για παράδειγμα /collections/summer-collection.
    • Για να δημιουργήσετε έναν σύνδεσμο που ανοίγει ένα μήνυμα email, εισαγάγετε το mailto: ακολουθούμενο από τη διεύθυνση email, για παράδειγμα mailto:example@example.com.
    • Για να δημιουργήσετε έναν σύνδεσμο που πραγματοποιεί μια τηλεφωνική κλήση, εισαγάγετε το tel: ακολουθούμενο από τον αριθμό τηλεφώνου, για παράδειγμα tel:+0-123-456-7890.
  4. Εισαγάγετε μια σύντομη περιγραφή του συνδέσμου στο πλαίσιο Τίτλος συνδέσμου.
  5. Επιλέξτε πώς θα ανοίξει ο σύνδεσμος από το μενού Άνοιγμα αυτού του συνδέσμου σε :
    • το ίδιο παράθυρο: Ο σύνδεσμος θα ανοίξει στην υπάρχουσα καρτέλα ή στο παράθυρο του προγράμματος περιήγησης του χρήστη.
    • ένα νέο παράθυρο: Ο σύνδεσμος θα ανοίξει σε μια νέα καρτέλα ή παράθυρο του προγράμματος περιήγησης.
  6. Κάντε κλικ στην επιλογή Εισαγωγή συνδέσμου για να μετατρέψετε το επισημασμένο κείμενό σας σε σύνδεσμο.

Προσθήκη εσωτερικών και εξωτερικών συνδέσμων με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Οι σύνδεσμοι προς σελίδες εντός του καταστήματός σας Shopify ονομάζονται εσωτερικοί σύνδεσμοι. Μπορείτε να χρησιμοποιήσετε σύντομα URL για να δημιουργήσετε εσωτερικούς συνδέσμους. Για παράδειγμα, το URL /collections θα παραπέμπει στη σελίδα συλλογών του καταστήματός σας.

Για να δημιουργήσετε σύνδεσμο προς μια συγκεκριμένη σελίδα του διαδικτυακού σας καταστήματος, όπως μια σελίδα συλλογής ή προϊόντος, χρησιμοποιήστε τη μορφή URL /page-type/page-handle. Για παράδειγμα, για να δημιουργήσετε σύνδεσμο προς μια συλλογή που έχετε δημιουργήσει με την ονομασία Summer Collection, χρησιμοποιήστε το URL /collections/summer-collection.

Οι σύνδεσμοι προς ιστοτόπους που βρίσκονται εκτός του καταστήματός σας Shopify ονομάζονται εξωτερικοί σύνδεσμοι. Οι εξωτερικοί σύνδεσμοι πρέπει να εισάγονται πλήρως και να ξεκινούν με http://.

Αφού upload a file, μπορείτε να το συνδέσετε με περιεχόμενο στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για να το διαθέσετε για λήψη από μια περιγραφή προϊόντος ή συλλογής, μια ιστοσελίδα ή μια ανάρτηση ιστολογίου.

Βήματα:

Επιφάνεια εργασίας

  1. Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Περιεχόμενο > Αρχεία.

  2. Αντιγράψτε το URL για το αρχείο που θέλετε να συνδέσετε.

  3. Στον Διαχειριστή Shopify, κάντε κλικ στο προϊόν, τη συλλογή, την ιστοσελίδα ή την ανάρτηση ιστολογίου όπου θέλετε να προσθέσετε το αρχείο.

  4. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, εισαγάγετε ή επιλέξτε το κείμενο του συνδέσμου.

  5. Επιλέξτε το κείμενο του συνδέσμου.

  6. Κάντε κλικ στην επιλογή Εισαγωγή συνδέσμου

  7. Στο πεδίο Σύνδεση με, επικολλήστε το URL για το αρχείο που θέλετε να συνδέσετε.

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

Κινητό

  1. Από το Shopify app, πατήστε το εικονίδιο Menu.

  2. Στο μενού Περιεχόμενο, πατήστε το εικονίδιο κάτω βέλος και, στη συνέχεια, πατήστε Αρχεία.

  3. Αντιγράψτε το URL για το αρχείο που θέλετε να συνδέσετε.

  4. Στον Διαχειριστή Shopify, πατήστε το προϊόν, τη συλλογή, την ιστοσελίδα ή την ανάρτηση ιστολογίου όπου θέλετε να προσθέσετε το αρχείο.

  5. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, εισαγάγετε ή επιλέξτε το κείμενο του συνδέσμου.

  6. Επιλέξτε το κείμενο του συνδέσμου.

  7. Πατήστε Εισαγωγή συνδέσμου

  8. Στο πεδίο Σύνδεση με, επικολλήστε το URL για το αρχείο που θέλετε να συνδέσετε.

  9. Πατήστε Εισαγωγή συνδέσμου. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, το συνδεδεμένο κείμενο εμφανίζεται με μπλε χρώμα και είναι υπογραμμισμένο.

Εισαγωγή εικόνων με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Υπάρχουν τρεις τρόποι για να εισαγάγετε μια εικόνα χρησιμοποιώντας το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου. Μπορείτε:

Μεταφόρτωση εικόνων

Βήματα:

  1. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Εισαγωγή εικόνας.

  2. Στο παράθυρο διαλόγου Εισαγωγή εικόνας, κάντε κλικ στην καρτέλα Μεταφορτωμένες εικόνες.

  3. Κάντε κλικ στην επιλογή Μεταφόρτωση αρχείου.

  4. Επιλέξτε ένα αρχείο εικόνας WebP, HEIC, SVG, GIF, JPEG ή PNG από τον υπολογιστή σας.

  5. Κάντε κλικ στην εικόνα που μεταφορτώσατε για να την επιλέξετε.

  6. Από το μενού Μέγεθος, επιλέξτε το μέγεθος εμφάνισης της εικόνας. Μπορείτε να επιλέξετε Πρωτότυπο για να εισαγάγετε την εικόνα χωρίς να αλλάξετε το μέγεθος εμφάνισής της.

  7. Κάντε κλικ στην επιλογή Εισαγωγή εικόνας για να τοποθετήσετε την εικόνα στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

Επιλογή από εικόνες προϊόντων

Βήματα:

  1. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Εισαγωγή εικόνας.

  2. Στο παράθυρο διαλόγου Εισαγωγή εικόνας, κάντε κλικ στην καρτέλα Εικόνες προϊόντων.

  3. Κάντε κλικ στην εικόνα που θέλετε να εισαγάγετε. Αν δεν μπορείτε να βρείτε τα πολυμέσα του προϊόντος που θέλετε να εισαγάγετε, τότε μπορείτε να χρησιμοποιήσετε τα κουμπιά με τα βέλη για να περιηγηθείτε σε διαφορετικές σελίδες.

  4. Από το μενού Μέγεθος, επιλέξτε το μέγεθος εμφάνισης της εικόνας. Μπορείτε να επιλέξετε Πρωτότυπο για να εισαγάγετε την εικόνα χωρίς να αλλάξετε το μέγεθος εμφάνισής της.

  1. Κάντε κλικ στην επιλογή Εισαγωγή εικόνας για να τοποθετήσετε την εικόνα του προϊόντος στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

Χρήση URL εικόνας

Για να εισαγάγετε μια εικόνα χρησιμοποιώντας ένα δημόσιο URL:

  1. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Εισαγωγή εικόνας.
  2. Στο παράθυρο διαλόγου Εισαγωγή εικόνας, κάντε κλικ στην καρτέλα URL.
  3. Εισαγάγετε το δημόσια προσβάσιμο URL του αρχείου εικόνας σας.
  4. Κάντε κλικ στην επιλογή Εισαγωγή εικόνας για να εισαγάγετε την εικόνα στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου στο αρχικό της μέγεθος.

Μετακίνηση και αλλαγή μεγέθους εικόνας στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Αφού προσθέσετε μια εικόνα σε μια περιγραφή προϊόντος ή συλλογής, σε μια ιστοσελίδα ή σε ένα ιστολόγιο, μπορείτε να τη μετακινήσετε σε άλλη θέση εντός του περιεχομένου.

Βήματα:

  1. Στον Διαχειριστή Shopify, κάντε κλικ στο προϊόν, τη συλλογή, την ιστοσελίδα ή την ανάρτηση ιστολογίου που περιλαμβάνει την εικόνα που θέλετε να μετακινήσετε ή να αλλάξετε το μέγεθός της.
  2. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στην εικόνα.
  3. Κάντε ένα από τα παρακάτω:
    • Για να μετακινήσετε την εικόνα, κάντε κλικ και σύρετέ την σε άλλη τοποθεσία στο πεδίο Περιεχόμενο.
    • Για να αλλάξετε το μέγεθος της εικόνας, κάντε κλικ και σύρετε μία από τις γωνίες.
  4. Κάντε κλικ στην επιλογή Αποθήκευση.

Επεξεργασία εικόνας στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να αλλάξετε το μέγεθος, την αναδίπλωση κειμένου και τη στοίχιση μιας εικόνας στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου. Μπορείτε επίσης να επεξεργαστείτε το URL της εικόνας ή να προσθέσετε ή να επεξεργαστείτε το εναλλακτικό κείμενο της εικόνας.

Βήματα:

  1. Κάντε διπλό κλικ στην εικόνα στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για να ανοίξετε το παράθυρο διαλόγου Επεξεργασία εικόνας.
  2. Χρησιμοποιήστε τις επιλογές μεγέθους και στοίχισης για να επεξεργαστείτε την εικόνα:
    • Για να αλλάξετε το μέγεθος της εικόνας, επιλέξτε μια επιλογή μεγέθους.
    • Για να βελτιώσετε το SEO και την προσβασιμότητα του ηλεκτρονικού σας καταστήματος, προσθέστε ή επεξεργαστείτε το εναλλακτικό κείμενο της εικόνας.
    • Για να προσθέσετε κενό, εισαγάγετε τον αριθμό των εικονοστοιχείων που θέλετε για απόσταση σε κάθε πλευρά.
    • Για να αλλάξετε τη στοίχιση της εικόνας, επιλέξτε από τα εικονίδια που αντιπροσωπεύουν την αριστερή, την κεντρική ή τη δεξιά στοίχιση.
    • Για να προσθέσετε αναδίπλωση κειμένου, επιλέξτε το πλαίσιο ελέγχου Αναδίπλωση κειμένου γύρω από την εικόνα.
  3. Κάντε κλικ στην επιλογή Επεξεργασία εικόνας για να αποθηκεύσετε τις αλλαγές σας.

Εισαγωγή βίντεο με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να εισαγάγετε ή να ενσωματώσετε βίντεο σε αναρτήσεις ιστολογίου, σελίδες, περιγραφές προϊόντων και περιγραφές συλλογών χρησιμοποιώντας το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

Αν θέλετε να ενσωματώσετε ένα βίντεο που έχετε δημιουργήσει, τότε πρέπει πρώτα να το μεταφορτώσετε σε έναν ιστότοπο μετάδοσης βίντεο, όπως το YouTube ή το Vimeo.

Το YouTube δεν σας επιτρέπει να απενεργοποιήσετε τα σχετικά βίντεο, αλλά μπορείτε να ορίσετε ότι τα σχετικά βίντεο θα πρέπει να προέρχονται από το ίδιο κανάλι με το βίντεο που μόλις προβλήθηκε.

Βήματα:

  1. Αντιγράψτε το URL του βίντεο πατώντας ctrl + C σε υπολογιστή PC ή command + C σε υπολογιστή Mac.
  1. Επισκεφτείτε το Embed Responsively. Το Embed Responsively είναι ένα εργαλείο που θα σας δώσει έναν βελτιωμένο κώδικα ενσωμάτωσης για το βίντεό σας.
  1. Στο Embed Responsively, κάντε κλικ για να επιλέξετε τον ιστότοπο βίντεο όπου βρίσκεται το βίντεό σας.
  2. Επικολλήστε το URL του βίντεο που αντιγράψατε στο πλαίσιο Page URL στο Embed Responsively πατώντας ctrl + V σε υπολογιστή PC ή command + V σε Mac.
  3. Κάντε κλικ στην επιλογή Embed. Το Embed Responsively θα δημιουργήσει τον κώδικα ενσωμάτωσης για εσάς.
  4. Αν το βίντεο προέρχεται από το YouTube και θέλετε να εμφανίζονται μόνο σχετικά βίντεο από το ίδιο κανάλι του YouTube, τότε βρείτε το URL του βίντεο στον κώδικα ενσωμάτωσης. Αντιγράψτε και επικολλήστε το ?rel=0 στο τέλος, εντός των εισαγωγικών.
  5. Αντιγράψτε όλο τον κώδικα μέσα στο πλαίσιο Κώδικας ενσωμάτωσης.
  6. Στον Διαχειριστή Shopify, κάντε κλικ στο κουμπί Εισαγωγή βίντεο στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.
  7. Επικολλήστε τον κώδικα ενσωμάτωσης στο πλαίσιο διαλόγου Εισαγωγή βίντεο.
  8. Κάντε κλικ στην επιλογή Εισαγωγή βίντεο.
  9. Κάντε κλικ στην επιλογή Αποθήκευση όταν τελειώσετε για να αποθηκεύσετε τις αλλαγές σας στο στοιχείο που επεξεργαζόσασταν.

Εισαγωγή αρχείων ήχου με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για να εισαγάγετε ή να ενσωματώσετε αρχεία ήχου σε αναρτήσεις ιστολογίου, σελίδες, περιγραφές προϊόντων και περιγραφές συλλογών.

Βήματα:

  1. Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Περιεχόμενο > Αρχεία.

  2. Κάντε κλικ στην επιλογή Μεταφόρτωση αρχείων για να μεταφορτώσετε το αρχείο ήχου που θέλετε να εισαγάγετε ή να ενσωματώσετε στο κατάστημά σας.

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

  4. Αντιγράψτε τον κώδικα <div id="player"><audio controls="controls"> και, στη συνέχεια, επικολλήστε τον στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου για να ενσωματώσετε ένα πρόγραμμα αναπαραγωγής ήχου στη σελίδα σας.

  5. Αντιγράψτε τον ακόλουθο κώδικα:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Επικολλήστε αυτόν τον κώδικα στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου μετά τον κώδικα για το πρόγραμμα αναπαραγωγής ήχου και, στη συνέχεια, αντικαταστήστε το https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 με το URL που δημιουργήσατε για το αρχείο ήχου σας όταν το μεταφορτώσατε στο Shopify. Μπορείτε να βρείτε το URL του αρχείου ήχου σας ανά πάσα στιγμή στη σελίδα Αρχεία.
  2. Κάντε κλικ στην επιλογή Αποθήκευση.
  3. Κάντε κλικ στην επιλογή Προβολή για να βεβαιωθείτε ότι το αρχείο ήχου σας αναπαράγεται σωστά.

Προσθήκη ή αφαίρεση εσωτερικών σχολίων στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου

Μπορείτε να χρησιμοποιήσετε ετικέτες σχολίων <!-- και --> για εσωτερικό κείμενο που δεν θέλετε να δημοσιεύσετε στο κατάστημά σας.

Βήματα:

  1. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Εμφάνιση HTML.
  2. Για να προσθέσετε ένα εσωτερικό σχόλιο, περικλείστε το κείμενο που θέλετε να διατηρήσετε κρυφό μέσα σε <!-- και -->. Για παράδειγμα: <!--το κείμενό σας-->.
  3. Κάντε κλικ στην επιλογή Αποθήκευση.

Οι ετικέτες HTML που περικλείονται μέσα στις ετικέτες σχολίων αποθηκεύονται ως εσωτερικό κείμενο. Για να λειτουργήσουν σωστά αυτές οι ετικέτες HTML, πρέπει να αφαιρέσετε τις ετικέτες σχολίων <!-- και --> γύρω από αυτές.

Κατανόηση του προγράμματος επεξεργασίας εμπλουτισμένου κειμένου

Το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου είναι ενσωματωμένο στο TinyMCE, ένα δίκτυο παροχής περιεχομένου (CDN) τρίτων. Αυτή η ενσωμάτωση έχει ορισμένες σημαντικές επιπτώσεις:

  • Όριο περιεχομένου: Υπάρχει αυστηρό όριο 64 KB για το περιεχόμενο που εισάγεται στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου. Αυτό ισχύει για τις Σελίδες, τις Αναρτήσεις ιστολογίου και τα πρόσθετα σενάρια.
  • Εκκαθάριση HTML: Το TinyMCE παρέχει λογική φιλτραρίσματος περιεχομένου που διορθώνει αυτόματα τη μορφοποίηση HTML για την αποτροπή δυσλειτουργιών του ηλεκτρονικού καταστήματος και κινδύνων ασφαλείας. Παρόλο που μπορείτε να επεξεργαστείτε με μη αυτόματο τρόπο τον κώδικα HTML για να τον επαναφέρετε στην αρχική του μορφή, συνιστάται να εργάζεστε με αυτές τις αυτοματοποιημένες αλλαγές για την αποφυγή πιθανών προβλημάτων.

Αντιμετώπιση προβλημάτων του προγράμματος επεξεργασίας εμπλουτισμένου κειμένου

Εάν αντιμετωπίζετε προβλήματα με το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, ανατρέξτε στα παρακάτω βήματα αντιμετώπισης προβλημάτων και στα συνήθη ζητήματα.

Αντιμετώπιση προβλημάτων μορφοποίησης

Προβλήματα μορφοποίησης με αντιγραμμένο περιεχόμενο

Το κείμενο κληρονομεί πάντα τη μορφοποίηση του προγράμματος επεξεργασίας ή της ιστοσελίδας από όπου προήλθε. Εάν γράφετε περιεχόμενο στο Microsoft Word και στη συνέχεια το αντιγράφετε και το επικολλάτε στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, τότε διατηρεί το ίδιο χρώμα, μέγεθος, εσοχή και διάστιχο, συμπεριλαμβανομένων των ετικετών <div>.

Όποτε είναι δυνατό, επεξεργαστείτε και μορφοποιήστε το περιεχόμενό σας απευθείας στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.

Για πιο σύνθετες διατάξεις σελίδων, εξετάστε το ενδεχόμενο να χρησιμοποιήσετε εφαρμογές δημιουργίας σελίδων, όπως το Shogun Drag & Drop Page Builder.

Εντοπισμός προβλημάτων μορφοποίησης

Η πιο συνηθισμένη αιτία προβλημάτων στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου προέρχεται από το ενσωματωμένο στυλ ή τη μορφοποίηση που μεταφέρεται κατά την αντιγραφή και επικόλληση περιεχομένου από άλλη πηγή.

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

Αντιμετώπιση προβλημάτων μορφοποίησης

Υπάρχουν δύο τρόποι για να ελέγξετε αν τα προβλήματα μορφοποίησης προκαλούν το πρόβλημα: χρησιμοποιώντας το κουμπί Εκκαθάριση μορφοποίησης ή περνώντας το περιεχόμενο του προγράμματος επεξεργασίας εμπλουτισμένου κειμένου από ένα εργαλείο εκκαθάρισης HTML.

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

Έλεγχος 1: Εκκαθάριση μορφοποίησης

  1. Επισημάνετε όλο το περιεχόμενο στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.
  2. Κάντε κλικ στο κουμπί Εκκαθάριση μορφοποίησης.
  3. Κάντε κλικ στην επιλογή Αποθήκευση και δοκιμάστε.

Έλεγχος 2: Εργαλείο εκκαθάρισης HTML

  1. Αντιγράψτε όλο το περιεχόμενο από το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.
  2. Επικολλήστε το σε ένα εργαλείο εκκαθάρισης HTML, όπως το striphtml.com.
  3. Αντιγράψτε όλο το εκκαθαρισμένο περιεχόμενο.
  4. Επικολλήστε το ξανά στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, αντικαθιστώντας το αρχικό περιεχόμενο.
  5. Κάντε κλικ στην επιλογή Αποθήκευση και δοκιμάστε.

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

Αντιμετώπιση προβλημάτων μη ευθυγραμμισμένου κώδικα εικόνας

Εάν αντιμετωπίζετε πρόβλημα με τη σωστή στοίχιση του κειμένου δίπλα σε μια εικόνα όταν χρησιμοποιείτε την επιλογή αναδίπλωσης, τότε ίσως χρειαστεί να μετακινήσετε τον κώδικα έτσι ώστε η ετικέτα της εικόνας να εμφανίζεται στην αρχή της παραγράφου και όχι στη μέση.

  1. Κάντε κλικ στο κουμπί «Επεξεργασία κώδικα» στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.
  2. Βρείτε τον κώδικα της εικόνας και μετακινήστε ολόκληρη την ετικέτα <img> στην κορυφή της παραγράφου, έξω από τις ετικέτες παραγράφου <p>.
  3. Καταργήστε τυχόν ετικέτες <span> σε επόμενες παραγράφους κάτω από την εικόνα.
  4. Κάντε κλικ στην επιλογή Αποθήκευση.

Παράδειγμα μη ευθυγραμμισμένου κώδικα εικόνας:

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

Διορθωμένος κώδικας:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Αντιμετώπιση προβλημάτων με συνδέσμους mailto που δεν λειτουργούν

Εάν οι σύνδεσμοι mailto: δεν λειτουργούν (π.χ. φορτώνουν μια κενή σελίδα ή δεν ανοίγουν την εφαρμογή email), τότε ελέγξτε αν ο σύνδεσμος ακολουθεί αυτήν τη δομή:

mailto:email@example.com

Εάν ο σύνδεσμος αντιστοιχεί στην παραπάνω μορφή και εξακολουθεί να μη λειτουργεί όπως αναμένεται, τότε ενδέχεται να πρόκειται για πρόβλημα με τις ρυθμίσεις του προγράμματος περιήγησης ή της εφαρμογής-πελάτη email. Ελέγξτε τις ρυθμίσεις του προγράμματος περιήγησης και της εφαρμογής-πελάτη email για να βεβαιωθείτε ότι έχουν διαμορφωθεί ώστε να διαχειρίζονται σωστά τους συνδέσμους mailto:.

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

Όταν εισάγονται εικόνες σε μια σελίδα, ο κώδικας HTML που δημιουργείται περιλαμβάνει τόσο μια παράμετρο src όσο και μια παράμετρο data-mce-src. Εάν αυτές οι δύο δεν ταιριάζουν, τότε τελικά η παράμετρος src ενημερώνεται ώστε να ταιριάζει με την data-mce-src.

Ωστόσο, όταν αλλάζετε το μέγεθος μιας εικόνας χρησιμοποιώντας το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, ενημερώνεται μόνο η παράμετρος src, αφήνοντας την data-mce-src με το URL του αρχικού μεγέθους. Μετά από μερικά ακόμη κλικ, η src επαναφέρεται στο URL της data-mce-src.

Για να το αποφύγετε αυτό, ενημερώστε με μη αυτόματο τρόπο το URL της data-mce-src ώστε να αντιστοιχεί στο επιθυμητό μέγεθος εικόνας:

  1. Κάντε κλικ στο κουμπί «Επεξεργασία κώδικα» στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου.
  2. Βρείτε την ετικέτα της εικόνας της οποίας αλλάξατε το μέγεθος.
  3. Εντοπίστε και τις δύο παραμέτρους, src και data-mce-src.
  4. Ενημερώστε το URL της data-mce-src ώστε να αντιστοιχεί στο URL της src.
  5. Κάντε κλικ στην επιλογή Αποθήκευση.
Αντιμετώπιση προβλημάτων με τις αυτόματες αλλαγές HTML (εκκαθάριση)

Ίσως παρατηρήσετε ότι όταν κάνετε αλλαγές στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, ο αντίστοιχος κώδικας HTML αλλάζει αυτόματα.

Γιατί συμβαίνει αυτό;

Το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου του Shopify είναι ενσωματωμένο στο TinyMCE, ένα δίκτυο παροχής περιεχομένου (CDN) τρίτου μέρους. Αυτό το CDN παρέχει μια εκτενή και αξιόπιστη λογική φιλτραρίσματος περιεχομένου που διορθώνει αυτόματα τη μορφοποίηση των γραμμών HTML που ενδέχεται να προκαλέσουν δυσλειτουργία σε ένα ηλεκτρονικό κατάστημα ή να το εκθέσουν σε κινδύνους ασφαλείας. Αυτή η διαδικασία ονομάζεται εκκαθάριση HTML.

Τι πρέπει να κάνετε;

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

Εάν προσπαθείτε να επιτύχετε συγκεκριμένους στόχους γράφοντας κώδικα HTML που το CDN προσπαθεί να διορθώσει, τότε εξετάστε αν υπάρχουν ιδανικότεροι τρόποι για την επίτευξη αυτών των στόχων, όπως η πραγματοποίηση αλλαγών στον κώδικα του θέματός σας που υποστηρίζουν την αναμενόμενη μορφοποίηση HTML.

Αντιμετώπιση προβλημάτων με συνδέσμους που κατευθύνουν τους πελάτες εκτός της επιλεγμένης αγοράς τους

Εάν χρησιμοποιείτε το Shopify Markets με υποφακέλους και την εφαρμογή Geolocation, τότε οι σύνδεσμοι στις περιγραφές προϊόντων, τις αναρτήσεις ιστολογίου, τις σελίδες και τις περιγραφές συλλογών ενδέχεται να ανακατευθύνουν τους πελάτες στον πρωτογενή τομέα σας αντί να τους διατηρούν στην επιλεγμένη περιοχή τους.

Γιατί συμβαίνει αυτό;

Το πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου υποστηρίζει τόσο απευθείας συνδέσμους (πλήρη URL) όσο και εσωτερικούς συνδέσμους (σύντομα URL). Εάν χρησιμοποιείτε έναν απευθείας σύνδεσμο που περιλαμβάνει το πλήρες URL (για παράδειγμα, https://yourstore.com/collections/summer), τότε οι πελάτες κατευθύνονται σε αυτό το συγκεκριμένο URL, αγνοώντας την επιλεγμένη αγορά τους.

Πώς να το διορθώσετε

Για να βεβαιωθείτε ότι οι σύνδεσμοί σας λαμβάνουν υπόψη την περιοχή και διατηρούν τους πελάτες στην επιλεγμένη αγορά τους, χρησιμοποιήστε εσωτερικούς συνδέσμους που ξεκινούν με / αντί για πλήρη URL.

  • Απευθείας σύνδεσμος (δεν λαμβάνει υπόψη την περιοχή): https://yourstore.com/collections/summer
  • Εσωτερικός σύνδεσμος (λαμβάνει υπόψη την περιοχή): /collections/summer

Για να ενημερώσετε τους υπάρχοντες συνδέσμους:

  1. Στον Διαχειριστή Shopify, μεταβείτε στο προϊόν, τη συλλογή, τη σελίδα ή την ανάρτηση ιστολογίου όπου θέλετε να ενημερώσετε τους συνδέσμους.
  2. Στο πρόγραμμα επεξεργασίας εμπλουτισμένου κειμένου, κάντε κλικ στο κουμπί Επεξεργασία κώδικα για να προβάλετε τον κώδικα HTML.
  3. Βρείτε τυχόν συνδέσμους που ξεκινούν με https:// και περιλαμβάνουν το domain του καταστήματός σας.
  4. Αντικαταστήστε το πλήρες URL με τη μορφή σύντομου URL. Για παράδειγμα, αλλάξτε το https://yourstore.com/pages/about σε /pages/about.
  5. Κάντε κλικ στην επιλογή Αποθήκευση.

Εάν έχετε πολλά προϊόντα, συλλογές, ιστολόγια ή σελίδες προς ενημέρωση, τότε μπορείτε να τα εξαγάγετε σε αρχεία CSV, να αναζητήσετε το domain σας ή το http για να εντοπίσετε απευθείας συνδέσμους, να τους ενημερώσετε σε εσωτερικούς συνδέσμους και, στη συνέχεια, να εισαγάγετε τα ενημερωμένα αρχεία CSV ξανά στο κατάστημά σας.