Εισαγωγή εικόνων, αρχείων PDF, βίντεο και άλλων αντικειμένων

Αύξηση μεγέθουςμειώσει κείμενο

CMS ICONΟ επεξεργαστής EasyWebshop CMS editor παρέχει μεγάλη ευελιξία για να προσθέσετε όλα τα είδη αντικειμένων στον ιστότοπό σας. Αυτή η σελίδα συνοψίζει τα αντικείμενα που μπορούν να προστεθούν. Τα αντικείμενα μπορούν να εισαχθούν στις ακόλουθες ενότητες:

Αναφορά

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

Εισαγωγή φωτογραφιών, εικόνων και λογότυπων

ΕικόναCMS Image

Κάντε κλικ στο εικονίδιο Εικόνα για να φορτώσετε και να εισαγάγετε μια εικόνα.

  • Κάντε κλικ στο σύνδεσμο Upload στο επάνω μενού
  • Κάντε κλικ στο κουμπί Upload file για να επιλέξετε ένα αρχείο στη συσκευή σας

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

Αφού επιλέξετε ένα αρχείο εικόνας, μπορείτε να επιλέξετε να του αλλάξετε το μέγεθος. Συνιστούμε μέγιστο μέγεθος 800x600 pixels για γρήγορη φόρτωση, αν και μπορείτε να ανεβάσετε μεγαλύτερες φωτογραφίες αν θέλετε μεγαλύτερη ανάλυση.

  • Κάντε κλικ στο κουμπί Upload για να ανεβάσετε την εικόνα σας
  • Μετά το ανέβασμα, κάντε κλικ στο εικονίδιο Εισαγωγή κάτω από την εικόνα

Θα βρείτε επίσης την εικόνα στην επισκόπηση Οι εικόνες μου. Έτσι, δεν χρειάζεται να ανεβάσετε ξανά την εικόνα αν θέλετε να εισάγετε την ίδια εικόνα σε άλλη σελίδα.

Στα smartphones, οι εικόνες θα συρρικνώνονται στο μέγιστο πλάτος της οθόνης, ανεξάρτητα από την ανάλυση. Αυτό αποτρέπει την εμφάνιση μιας οριζόντιας γραμμής κύλισης.

Εισαγωγή υπερσυνδέσμων, πανό και κουμπιών

Εικονίδιο κουμπιούCMS Insert

  • Κάντε κλικ στο εικονίδιο Εισαγωγή και μετακινηθείτε προς τα κάτω στο Σύνδεσμοι
    • Για έναν υπερσύνδεσμο, επιλέξτε Υπερσύνδεσμος.
    • Για ένα κουμπί ή μια κλήση σε δράση, επιλέξτε Κόμβο υπερσύνδεσης.
    • Για ένα banner, εικόνα ή φωτογραφία, επιλέξτε Φωτογραφία υπερσύνδεσης
  • Εισάγετε τη διεύθυνση ιστού (URL), αυτή μπορεί να είναι μια εσωτερική ή εξωτερική σελίδα

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

Η φόρτωση αρχείου ή καταλόγου PDF

PDF LogoCMS Upload

Κάντε κλικ στο εικονίδιο Upload για να φορτώσετε και να εισαγάγετε ένα αρχείο PDF.

  • Κάντε κλικ στον σύνδεσμο Upload στο επάνω μενού
  • Κάντε κλικ στο κουμπί Upload file για να επιλέξετε ένα αρχείο στη συσκευή σας
  • Μετά τη μεταφόρτωση, κάντε κλικ στο εικονίδιο Εισαγωγή

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

Εισαγωγή αρχείων ήχου MP3 και OGG

AudioCMS Upload

Κάντε κλικ στο εικονίδιο Upload για να φορτώσετε και να εισαγάγετε ένα αρχείο ήχου MP3 ή OGG. Το MP3 είναι ιδιόκτητο, ενώ το OGG είναι μια ανοικτή και χωρίς πατέντες μορφή ήχου.

  • Κάντε κλικ στον σύνδεσμο Upload στο επάνω μενού
  • Κάντε κλικ στο κουμπί Upload file για να επιλέξετε ένα αρχείο στη συσκευή σας
  • Μετά τη μεταφόρτωση, κάντε κλικ στο εικονίδιο Εισαγωγή

Εισαγωγή βίντεο ή ταινιών

