Με το Core Builder ο πελάτης αλλάζει την ιστοσελίδα του χωρίς να τη χαλάσει.
Οι ιστοσελίδες μας γράφονται σε κώδικα, με το AI δίπλα στον developer. Το Core Builder τις κάνει ασφαλείς για παράδοση: το θέμα δηλώνει ακριβώς τι μπορεί να αλλάξει ο πελάτης, και εκείνος αλλάζει κείμενα, εικόνες και συνδέσμους από ένα απλό πάνελ ή με ένα κλικ πάνω στη σελίδα. Διάταξη, αποστάσεις και στυλ μένουν εκτός ορίων.
- 7τύποι πεδίων, ο καθένας καθαρίζεται στην αποθήκευση
- 134επεξεργάσιμα πεδία στο βασικό θέμα
- 10εκδόσεις φυλάσσονται για κάθε πεδίο
- 1εντολή για έλεγχο, δοκιμή και ανέβασμα
Πραγματική καταγραφή: επεξεργασία με κλικ στο βασικό μας θέμα, σε τοπικό WordPress.
Οι προδιαγραφές
Οι page builders αφήνουν τον πελάτη να χαλάσει ακριβώς αυτό που μας ανέθεσε να σχεδιάσουμε.
Ο πελάτης θα χρειαστεί να αλλάξει μια τιμή, μια φωτογραφία ή μια πρώτη φράση την επόμενη εβδομάδα. Ένας page builder του το επιτρέπει, αλλά του επιτρέπει επίσης να μετακινήσει μια στήλη, να μικρύνει έναν τίτλο ή να επικολλήσει ένα script.
Θέλαμε custom σχεδιασμό σε καθαρό κώδικα, φτιαγμένο γρήγορα με AI, και έναν πελάτη που αλλάζει το περιεχόμενό του την ίδια μέρα. Άρα η επεξεργασία έπρεπε να προκύπτει από τον ίδιο τον κώδικα, με κανόνες που κανείς δεν παρακάμπτει.
- Ο πελάτης αλλάζει μόνο περιεχόμενο: κείμενα, εικόνες, κουμπιά και συνδέσμους. Ποτέ διάταξη, αποστάσεις, χρώματα ή δομή.
- Το θέμα δηλώνει τι αλλάζει, οπότε ο editor φτιάχνεται μόνος του και δεν αποκλίνει από τον κώδικα.
- Τίποτα δεν φτάνει σε ζωντανή ιστοσελίδα χωρίς έλεγχο.
- Κάθε αλλαγή αναιρείται, και ο λογαριασμός του πελάτη δεν φτάνει σε τίποτα που θα χαλούσε την ιστοσελίδα.
Πώς λειτουργεί
Τέσσερα βήματα. Το AI γράφει, τα εργαλεία ελέγχουν.
Με πραγματικές εκτελέσεις σε τοπικό WordPress: το βασικό θέμα από το οποίο ξεκινούν οι ιστοσελίδες μας, ελεγμένο, ανεβασμένο και επεξεργασμένο.
- 01
Κατασκευή
Κάθε ιστοσελίδα ξεκινά από ένα brief. Ο βοηθός προγραμματισμού AI διαβάζει το υλικό του πελάτη, καταγράφει το project και σταματά για έγκριση. Μόνο τότε χτίζεται το θέμα, σε καθαρό κώδικα, με γραπτούς κανόνες: κάθε λέξη που αλλάζει ο πελάτης περνά από ένα template tag με προεπιλογή, και τίποτα από τη διάταξη δεν εκτίθεται ποτέ.
Οι κανόνες, σε πέντε σημεία
- 01Κάθε λέξη που αλλάζει ο πελάτης περνά από ένα template tag.
- 02Κάθε tag έχει την προεπιλογή του, οπότε η σελίδα είναι σωστή πριν αλλάξει οτιδήποτε.
- 03Διάταξη, αποστάσεις, χρώματα, γραμματοσειρές και δομή δεν αλλάζουν ποτέ.
- 04Οι εικόνες έρχονται από τη Βιβλιοθήκη πολυμέσων, ποτέ από άλλες ιστοσελίδες.
- 05Scan, μετά validate, και διόρθωση κάθε λάθους πριν την παράδοση.
- 02
Έλεγχος
Ο scanner διαβάζει τον κώδικα και γράφει τη λίστα πεδίων· ο validator ελέγχει τη λίστα με τον κώδικα και προς τις δύο κατευθύνσεις. Σε αυτή την πραγματική εκτέλεση προστέθηκε μια νέα γραμμή στο hero αλλά όχι στη λίστα: το validate τη σταμάτησε, το scan την πρόσθεσε και το validate πέρασε.
Ένας πραγματικός έλεγχος · μία νέα γραμμή στο hero
Στον κώδικα
- hero.eyebrow
- hero.title_line1
- hero.title_line2
- hero.description
- hero.offer
- hero.button_text
Στη λίστα πεδίων
- hero.eyebrow
- hero.title_line1
- hero.title_line2
- hero.description
- hero.offer
- hero.button_text
✕Το validate το σταματά: το hero.offer δεν είναι στη λίστα πεδίων
✓Το scan το προσθέτει. Το validate περνά: 135 πεδία
- 03
Ανέβασμα
Μία εντολή ελέγχει το θέμα, ελέγχει κάθε αρχείο κώδικα για λάθη, το πακετάρει και το στέλνει στην ιστοσελίδα, όπου εγκαθίσταται και ενεργοποιείται. Ένα λάθος σταματά τα πάντα πριν το ανέβασμα.
Δύο πραγματικά ανεβάσματα · μια παρένθεση που έλειπε, μετά διορθωμένη
- front-page.php✓
- header.php✓
- footer.php✓✕
- functions.php✓
- style.css✓
Έλεγχος λαθώνfooter.php, γραμμή 15: απρόσμενο «;»Όλα τα αρχεία περνούνΖωντανή ιστοσελίδαΤο ανέβασμα σταμάτησε. Δεν ανέβηκε τίποτα.Ανέβηκε και ενεργοποιήθηκε, 134 πεδίαΈνα χαλασμένο αρχείο σε ενεργό θέμα ρίχνει όλη την ιστοσελίδα, γι’ αυτό ένα λάθος σταματά πάντα το ανέβασμα
- 04
Επεξεργασία
Ο πελάτης συνδέεται ως Client Editor και βλέπει ένα μενού Website: μία επιλογή ανά σελίδα, φτιαγμένη από τη λίστα πεδίων. Ή ενεργοποιεί το Edit site, κάνει κλικ σε κάθε τονισμένο κείμενο, εικόνα ή σύνδεσμο πάνω στη σελίδα και γράφει. Κάθε αποθήκευση καθαρίζεται, ελέγχεται και μένει στο ιστορικό.
Το πάνελ Websiteφτιαγμένο από τη λίστα πεδίων 
Ιστορικόδέκα εκδόσεις κάθε πεδίου Κάθε αποθήκευση καθαρίζεται, ελέγχεται και φυλάσσεται
Οι κανόνες, σε πέντε σημεία
- 01Κάθε λέξη που αλλάζει ο πελάτης περνά από ένα template tag.
- 02Κάθε tag έχει την προεπιλογή του, οπότε η σελίδα είναι σωστή πριν αλλάξει οτιδήποτε.
- 03Διάταξη, αποστάσεις, χρώματα, γραμματοσειρές και δομή δεν αλλάζουν ποτέ.
- 04Οι εικόνες έρχονται από τη Βιβλιοθήκη πολυμέσων, ποτέ από άλλες ιστοσελίδες.
- 05Scan, μετά validate, και διόρθωση κάθε λάθους πριν την παράδοση.
Ένας πραγματικός έλεγχος · μία νέα γραμμή στο hero
Στον κώδικα
- hero.eyebrow
- hero.title_line1
- hero.title_line2
- hero.description
- hero.offer
- hero.button_text
Στη λίστα πεδίων
- hero.eyebrow
- hero.title_line1
- hero.title_line2
- hero.description
- hero.offer
- hero.button_text
✕Το validate το σταματά: το hero.offer δεν είναι στη λίστα πεδίων
✓Το scan το προσθέτει. Το validate περνά: 135 πεδία
Δύο πραγματικά ανεβάσματα · μια παρένθεση που έλειπε, μετά διορθωμένη
- front-page.php✓
- header.php✓
- footer.php✓✕
- functions.php✓
- style.css✓
Ένα χαλασμένο αρχείο σε ενεργό θέμα ρίχνει όλη την ιστοσελίδα, γι’ αυτό ένα λάθος σταματά πάντα το ανέβασμα
Κάθε αποθήκευση καθαρίζεται, ελέγχεται και φυλάσσεται
Μηχανική
Σχεδιασμένο, όχι αυτοσχεδιασμένο.
Έξι αποφάσεις που κάνουν τη διαφορά ανάμεσα σε ένα demo και σε ένα εργαλείο που μια ομάδα χρησιμοποιεί κάθε μέρα.
- 01
Περιεχόμενο και κώδικας χωριστά
Τα κείμενα και οι εικόνες του πελάτη αποθηκεύονται στη βάση δεδομένων, ποτέ στα αρχεία του θέματος, οπότε ένα ανέβασμα αλλάζει κάθε γραμμή κώδικα χωρίς να αγγίζει τίποτα από όσα έγραψε ο πελάτης.
Τα ανεβάσματα δεν σβήνουν ποτέ περιεχόμενο
- 02
Η λίστα πεδίων είναι η συμφωνία
Ένα αρχείο απαριθμεί κάθε επεξεργάσιμο πεδίο. Ο validator το ελέγχει με τον κώδικα και προς τις δύο κατευθύνσεις, και επισημαίνει πεδία χωρίς ετικέτα, όριο μήκους ή προτεινόμενο μέγεθος εικόνας.
Κώδικας και editor δεν αποκλίνουν ποτέ
- 03
Ένα τυπογραφικό λάθος δεν ρίχνει την ιστοσελίδα
Πριν ανέβει οτιδήποτε, κάθε αρχείο κώδικα ελέγχεται για λάθη. Ένα λάθος και το ανέβασμα σταματά χωρίς να ανέβει τίποτα, και καμία παράκαμψη δεν το προσπερνά.
Δοκιμασμένο: μια παρένθεση έλειπε, δεν ανέβηκε τίποτα
- 04
Όλα καθαρίζονται στην είσοδο
Επτά τύποι πεδίων, ο καθένας με το δικό του καθάρισμα: απλό κείμενο με όρια μήκους, ασφαλής μορφοποίηση στα μεγάλα κείμενα, έγκυροι σύνδεσμοι, email και τηλέφωνα, εικόνες μόνο από τη Βιβλιοθήκη πολυμέσων. Κάθε αποθήκευση θέλει έγκυρο token και δικαίωμα επεξεργασίας.
Scripts και embeds αφαιρούνται αυτόματα
- 05
Ένας λογαριασμός πελάτη που δεν χαλά τίποτα
Ο ρόλος Client Editor έχει τρία δικαιώματα: ανάγνωση, ανέβασμα αρχείων και επεξεργασία περιεχομένου. Οκτώ βασικά μενού αφαιρούνται, επιτρέπονται μόνο δέκα αιτήματα διαχείρισης, και κάθε άλλη οθόνη απορρίπτεται ή τον επιστρέφει στον editor.
Plugins, θέματα και ρυθμίσεις εκτός ορίων
- 06
Αναίρεση σε κάθε επίπεδο
Ένα κουμπί αναίρεσης αμέσως μετά από κάθε αποθήκευση, αναίρεση και επανάληψη για όλη τη συνεδρία στη γραμμή διαχείρισης, και οι δέκα τελευταίες εκδόσεις κάθε πεδίου με επαναφορά σε ένα κλικ.
10 εκδόσεις ανά πεδίο
Αρχιτεκτονική
Πώς δένουν τα κομμάτια.
Δύο μισά που δεν ανακατεύονται ποτέ: ο κώδικας πηγαίνει από το brief στην ιστοσελίδα μέσα από ελέγχους, το περιεχόμενο πηγαίνει από τον πελάτη στη βάση μέσα από τον editor.
- Brief πελάτηΔιαβάζεται πρώτο, εγκρίνεται πριν τον κώδικα
- Βοηθός προγραμματισμού AIΧτίζει με γραπτούς κανόνες
- Custom θέμαΚαθαρός κώδικας, χωρίς page builder
- Core Builder CLIScan, validate, έλεγχος σύνταξης
- Σημείο ανεβάσματοςΜόνο για διαχειριστές
- Ιστοσελίδα WordPressΘέμα και plugin Core Builder
- Client EditorΈνας κλειδωμένος λογαριασμός
- Πάνελ WebsiteΑπό τη λίστα πεδίων
- Επεξεργασία με κλικΠάνω στη ζωντανή σελίδα
- Αποθήκη περιεχομένουΚαθαρό, δέκα εκδόσεις ανά πεδίο
Το αποτέλεσμα
Ένα θέμα, δύο τρόποι επεξεργασίας.
Το βασικό θέμα σε τοπικό WordPress, με κάθε λέξη και εικόνα επεξεργάσιμη. Αυτές είναι οθόνες από εκείνη την εγκατάσταση, ανέγγιχτες εκτός από μία γραμμή, που την αλλάξαμε με το ίδιο το πάνελ.
Το πάνελ Website
Home, 120 πεδία · Global Settings, 14
Κλικ για επεξεργασία
Κάθε τονισμένο κείμενο πάνω στη σελίδα
Ο λογαριασμός του πελάτη
Website, πολυμέσα και προφίλ, τίποτα άλλο
Ιστορικό
Επαναφορά οποιασδήποτε από τις δέκα τελευταίες εκδόσεις
Για την επιχείρησή σας
Τι κάνει ένα τέτοιο εργαλείο για μια εταιρεία.
Το Core Builder είναι ένα από τα εργαλεία AI που φτιάξαμε και χρησιμοποιούμε σε κάθε custom ιστοσελίδα. Φτιάχνουμε το ίδιο είδος εργαλείου για επιχειρήσεις: μία δουλειά, αξιόπιστα, σε υποδομή που ελέγχετε εσείς.
Η ιστοσελίδα σας, τα λόγια σας
Αλλάζετε μόνοι σας τιμές, φωτογραφίες, προσφορές και κείμενα, την ίδια μέρα, χωρίς developer και χωρίς page builder.
Ένας σχεδιασμός που μένει σχεδιασμένος
Η ομάδα σας αλλάζει το περιεχόμενο· η διάταξη, οι αποστάσεις και τα στυλ που φτιάξαμε δεν αλλάζουν κατά λάθος.
Ασφαλές για οποιονδήποτε
Ο λογαριασμός πελάτη βλέπει μόνο τον editor της ιστοσελίδας και τη βιβλιοθήκη πολυμέσων, και κάθε αλλαγή αναιρείται.
Ενημερώσεις χωρίς ρίσκο
Όταν βελτιώνουμε την ιστοσελίδα, το περιεχόμενό σας μένει ακριβώς όπως το αφήσατε, γιατί κώδικας και περιεχόμενο αποθηκεύονται χωριστά.
Ερωτήσεις
Πριν ρωτήσετε.
Είναι το Core Builder page builder;
Όχι, το αντίθετο. Ένας page builder αφήνει τον καθένα να μετακινεί τα πάντα. Το Core Builder αφήνει τον πελάτη να αλλάζει λέξεις, εικόνες και συνδέσμους, και κρατά τη διάταξη στον κώδικα.
Πού μπαίνει το AI;
Οι developers μας χτίζουν κάθε θέμα με έναν βοηθό προγραμματισμού AI, με γραπτούς κανόνες: το brief διαβάζεται και εγκρίνεται πρώτα, μια συμφωνία ορίζει τι μπορεί να αλλάζει, και η λίστα ελέγχων μετρά μόνο ελέγχους που έγιναν πραγματικά. Μετά τα εργαλεία ελέγχουν τη δουλειά: scan, validate και έλεγχο λαθών σε κάθε αρχείο πριν βγει οτιδήποτε στον αέρα.
Μπορεί ο πελάτης να χαλάσει την ιστοσελίδα;
Ο λογαριασμός πελάτη φτάνει στον editor της ιστοσελίδας, στη βιβλιοθήκη πολυμέσων και στο προφίλ του. Όλα τα άλλα είναι κρυφά, απορρίπτονται ή τον επιστρέφουν στον editor, και κάθε κείμενο καθαρίζεται πριν αποθηκευτεί.
Κι αν κάποιος αλλάξει κάτι κατά λάθος;
Η αναίρεση εμφανίζεται αμέσως μετά από κάθε αποθήκευση, η γραμμή διαχείρισης κρατά αναίρεση και επανάληψη για τη συνεδρία, και το πάνελ κρατά τις δέκα τελευταίες εκδόσεις κάθε πεδίου για επαναφορά με ένα κλικ.
Συνεργάζεται με το Elementor;
Ναι. Οι σελίδες που φτιάχνονται στο Elementor κρατούν το header και το footer του θέματος, και το Elementor μένει εργαλείο του developer, κρυφό από τον πελάτη.
Τι είναι το ClientLayer;
Το όνομα του plugin WordPress και του εργαλείου γραμμής εντολών του Core Builder, των δύο κομματιών που βλέπετε στις οθόνες αυτής της σελίδας.
Θέλετε ένα τέτοιο εργαλείο για την ομάδα σας;
Πείτε μας ποια δουλειά τρώει την εβδομάδα της ομάδας σας. Θα σας πούμε ειλικρινά αν το AI έχει θέση σε αυτήν και τι θα χρειαστεί.
