Skip to main content

Τραβήξτε Στιγμιότυπο του Ιστότοπού σας στο WordPress (Συμπεριλαμβανομένων Elementor & Πρόχειρων)

Σχεδιαστές, προγραμματιστές και agencies χρησιμοποιούν το Webshot για να αποτυπώνουν σελίδες WordPress — ζωντανές δημοσιεύσεις, πρόχειρες προεπισκοπήσεις, επεξεργασίες Elementor — για έγκριση από πελάτες, ανασκοπήσεις σχεδιασμού και αρχεία αλλαγών. Οι προσαρμοσμένες γραμματοσειρές φορτώνονται. Οι εικόνες που φορτώνονται με καθυστέρηση (lazy-loaded) αποδίδονται. Τα μπλοκ Gutenberg και τα widgets του Elementor εμφανίζονται ακριβώς όπως σε έναν περιηγητή.

📸 Αποτύπωση σελίδας WordPress (πλήρης επιφάνεια εργασίας) 📱 Προεπισκόπηση για κινητά 📄 PDF για ανασκόπηση από πελάτη

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

Γιατί να επιλέξετε το Webshot

Elementor + Gutenberg

Και οι δύο δημοφιλείς page builders αποδίδονται σωστά. Προσαρμοσμένα widgets, δυναμικό περιεχόμενο, ακόμη και animations επιλύονται πριν από τη λήψη του στιγμιότυπου.

Φόρτωση προσαρμοσμένων γραμματοσειρών

Γραμματοσειρές που φιλοξενούνται τοπικά, Google Fonts, Adobe Fonts — όλες φορτώνονται και αποδίδονται πριν από την αποτύπωση. Δεν υπάρχουν εναλλακτικές γραμματοσειρές (fallback) στο αποτέλεσμα.

Δημόσιες προεπισκοπήσεις πρόχειρων

Αν το πρόχειρο έχει ένα δημόσιο URL προεπισκόπησης (π.χ. σύνδεσμοι προεπισκόπησης του WordPress), το Webshot μπορεί να το αποτυπώσει. Τα πρόχειρα που απαιτούν σύνδεση χρειάζονται ενσωμάτωση μέσω API.

Φιλικό προς τα πρόσθετα

Σελίδες προϊόντων WooCommerce, πίνακες ελέγχου AffiliateWP, μαθήματα LearnDash — οτιδήποτε είναι δημόσια προσβάσιμο αποτυπώνεται τέλεια.

Πώς να τραβήξετε στιγμιότυπα WordPress

  1. Αποθηκεύστε τη σελίδα σας στο WordPress ως πρόχειρο και πάρτε το δημόσιο URL προεπισκόπησης (συνήθως `?preview=true&p=...`) ή χρησιμοποιήστε το ζωντανό URL.
  2. Επικολλήστε το URL στη φόρμα αποτύπωσης του Webshot.
  3. Επιλέξτε viewport για επιφάνεια εργασίας, tablet ή κινητό — το Webshot θα αποδώσει την αντίστοιχη responsive παραλλαγή.
  4. Κάντε κλικ στο «Αποτύπωση». Το στιγμιότυπο είναι έτοιμο σε 5–15 δευτερόλεπτα, διαθέσιμο για λήψη ως JPG, PNG ή PDF.

Συχνές ερωτήσεις

Ναι. Βεβαιωθείτε ότι το URL προεπισκόπησης είναι δημόσια προσβάσιμο (ο σύνδεσμος προεπισκόπησης του Elementor είναι συνήθως δημόσιος, εκτός αν τον έχετε περιορίσει). Επικολλήστε το URL προεπισκόπησης και αποτυπώστε — ολόκληρος ο καμβάς του Elementor αποδίδεται, συμπεριλαμβανομένων των animations και του προσαρμοσμένου CSS.

Ναι. Όλα τα μπλοκ Gutenberg αποδίδονται από την πλευρά του διακομιστή μέσω headless Chrome. Επαναχρησιμοποιήσιμα μπλοκ, μοτίβα και δυναμικά μπλοκ όπως οι Τελευταίες Δημοσιεύσεις επιλύονται όλα πριν από τη λήψη του στιγμιότυπου.

Όχι μέσω της δωρεάν δημόσιας φόρμας — δεν μπορεί να γίνει έλεγχος ταυτότητας. Για αποτυπώσεις WordPress που απαιτούν σύνδεση, χρησιμοποιήστε το Webshot API με μια προσαρμοσμένη κεφαλίδα ελέγχου ταυτότητας ή δημιουργήστε ένα δημόσιο URL προεπισκόπησης για το πρόχειρο.

Ναι. Το Webshot περιμένει να σταθεροποιηθούν οι γραμματοσειρές (μέσω document.fonts.ready), οι εικόνες και το περιεχόμενο που φορτώνεται με καθυστέρηση (lazy-loaded) πριν τραβήξει το στιγμιότυπο. Το προσαρμοσμένο CSS, τα θέματα, τα θυγατρικά θέματα και τα πρόσθετα αποδίδονται όλα.

Ναι. Επιλέξτε τη λειτουργία Mobile στη φόρμα αποτύπωσης — το Webshot χρησιμοποιεί ένα viewport iPhone 390px με user-agent για κινητά, έτσι ώστε τα responsive θέματα να αποδίδουν το σημείο διακοπής (breakpoint) για κινητά.

Ναι — οποιοδήποτε πρόσθετο WordPress που παράγει δημόσια έξοδο λειτουργεί. Σελίδες προϊόντων, κατάλογοι μαθημάτων, κατάλογοι μελών — το Webshot αποτυπώνει το αποδοθέν front-end. Οι πίνακες ελέγχου που απαιτούν σύνδεση (wp-admin) χρειάζονται έλεγχο ταυτότητας μέσω API.

Είστε έτοιμοι για αποτύπωση;

Δωρεάν, χωρίς εγγραφή, χωρίς υδατογράφημα. Απλώς επικολλήστε ένα URL.

📸 Άνοιγμα φόρμας αποτύπωσης

Άλλες περιπτώσεις χρήσης: Στιγμιότυπα Google Maps · QA σελίδων προορισμού · Στιγμιότυπα για νομικά αποδεικτικά στοιχεία · Στιγμιότυπα από μέσα κοινωνικής δικτύωσης · Παρακολούθηση ανταγωνισμού · Στιγμιότυπα για ροές εργασίας προγραμματιστών · Δείτε όλες →

Share: 𝕏 Twitter Facebook LinkedIn