ΒίντεοCMS Upload

Κάντε κλικ στο εικονίδιο Upload για να φορτώσετε και να εισαγάγετε ένα αρχείο βίντεο MP4.

  • Κάντε κλικ στον σύνδεσμο Upload στο επάνω μενού
  • Κάντε κλικ στο κουμπί Upload file για να επιλέξετε ένα αρχείο στη συσκευή σας
  • Μετά τη μεταφόρτωση, κάντε κλικ στο εικονίδιο Εισαγωγή

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

Εναλλακτικά, μπορείτε να εισαγάγετε βίντεο από μια πλατφόρμα βίντεο όπως Bitchute, PeerTube, Rumble, Vimeo και YouTube.

  • Κάντε κλικ στο Εισαγωγή και επιλέξτε Βίντεο του YouTube
  • Εισάγετε τη διεύθυνση URL (αντιγραφή από τη γραμμή διευθύνσεων) του βίντεο του YouTube

Μπορείτε επίσης να αντιγράψετε και να εισαγάγετε τον Κώδικα HTML για την κοινή χρήση του βίντεο. Παρακάτω εξηγούμε πώς να εισάγετε τους κωδικούς HTML.

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

Εικονίδιο προειδοποίησης ενηλίκων

  • Πλοηγηθείτε στο Ρυθμίσεις > Περισσότερες επιλογές > Συνδέσεις
  • Κάντε κύλιση προς τα κάτω στο Widget
  • Επιλέξτε το widget Προειδοποίηση περιεχομένου για ενήλικες και επιβεβαιώστε

Μπορείτε να βρείτε όλη την τεκμηρίωση σχετικά με τα widgets στο Widget connections wiki.

Εισαγωγή κινούμενων GIF

Animated GIFΑν είστε οπαδός της δεκαετίας του '90, μπορείτε να προσθέσετε κινούμενες εικόνες GIF στον ιστότοπό σας.

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

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

Εισαγωγή μουσικής στο φόντο

AudioΔεν συνιστούμε τη χρήση μουσικής υπόκρουσης. Οι περισσότεροι επισκέπτες θα ενοχληθούν από τη μουσική υπόκρουση που ξεκινά αυτόματα. Πρόκειται για μια κακή πρακτική σχεδιασμού για ιστότοπους.

Για το λόγο αυτό δεν περιλαμβάνεται στο λογισμικό μας. Ωστόσο, είναι δυνατή και αρκετά εύκολη. Ψάξτε για "add background music to website" στην αγαπημένη σας μηχανή αναζήτησης για ένα σεμινάριο. Παρακάτω εξηγούμε πώς να εισάγετε κωδικούς HTML.

Εισαγωγή ιστολογίου (με ροή RSS), φόρουμ ή βιβλίου επισκεπτών

Βιβλίο επισκεπτώνBlog
Το EasyWebshop διαθέτει μια ενσωματωμένη λειτουργία blog Με την ενεργοποίηση του ιστολογίου, θα προσθέσει μια νέα σελίδα με όνομα Blog με τη λέξη-κλειδί [WEBSHOP_BLOG] σε αυτήν. Στον ιστότοπό σας, αυτή η λέξη-κλειδί αντικαθίσταται από το ιστολόγιό σας.

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

Βιβλίο επισκεπτών
Το EasyWebshop διαθέτει μια ενσωματωμένη λειτουργία guestbook Κατά την ενεργοποίηση του βιβλίου επισκεπτών, θα προσθέσει μια νέα σελίδα με όνομα Βιβλίο επισκεπτών με τη λέξη-κλειδί [WEBSHOP_GUESTBOOK] σε αυτήν. Στον ιστότοπό σας, αυτή η λέξη-κλειδί αντικαθίσταται από το βιβλίο επισκεπτών σας.

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

Εικονίδιο προειδοποίησηςCMS Insert

Αν θέλετε να τοποθετήσετε ένα περίγραμμα γύρω από ένα κείμενο, κάντε κλικ στο Insert και επιλέξτε Border.

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

Εισαγωγή ενός πλαισίου συνομιλίας ή φωνής

Chat ή shoutΧρησιμοποιήστε την ζωντανή συνομιλία μας γι' αυτό.

Εισαγωγή στηλών και πινάκων

Παράδειγμα στηλώνCMS Insert

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

Οι πίνακες μπορούν να εισαχθούν κάνοντας κλικ στο Εισαγωγή και στη συνέχεια στο Πίνακας.

Οι ευρείς πίνακες μπορεί να είναι προβληματικοί σε μικρές οθόνες, προκαλώντας οριζόντιες γραμμές κύλισης. Ως εκ τούτου, συνιστούμε τη χρήση στηλών, οι οποίες ανταποκρίνονται.

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

Ενσωμάτωση μιας προειδοποίησης cookie

Cookie warning

  • Πλοηγηθείτε στο Ρυθμίσεις > Περισσότερες επιλογές > Συνδέσεις
  • Κάντε κύλιση προς τα κάτω στο Widget
  • Επιλέξτε το widget Προειδοποίηση για τα cookies και επιβεβαιώστε

Μπορείτε να βρείτε όλη την τεκμηρίωση σχετικά με τα widgets στο Widget connections wiki.

Εισαγωγή σχολίων και κριτικών πελατών

Chat or shoutΜπορείτε να χρησιμοποιήσετε την Ανατροφοδότηση και σχόλια πελατών για το σκοπό αυτό.

Εισαγωγή φορμών Web

XML-HTMLΣτη σελίδα επικοινωνίας υπάρχει μια διαδικτυακή φόρμα με προστασία από spam. Τα μηνύματα που αποστέλλονται μέσω αυτής της φόρμας θα αποστέλλονται στο email σας.

  • Χρησιμοποιήστε πεδία φόρμας για πρόσθετα πεδία φόρμας πληρωμής και φόρμας επικοινωνίας και πρόσθετες φόρμες web
  • Χρησιμοποιήστε παράμετροι για πρόσθετα πεδία φόρμας για προϊόντα

Εισαγωγή χαρτών με POIs

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

Είναι επίσης δυνατή η εισαγωγή εξατομικευμένων χαρτών με σημεία ενδιαφέροντος (POIs).

  • Ένας χάρτης με τις τοποθεσίες των σημείων παραλαβής
  • Ένας χάρτης με τις τοποθεσίες των καταστημάτων σας

Οι χάρτες μπορούν να δημιουργηθούν με:

Εάν έχετε μια διεύθυνση διαδικτύου (URL):

CMS Insert

  • Κάντε κλικ στο εικονίδιο Εισαγωγή και μετακινηθείτε προς τα κάτω στο Περιεχόμενο της σελίδας
  • Κάντε κλικ στο Εμφάνιση χάρτη
  • Επικολλήστε το URL και κάντε κλικ στο Εισαγωγή

CMS insert

Εάν έχετε έναν κωδικό HTML:

CMS HTML

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

Εισαγωγή φωτογραφικών γκαλερί και παρουσιάσεων διαφανειών

Photo galleryΥπάρχει διαθέσιμη μια λειτουργία slideshow, αλλά δεν υπάρχει γκαλερί φωτογραφιών.

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

Εισαγωγή κουμπιών εκτύπωσης

ΕκτύπωσηCMS Insert

  • Κάντε κλικ στο Insert, μετακινηθείτε προς τα κάτω στο Links και επιλέξτε Print για ένα εικονίδιο εκτύπωσης ή Print button για ένα κουμπί εκτύπωσης.

Εισαγωγή εξωτερικού πλαισίου αναζήτησης

Εικονίδιο DuckDuckGo

  • Πλοηγηθείτε στο Ρυθμίσεις > Περισσότερες επιλογές > Συνδέσεις
  • Κάντε κύλιση προς τα κάτω στο Widget
  • Επιλέξτε το widget DuckDuckGo και επιβεβαιώστε

Μπορείτε να βρείτε όλη την τεκμηρίωση σχετικά με τα widgets στο Widget connections wiki.

Εισαγωγή ενός sitemap Robots.txt ή XML

XMLΤο αρχείο robots.txt και ο χάρτης τοποθεσίας XML δημιουργούνται αυτόματα για εσάς. Μπορείτε να τα βρείτε πληκτρολογώντας το όνομα του τομέα σας ακολουθούμενο από /robots.txt και /sitemap.xml.

Είναι επίσης δυνατό να ανεβάσετε τα δικά σας αρχεία, καθώς μπορείτε να ανεβάσετε αρχεία .txt και .xml, αλλά δεν είναι δυνατό να αντικαταστήσετε τα προεπιλεγμένα robots.txt και sitemap.xml.

Ενσωμάτωση κουμπιών Like και κοινωνικών plugins

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

Δεν συνιστούμε την εγκατάσταση εξωτερικών κοινωνικών plugins στον ιστότοπό σας με την ενσωμάτωση κώδικα HTML. Συχνά αυτοί οι κώδικες περιέχουν ανιχνευτές που είναι επιβλαβείς για το απόρρητο των επισκεπτών σας. Χρησιμοποιήστε αντ' αυτού τη διεπαφή των κοινωνικών δικτύων, η οποία παρέχει συνδέσμους προς τις σελίδες σας στα κοινωνικά δίκτυα χωρίς ανιχνευτές.

Εισαγωγή πρόσθετου μετρητή επισκεπτών

AnalyticsEasyWebshop διαθέτει την εφαρμογή Easy Analytics την οποία μπορείτε να βρείτε στο Dashboard > Ανάλυση επισκεπτών.

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

Εισαγωγή ζωντανής κάμερας

WebcamΛάβετε τον κώδικα HTML από τον πάροχο ροής της κάμεράς σας. Παρακάτω εξηγούμε πώς να εισάγετε κωδικούς HTML.

Εισαγωγή κωδικών HTML, CSS και JavaScript

XML - HTMLCMS HTML

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

Μπορείτε να προσθέσετε, να επεξεργαστείτε και να διαγράψετε κώδικες HTML, CSS και JavaScript. Μπορείτε επίσης να αντιγράψετε και να επικολλήσετε κωδικούς από εσωτερικές ή εξωτερικές πηγές. Η αντιγραφή κώδικα HTML από άλλες σελίδες θα διατηρήσει τη διάταξη ή τη σήμανση.

HTML
Η HTML (HyperText Markup Language) είναι η τυπική γλώσσα σήμανσης που χρησιμοποιείται για τη δημιουργία ιστοσελίδων και διαδικτυακών εφαρμογών. Χρησιμοποιεί <tags> με πεζά γράμματα για να καθορίσει τη δομή μιας ιστοσελίδας. Επειδή είναι μια εύκολη στην εκμάθηση και απλή γλώσσα, οι περισσότεροι κώδικες HTML μπορούν να τροποποιηθούν ελεύθερα από μη τεχνικά άτομα.
CSS
Το CSS (Cascading Style Sheets) είναι μια γλώσσα φύλλων στυλ που χρησιμοποιείται για τον έλεγχο της διάταξης, των χρωμάτων, των γραμματοσειρών και άλλων οπτικών πτυχών μιας ιστοσελίδας. Ο κώδικας CSS βρίσκεται μεταξύ των ετικετών <style> και </style> και είναι επίσης εύκολο να τον μάθετε και να τον επεξεργαστείτε.
JavaScript
Η JavaScript είναι μια γλώσσα σεναρίων που χρησιμοποιείται για τη δημιουργία διαδραστικών και δυναμικών ιστοσελίδων. Είναι μια γλώσσα client-side, που σημαίνει ότι εκτελείται από το πρόγραμμα περιήγησης ιστού στην πλευρά του πελάτη και όχι στην πλευρά του διακομιστή. Ο κώδικας μπαίνει μεταξύ των ετικετών <script> και </script>

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

Οι χρήστες του EasyWebshop έχουν τον πλήρη έλεγχο των ιστοσελίδων τους, αλλά με τον έλεγχο έρχεται και η ευθύνη. Παρακαλούμε χρησιμοποιήστε αυτό το χαρακτηριστικό με προσοχή..

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

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

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

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

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

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

EasyWebshop scripts

CMS HTML

Κάντε ξανά κλικ στο HTML-icon για να επιστρέψετε στην προβολή του συντάκτη.

Κατά την αποθήκευση ενώ βρίσκεστε σε προβολή HTML, ο κώδικας δεν θα περάσει από τον απολυμαντή HTML του CMS. Υπάρχει ο κίνδυνος ο κώδικας να χαλάσει την ιστοσελίδα, αλλά δίνει μεγαλύτερη ελευθερία στο να εισαγάγετε εσείς τον κώδικα.


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

Starter wiki



Συχνές ερωτήσεις Επαφή

Όροι και προϋποθέσεις πώλησης Προστασία απόρρητου 2009 ‑ 2024 EasyWebshop