Η προσθήκη Φόρμας Επικοινωνίας 7 θα σας βοηθήσει να οργανώσετε τα σχόλια στον ιστότοπό σας.

Μπορείτε να κατεβάσετε την προσθήκη Φόρμας Επικοινωνίας 7 στον επίσημο ιστότοπο του WordPress

Μπορείτε να κατεβάσετε το πρόσθετο Really Simple CAPTCHA στον επίσημο ιστότοπο του WordPress

Καλύψαμε πώς να εγκαταστήσετε και να συνδέσετε αυτό το πρόσθετο στο μάθημα "", τώρα θα ασχοληθούμε Επιπρόσθετα χαρακτηριστικάΠρόσθετο Φόρμα Επικοινωνίας 7. Η φόρμα λειτουργεί σωστά σε οθόνες, tablet, τηλέφωνα και φορητούς υπολογιστές. Παρεμπιπτόντως, εάν ο φορητός υπολογιστής σας είναι χαλασμένος, τότε υπάρχει μια υπηρεσία όπου επισκευάζονται φορητοί υπολογιστές HP.

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

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

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

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

Το μπλοκ Νο. 2 εμφανίζει τι θα εμφανιστεί στη σελίδα στη φόρμα. Πρώτα έρχεται το κείμενο, το όνομα του πεδίου, μετά τον κωδικό αυτού του πεδίου. Μπορείτε να αλλάξετε το κείμενο σε ό,τι θέλετε.

Για να προσθέσετε νέα πεδία στη φόρμα, κάντε κλικ στην αναπτυσσόμενη λίστα Νο. 3 - "Δημιουργία ετικέτας" και επιλέξτε το απαιτούμενο στοιχείο από την αναπτυσσόμενη λίστα.

  • Πεδίο κειμένου
  • ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
  • Τηλεφωνικό νούμερο
  • Αριθμός (spinbox)
  • Αριθμός (ρυθμιστικό)
  • Πεδίο κειμένου
  • Πτυσώμενο μενού
  • Πλαίσια ελέγχου
  • κουμπιά επιλογής
  • Αποδοχή
  • Ερώτηση
  • CAPTCHA
  • Αποστολή αρχείου
  • κουμπί υποβολής

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

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

Πεδίο κειμένου

Από την αναπτυσσόμενη λίστα, επιλέξτε το στοιχείο "Πεδίο κειμένου"

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

Μπορείτε να προσθέσετε στο πεδίο εισαγωγής Επιπλέον πληροφορίεςγια να διευκολύνετε τη συμπλήρωση της φόρμας. Επιλέξτε το πλαίσιο 2 "Χρήση ως σύμβολο κράτησης θέσης;" και εισάγετε μια υπόδειξη στο πεδίο δίπλα. Όταν συμπληρώσετε αυτό το πεδίο στη φόρμα, το κείμενο συμβουλής εργαλείου θα εξαφανιστεί. Στη συνέχεια, ακολουθήστε τις προτροπές της προσθήκης. Το αποτέλεσμα είναι ένα πεδίο όπως αυτό στην τελική μορφή:

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

ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ

Χρησιμοποιείται για τη διαβίβαση της διεύθυνσης γραμματοκιβωτίου του αποστολέα στη φόρμα

URL

Σας επιτρέπει να προσθέσετε μια διεύθυνση ιστότοπου στη φόρμα.

Τηλεφωνικό νούμερο

Μόνο αριθμοί μπορούν να εισαχθούν σε αυτό το πεδίο.

Αριθμός (spinbox)

Ένα πεδίο όπου μπορείτε να ορίσετε την ποσότητα κάποιου πράγματος, όπως ένα προϊόν. Η ποσότητα ορίζεται με τα βέλη πάνω/κάτω.

η ημερομηνία

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

Πεδίο κειμένου

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

Πτυσώμενο μενού

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

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

Πλαίσια ελέγχου

Ένα πλαίσιο ελέγχου ή πλαίσιο ελέγχου στην ορολογία προγραμματιστή, είναι ένα στοιχείο που δημιουργεί ένα πλαίσιο ελέγχου. Αυτό το πεδίο έχει δύο καταστάσεις - επιλεγμένο ή όχι. Είναι δυνατή η πολλαπλή επιλογή. Βρίσκονται μόνο σε μια σειρά, αν επιλέξετε το πλαίσιο "Να γίνουν τα πλαίσια ελέγχου αμοιβαία αποκλειόμενα;" τότε μπορεί να επιλεγεί μόνο μία επιλογή.

κουμπιά επιλογής

Οι διακόπτες (slang. κουμπιά επιλογής) χρησιμοποιούνται όταν πρέπει να επιλέξετε μία μόνο επιλογή από πολλές προτεινόμενες. Επιλέγοντας το πλαίσιο "Τοποθετήστε πρώτα την ετικέτα και μετά επιλέξτε το πλαίσιο;" η θέση της ετικέτας και το πεδίο επιλογής αλλάζει, από προεπιλογή, πρώτα η επιλογή και μετά η ετικέτα.

Αποδοχή

επιβεβαίωση για κάτι. Υποθέστε μια συμφωνία για αποδοχή των προϋποθέσεων που περιγράφονται παραπάνω.

Ερώτηση

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

Προσθέτει προστασία από ανεπιθύμητα μηνύματα στη φόρμα.

Απαιτείται άλλο πρόσθετο για να λειτουργήσει αυτή η δυνατότητα. Λήψη, εγκατάσταση, ενεργοποίηση του πρόσθετου.

Δεν μπορείτε να αλλάξετε τις ρυθμίσεις, να αντιγράψετε και να επικολλήσετε 2 γραμμές πριν από το κουμπί αποστολής.

Αποστολή αρχείου

Μπορείτε να επισυνάψετε ένα αρχείο στη φόρμα για την αποστολή μηνύματος. Στις ρυθμίσεις μπορείτε να καθορίσετε μέγιστο μέγεθοςσε byte και επιτρεπόμενες μορφές για μεταφόρτωση, π.χ. .jpg .tiff .doc

κουμπί υποβολής

Υποβολή της φόρμας. Στις ρυθμίσεις στην ενότητα "Συντόμευση" - μπορείτε να δώσετε το όνομα του κουμπιού (Αποστολή, απάντηση, αποστολή 🙂)

Προσαρμογή της εμφάνισης της φόρμας επικοινωνίας 7

Δεδομένου ότι τα πρόσθετα έχουν ιδιότητες ενημέρωσης, αλλάζει εμφάνισηοι φόρμες θα παράγονται στο αρχείο στυλ θέματος ιστότοπου style.css

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

Wpcf7 (χρώμα φόντου:#ddd; ) /*χρώμα φόντου μορφής */ .wpcf7 είσοδος, .wpcf7 textarea( padding:5px; color:#1D1D1D; font-family:Arial, Helvetica, sans-serif; μέγεθος γραμματοσειράς: 16 εικονοστοιχεία, ύψος γραμμής: 20 εικονοστοιχεία, περίγραμμα: 1 εικονοστοιχείο συμπαγές #C7C7C7, πλαίσιο-σκιά: ένθετο 2 εικονοστοιχεία 2 εικονοστοιχεία 8 εικονοστοιχεία #F9F9F9; -webkit-transition: όλα τα 0,2 δευτερόλεπτα ευκολία, -moz-transition: όλα τα 0,2 δευτερόλεπτα ευκολία, -o-μετάβαση : όλα τα 0,2s ease; μετάβαση: όλα τα 0,2s ease; ) .wpcf7 .wpcf7-list-item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .wpcf7 .wpcf7-list-item input( border: none; padding-left: 0; margin-left: 0; ) .wpcf7 select( outline: none; font-size:16px; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 input: hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( φόντο: #FDFDFD; περίγραμμα: καμία; )

Τι είναι εδώ τι.

Είσοδος .wpcf7, περιοχή κειμένου .wpcf7 - στυλ πεδίου εισαγωγής ( πεδίο κειμένου)

  1. υλικό παραγεμίσματος- ορίζει την εσοχή από το περιεχόμενο στο περίγραμμα του στοιχείου. Εδώ - η εσοχή από το κείμενο που εισάγεται στο πεδίο μέχρι το περίγραμμα του πεδίου. Η τιμή ορίζεται σε pixel σε Xpx, όπου X είναι ο αριθμός των pixel. Παράδειγμα: padding: 5px 3px 6px 8px;
  2. χρώμα- χρώμα κειμένου.
  3. γραμματοσειρά-οικογένεια- γραμματοσειρά πεδίων εισαγωγής.
  4. μέγεθος γραμματοσειράς- μέγεθος γραμματοσειράς
  5. ύψος γραμμής- ύψος γραμμής
  6. σύνορο- πλαίσιο γύρω από το πεδίο εισαγωγής
  7. σκιά κουτιούμπλοκ σκιά. ένθεσηυποδηλώνει ότι η σκιά είναι εσωτερική. Εάν θέλετε μια εξωτερική σκιά, παραλείψτε αυτήν την τιμή. Η δεύτερη και η τρίτη τιμή των 2px 2px υποδεικνύουν την οριζόντια και κάθετη ανάμειξη της σκιάς, αντίστοιχα. Η τέταρτη τιμή, 8 px, καθορίζει την ακτίνα θαμπώματος για τη σκιά. Πέμπτο - #F9F9F9 - το χρώμα της σκιάς.

Προσαρμογή του κουμπιού Φόρμας Επικοινωνίας 7

.buttons_form ( padding: 0px; ύψος: 30px; πλάτος: 150px !important; περίγραμμα: κανένα !important; δρομέας: δείκτης; χρώμα: #fff; -webkit-border-radius: .5em; -moz-border-radius: . 5em; περίγραμμα-ακτίνα: 0,5em; χρώμα: #faddde; περίγραμμα: συμπαγές 1px #980c10; φόντο: #d81b21; φόντο: -webkit-gradient(γραμμικό, αριστερό επάνω, αριστερό κάτω, από(#ed1c24), προς(# aa1317)); φόντο: -moz-linear-gradient(top, #ed1c24, #aa1317); φίλτρο: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24", endColorstr="#aa1317"); )

Φόρμα Επικοινωνίας 7 Στυλ ειδοποίησης

Είναι υπεύθυνο για την αναφορά σφαλμάτων ή επιτυχών υποβολών.

Wpcf7 .wpcf7-validation-errors( border:none; background-color:#246416; color:#fff; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:# 349622; margin:0; padding:20px; ; -moz-border-radius: 10px; border-radius: 10px; color: white; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; background-color :#349622; padding:5 px; padding- left: 5px; padding-right: 5px; border-radius:10px; πλάτος: 290px; χρώμα: λευκό; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); )

Και τώρα, για ευκολία, ολόκληρος ο κώδικας με σχόλια:

Wpcf7 ( background-color:#ddd; ) /*form color background */ .wpcf7 input, .wpcf7 textarea( /* Αυτό το τμήμα του κώδικα είναι υπεύθυνο για το στυλ των πεδίων εισαγωγής, των περιοχών κειμένου */ padding:5px; /* Ορίζει τη συμπλήρωση από το στοιχείο πεδίων πριν από το περιεχόμενό του, μπορείτε να βάλετε οποιαδήποτε τιμή, για παράδειγμα 10 px */ color:#1D1D1D, /* Χρώμα κειμένου στα πεδία εισαγωγής */ font-family:Arial, Helvetica, sans-serif; /* Γραμματοσειρά κειμένου στα πεδία εισαγωγής */ γραμματοσειρά -μέγεθος: 16 εικονοστοιχεία, /* Μέγεθος κειμένου στα πεδία εισαγωγής */ ύψος γραμμής: 20 εικονοστοιχεία, /* Ύψος γραμμής στα πεδία εισαγωγής */ περίγραμμα: 1 εικονοστοιχείο συμπαγές #C7C7C7, /* Περίγραμμα γύρω από τα πεδία.Η πρώτη τιμή είναι το πλάτος σε pixel, η δεύτερη - στυλ πλαισίου, τρίτη - το χρώμα του */ box-shadow: inset 2px 2px 8px #F9F9F9; /* Box shadow 2px - x offset, 2px - y offset, 8 εικονοστοιχεία - ακτίνα θαμπώματος σκιάς, #F9F9F9 - χρώμα σκιάς */ -webkit-transition: all 0,2s ease, -moz-transition: all 0,2s ease, -o-transition: all 0,2s ease, transition: all 0,2s ease. ) .wpcf7 .wpcf7-list- item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .w pcf7 .wpcf7-list-item input( border: none; padding-αριστερά: 0; περιθώριο-αριστερά: 0; ) .wpcf7 select( περίγραμμα: κανένα; μέγεθος γραμματοσειράς: 16 εικονοστοιχεία; γραμματοσειρά οικογένειας: Arial, Helvetica, sans-serif; ) .wpcf7 input:hover, .wpcf7 input:focus, .wpcf7 input:active, .waparec hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( /* Αυτό το τμήμα είναι υπεύθυνο για το στυλ των πεδίων εισαγωγής όταν τοποθετείτε πάνω τους με τον δείκτη του ποντικιού */ φόντο: #FDFDFD; /* Το φόντο του πεδίου εισαγωγής όταν τοποθετείτε τον δείκτη του ποντικιού πάνω του */ περίγραμμα : κανένα, /* Εξωτερικό περίγραμμα του πεδίου εισαγωγής κειμένου */ ) o-μετάβαση: 0, μετάβαση: 0, περίγραμμα: κανένα, /* Περίγραμμα γύρω από το κουμπί */ θέση: σχετική ; χρώμα: #fff; /* Χρώμα κειμένου */ μετατροπή κειμένου: κεφαλαία; /* Μετασχηματισμός κειμένου (με κεφαλαία σημαίνει ότι θα εμφανιστεί το κείμενο στο κουμπί κεφαλαία γράμματα) */ /* Στρογγυλοποιήστε τις γωνίες του κουμπιού. Οι τιμές των παρακάτω τριών ιδιοτήτων πρέπει να είναι ίδιες, καθώς είναι ίδιες, μόνο για διαφορετικά προγράμματα περιήγησης*/ -webkit-border-radius: 6px; /* Στρογγυλές γωνίες για Chrome */ -moz-border-radius: 6px; /* Στρογγυλές γωνίες για Mozilla FireFox */ border-radius: 6px; /* Στρογγυλές γωνίες για όλα τα άλλα προγράμματα περιήγησης, συμπεριλαμβανομένων των κινητών */ μέγεθος γραμματοσειράς: 14 px; /* Μέγεθος κειμένου κουμπιού */ βάρος γραμματοσειράς: έντονη γραφή; /* Στυλ κειμένου (έντονη ένδειξη σημαίνει έντονη γραφή) */ padding-top: 11px; /* Επάνω γέμιση από την άκρη του στοιχείου έως το περιεχόμενό του */ padding-bottom: 10px; /* Γέμισμα από το κάτω μέρος του στοιχείου στο περιεχόμενό του */ padding-left: 35px; /* Επένδυση στα αριστερά της άκρης του στοιχείου στο περιεχόμενό του */ padding-right: 35px; /* Επένδυση προς τα δεξιά από την άκρη του στοιχείου μέχρι το περιεχόμενό του */ /* φόντο κλίσης - Φόντο κουμπιού ντεγκραντέ */ χρώμα φόντου: #000000; /* Το χρώμα φόντου του κουμπιού εάν η διαβάθμιση δεν υποστηρίζεται από το πρόγραμμα περιήγησης */ /* Στις ακόλουθες ιδιότητες, τα χρώματα πρέπει να καθοριστούν με τον ίδιο τρόπο, καθώς είναι ίδια, μόνο για διαφορετικά προγράμματα περιήγησης. Ας ρίξουμε μια ματιά στο πρώτο ακίνητο. Το τμήμα από(#676767), σε(#3B3B3B) σημαίνει ότι πρέπει να εμφανίσουμε μια διαβάθμιση, όπου από το χρώμα #676767) υπάρχει μια μετάβαση στο χρώμα #3B3B3B */ φόντο: -webkit-gradient(γραμμικό, επάνω αριστερά, αριστερό κάτω, από( #676767), έως (#3B3B3B)); φόντο: -moz-linear-gradient(top, #349622, #246416); φίλτρο: progid:DXImageTransform.Microsoft.gradient(startColorstr="#349622", endColorstr="#246416"); -ms-φίλτρο: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#349622, endColorstr=#246416)"; /* Drop Shadow - Η σκιά του κουμπιού. Χρώμα σκιάς που καθορίζεται σε RGBA */ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0,3); box-shadow: 0 2px 5px rgba(0,0,0,0,3); ) /* On hover - Δώστε στυλ στο κουμπί όταν τοποθετείτε τον δείκτη του ποντικιού. Όλα είναι σχεδόν ίδια όπως στο προηγούμενο μπλοκ */ .wpcf7 input.wpcf7-submit:hover( δρομέας: δείκτης; κείμενο-διακόσμηση: κανένα; φόντο-χρώμα: #000000; φόντο: -webkit-gradient(γραμμικό, επάνω αριστερά , αριστερό κάτω, από(#246416), προς(#349622)); φόντο: -moz-linear-gradient(top, #246416, #349622); φίλτρο: progid:DXImageTransform.Microsoft.gradient(startColorstr="# 246416 ", endColorstr="#349622"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)"; ) /* Στυλ κουμπιού κλικ - όταν κάνετε κλικ σε αυτό σχεδόν το ίδιο όπως στο προηγούμενο μπλοκ */ .wpcf7 input.wpcf7-submit:active( top: 1px; χρώμα: #d8c6e2; /* Χρώμα κειμένου κουμπιού όταν κάνετε κλικ */ background-color: #000000; background : -webkit-gradient( γραμμικό, αριστερό πάνω, αριστερό κάτω, από(#FF0000), σε(#246416)); φόντο: -moz-linear-gradient(top, #FF0000, #246416); φίλτρο: progid:DXImageTransform .Microsoft.gradient(startColorstr ="#FF0000", endColorstr="#246416"); -ms-filter: "progid:DXImag eTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#246416)"; -webkit-box-shadow: κανένας; -moz-box-shadow: κανένας; κουτί-σκιά: κανένα ) /* Μηνύματα CF7 - Στυλ μηνυμάτων σχετικά με επιτυχή αποστολή, σφάλματα κ.λπ. */ .wpcf7 .wpcf7-validation-errors( /* Στυλ μηνύματος για σφάλματα επικύρωσης */ border:none; /* Περιθώριο μπλοκ μηνύματος */ background-color:#246416; /* Background */ color:#fff; /* Χρώμα κειμένου */ margin:0; /* Εξωτερική συμπλήρωση */ padding:20px; /* Εσωτερική συμπλήρωση */ /* Στρογγυλοποίηση γωνίας μεταξύ του προγράμματος περιήγησης - οι ακόλουθες 3 ιδιότητες */ -webkit-border-radius: 10px; -moz- border -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( /* Στυλ μηνύματος επιτυχίας */ border:none; /* Περίγραμμα μπλοκ μηνύματος */ background-color:#7ad33f; / * Φόντο */ margin:0; /* Εξωτερική επένδυση */ padding:20px; /* Εσωτερική συμπλήρωση */ /* Στρογγυλοποίηση γωνίας μεταξύ του προγράμματος περιήγησης - οι ακόλουθες 3 ιδιότητες */ -webkit-border-radius: 10px; -moz- border-radius: 10px; border-radius: 10px; ).wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:#349622; margin:0; padding:20px; -webkit-border-radius: 10 px; -moz-border-radius: 10px; border-radius: 10px; color: white; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; backgrou nd-color:#349622; padding: 5px; padding-αριστερά: 5px padding-right: 5px; περίγραμμα-ακτίνα:10px; πλάτος: 290 px άσπρο χρώμα; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0,3); box-shadow: 3px 3px 3px rgba(0,0,0,0,3); ) .wpcf7-form .fleft( float: αριστερά; ) .wpcf7-form .mright20( margin-right: 20px; ) .wpcf7-form .mright40( margin-right: 40px; ) .wpcf7-form: .clear και τα δυο; )

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

Δημιουργία και εμφάνιση φορμών επικοινωνίας

Δημιουργία φορμών στον διαχειριστή

Μετά την εγκατάσταση του πρόσθετου, θα εμφανιστεί το στοιχείο μενού "Φόρμα Επικοινωνίας 7", μέσω του οποίου μπορείτε να δημιουργήσετε και να διαγράψετε φόρμες.

Η φόρμα στην εικόνα δημιουργήθηκε αυτόματα όταν ενεργοποιήθηκε το πρόσθετο.

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

Μπροστινό μέρος του ιστότοπου

Τώρα ας αποθηκεύσουμε το άρθρο και ας δούμε πώς μοιάζει η φόρμα μας (χρησιμοποιώντας το θέμα Twenty Sixteen):

Η εικόνα δείχνει το έντυπο μετά την απεσταλμένη επιστολή (αυτό υποδεικνύεται από την ειδοποίηση στο κάτω μέρος της φόρμας).

Προσαρμογή φόρμας (δημιουργία πολύπλοκων φορμών)

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

Στο επάνω πεδίο - το όνομα της φόρμας (είναι ορατό μόνο στον πίνακα διαχείρισης), υποδείξτε ένα όνομα που είναι σαφές για εσάς, για παράδειγμα: "Σχόλια σχετικά με τον ιστότοπο", "Φόρμα αίτησης εργασίας", "Φόρμα ανατροφοδότηση" και τα λοιπά.

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

Και παρακάτω είναι τέσσερις καρτέλες:

  1. Πρότυπο φόρμας
  2. Γράμμα
  3. Επιπρόσθετες ρυθμίσεις

Ας εξετάσουμε κάθε καρτέλα ξεχωριστά.

Πρότυπο φόρμας

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

Διάταξη φόρμας

Για διάταξη, μπορείτε να χρησιμοποιήσετε ετικέτες html και συντομότερους κωδικούς πρόσθετων. Οι σύντομοι κωδικοί προσθέτουν πεδία φόρμας και οι ετικέτες html σάς επιτρέπουν να δημιουργήσετε μια αυθαίρετη δομή HTML. Για παράδειγμα, η προεπιλεγμένη φόρμα μας μοιάζει με αυτό:

Και όταν εμφανίζεται σε μια ανάρτηση, θα μετατραπεί σε αυτό το HTML:

Σύνταξη σύντομου κώδικα

Ας κάνουμε κλικ στο κουμπί "Κείμενο". Ανοίγει ένα παράθυρο όπου μπορούμε να καθορίσουμε χαρακτηριστικά για το πεδίο κειμένου. Καθορίστε και κάντε κλικ στο "Εισαγωγή ετικέτας".

Η ετικέτα αργότερα θα μετατραπεί σε πεδίο κειμένου με κώδικα html:

Οι σύντομοι κώδικες μπορούν να δημιουργηθούν εύκολα χρησιμοποιώντας τον κατασκευαστή σύντομων κωδικών.

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

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

Με τον σχεδιαστή, θα το καταλάβετε μόνοι σας.

Και εδώ θα αναλύσουμε τη σύνταξη του σύντομου κώδικα.


Για παράδειγμα, εξετάστε μια ετικέτα πεδίου κειμένου με πρόσθετες επιλογές:

Κείμενο (απαιτείται)Τύπος πεδίου: κείμενο, επιλογή, κωδικός πρόσβασης, αριθμός κ.λπ. (στην περίπτωση αυτή, ένα πεδίο κειμένου). Καθορίζει σε ποιο στοιχείο φόρμας θα μετατραπεί η ετικέτα μας, που σημαίνει τι είδους δεδομένα θα δέχεται. * Ο αστερίσκος καθιστά το πεδίο υποχρεωτικό (η φόρμα δεν θα υποβληθεί και θα εμφανιστεί μια ειδοποίηση ότι το πεδίο πρέπει να συμπληρωθεί). Όνομα Πελάτη (απαιτείται)Το όνομα του πεδίου χρησιμοποιείται ως χαρακτηριστικό όνομα στην είσοδο, και χρησιμοποιείται επίσης κατά τη διαμόρφωση του προτύπου της απεσταλμένης επιστολής. id:my-id Το χαρακτηριστικό id στην είσοδο με την τιμή my-id. Χρησιμοποιείται για διακόσμηση. τάξη: η τάξη μου χαρακτηριστικό κλάσηςσε είσοδο με τιμή my-class. Χρησιμοποιείται για διακόσμηση. σύμβολο κράτησης θέσης "(!LANG: Εισαγάγετε ένα όνομα" Использовать текст "Введите имя" как placeholder. !}

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

Τύποι πεδίων

  • Πεδία κειμένου: κείμενο , email , τηλ , url , textarea
  • Αριθμητικά πεδία: αριθμός , εύρος
  • Πεδία ημερομηνίας: ημερομηνία
  • Πλαίσια ελέγχου, ραδιόφωνα, λίστες: πλαίσιο ελέγχου , ραδιόφωνο , επιλέξτε
  • Πεδίο αποστολής αρχείου: αρχείο
  • CAPTCHA: captchac και captchar
  • Δημοσκοπήσεις: κουίζ
  • Πεδίο "Αποδοχή": αποδοχή
  • Κουμπί υποβολής: υποβολή
  • Προσαρμοσμένος τύπος πεδίου

Πρότυπο επιστολής

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

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

Κεφαλίδες email:

    Σε ποιον - πλαίσιο ηλεκτρονικού ταχυδρομείουόπου θα σταλεί το email. Μπορείτε να καθορίσετε όσα πλαίσια θέλετε χωρισμένα με κόμματα.

    Από - όνομα και e-mail, από τον οποίο προήλθε η επιστολή. Συνήθως η αλληλογραφία του διακομιστή υποδεικνύεται εδώ (για παράδειγμα [email προστατευμένο]).

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

    Θέμα - Ο τίτλος του email. Θα είναι σαφές από ποια φόρμα στάλθηκαν τα δεδομένα. Για παράδειγμα, το θέμα της επιστολής είναι "Σφάλμα στον ιστότοπο", "Παραγγελία επανάκλησης" και ούτω καθεξής. Επιλέξτε έναν τίτλο για να διευκολύνετε την εργασία με τα ληφθέντα γράμματα.

  • Πρόσθετες κεφαλίδες - Απάντηση σε: γράφεται εδώ από προεπιλογή. Η κεφαλίδα Απάντηση σε μας λέει ότι αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου μπορεί να απαντηθεί κάνοντας κλικ στο κουμπί "Απάντηση" στο πρόγραμμα αλληλογραφίας, και η ετικέτα φόρμας είναι το όνομα του πεδίου από το πρότυπο. Το μήνυμα ηλεκτρονικού ταχυδρομείου που καθορίζεται από τον χρήστη θα εισαχθεί αντί αυτής της ετικέτας. Λαμβάνετε κάτι σαν Απάντηση σε: [email προστατευμένο].
Σώμα επιστολής

Αυτό είναι το επόμενο σημαντικό μέρος αυτής της καρτέλας. Ιδού το κείμενο της επιστολής. Στο κείμενο, χρησιμοποιούμε όλες τις ίδιες ετικέτες φόρμας (ονόματα πεδίων από το πρότυπο φόρμας).

Ας αναλύσουμε το προεπιλεγμένο γράμμα:

Από:<>Θέμα: Μήνυμα: -- Στάλθηκε από τον ιστότοπο Exploring the Contact Form 7 Plugin (http://test-wp.ru)

Είχαμε 4 πεδία που συμπλήρωσε ο χρήστης. Μετά την αποστολή του email, οι ετικέτες θα μετατραπούν σε τιμές και θα λάβουμε ένα email όπως αυτό:

Από: Ντμίτρι Θέμα: Ερώτηση σχετικά με τη Φόρμα Επικοινωνίας 7 Μήνυμα: Γεια σας! Έχω μια ερώτηση σχετικά με την προσθήκη Φόρμας Επικοινωνίας 7. Πώς μπορώ να τη ρυθμίσω; -- Στάλθηκε από τον ιστότοπο Exploring Contact Form 7 Plugin (http://test-wp.ru)

Προαιρετικά πεδία στο σώμα του email

Εάν ο χρήστης δεν συμπληρώσει το πεδίο, αλλά χρησιμοποιείται στο σώμα του γράμματος, τότε το σώμα του γράμματος θα είναι ελλιπές. Για παράδειγμα, το σώμα λέει Man from the city, αλλά ο χρήστης δεν συμπλήρωσε το πεδίο, πράγμα που σημαίνει ότι στο γράμμα θα λάβουμε Man from the city... Μια τέτοια γραμμή στο γράμμα είναι περιττή. Για να αφαιρέσετε αυτήν τη γραμμή από το μήνυμα ηλεκτρονικού ταχυδρομείου, επιλέξτε το πλαίσιο "Εξαίρεση εξόδου γραμμών με κενές ετικέτες μηνυμάτων". Σημειώστε ότι αυτό θα λειτουργήσει μόνο όταν το κείμενο του πεδίου και ο σύντομος κώδικας βρίσκονται στην ίδια γραμμή.

Επιλογή "Χρήση μορφής HTML του γράμματος". Σας επιτρέπει να χρησιμοποιείτε ετικέτες HTML στο σώμα του μηνύματος ηλεκτρονικού ταχυδρομείου. Σε αυτήν την περίπτωση, μπορείτε να χρησιμοποιήσετε μια περιορισμένη λίστα Ετικέτες HTMLγιατί όχι όλα πελάτες αλληλογραφίαςή υπηρεσίες μπορούν να χειριστούν σωστά τη σήμανση σύνθετης HTML. Μπορείτε να χρησιμοποιήσετε: πίνακες, λίστες με κουκκίδες, τόλμη, παράγραφοι και ούτω καθεξής. Αναζητήστε στον Ιστό για περισσότερες λεπτομέρειες.

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

Ειδοποιήσεις υποβολής εντύπων

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

Οι ετικέτες προτύπων γραμμάτων δεν λειτουργούν σε αυτά τα πεδία.

Επιπρόσθετες ρυθμίσεις

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

Θα μιλήσω για τη χρήση αυτής της λειτουργικότητας σε ξεχωριστό άρθρο.

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

Πώς λειτουργεί το Πρόσθετο Φόρμας Επικοινωνίας 7

Αυτή η φόρμα βρίσκεται σε οποιαδήποτε σελίδα του ιστότοπού σας (απλώς πρέπει να αντιγράψετε τη γραμμή και να την επικολλήσετε Σωστό μέρος). Ο επισκέπτης του ιστότοπου συμπληρώνει τα απαιτούμενα πεδία (για παράδειγμα, το όνομά του, το e-mail, το μήνυμά του) και την προσθήκη μέσω ενός γραμματοκιβωτίου (ας το ονομάσουμε "αποστολέας") στέλνει ένα γράμμα σε άλλο γραμματοκιβώτιο ( "παραλήπτης").

Αυτό είναι, πρέπει να καταχωρήσετε 2 γραμματοκιβώτια - αποστολέα και παραλήπτη. Είναι καλύτερο να δημιουργήσετε τον αποστολέα στο Yandex mail και ο παραλήπτης είναι το επίσημο γραμματοκιβώτιο του ιστότοπού σας.

Εδώ και αρκετό καιρό, η προσθήκη Φόρμας Επικοινωνίας 7 έχει σταματήσει να λειτουργεί - δεν έστελνε γράμματα, αλλά απλώς διέστρεψε τη λήψη. Βρήκα μια λύση - εγκατέστησα μια άλλη δωρεάν προσθήκη WPForms Lite. Είναι πολύ εύκολο στη ρύθμιση, δεν απαιτεί εγκατάσταση πρόσθετων πρόσθετων για τη διαμόρφωση της αποστολής μηνυμάτων, αλλά παρατήρησα ότι δεν λειτουργεί με κάθε email. Από τη μία δεν έλαβα επιστολές, αλλά στην άλλη στέλνονται.

Ρύθμιση της προσθήκης Φόρμας Επικοινωνίας 7. Οδηγίες

1) Καταχωρούμε το πλαίσιο αποστολέα στην αλληλογραφία Yandex (οποιοδήποτε, ανεξάρτητα από το τι, το όνομά του δεν είναι σημαντικό για τη λειτουργία της προσθήκης και δεν θα είναι ορατό στους επισκέπτες). Θα χρησιμεύσει ως σημείο μεταφόρτωσης επιστολών.

2) Ρύθμιση της φόρμας επικοινωνίας της προσθήκης Φόρμας Επικοινωνίας 7. Κάντε κλικ "Αλλαγή"και πέρα "Πρότυπο φόρμας". Ακολουθεί ένα παράδειγμα για το πώς θα πρέπει να μοιάζει με τα απαιτούμενα πεδία: όνομα χρήστη, email, μήνυμα και κουμπί υποβολής:

Το όνομά σας (απαιτείται)

Το email σας (απαιτείται)

Μήνυμα

3) Αυτί "Γράμμα"είναι υπεύθυνος για την εμφάνιση των επιστολών που λαμβάνετε.

Σε ποιον- διεύθυνση γραμματοκιβωτίου του παραλήπτη

Από ποιόν – <адрес ящика отправитель>

Θέμα

Σώμα επιστολής

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

Προσοχή! Προκειμένου η προσθήκη Φόρμας Επικοινωνίας 7 να στέλνει μηνύματα ηλεκτρονικού ταχυδρομείου, πρέπει να εγκαταστήσετε μια άλλη προσθήκη WP-Mail-SMTP. Είναι αυτός που θα συνδέσει τις δύο διευθύνσεις αλληλογραφίας του αποστολέα και του παραλήπτη και θα εκτελέσει λειτουργίες συστήματος για την αποστολή επιστολών.

Ρύθμιση της προσθήκης WP-Mail-SMTP. Εντολή

Από Email- διεύθυνση γραμματοκιβωτίου του αποστολέα

Από όνομα– για παράδειγμα, το όνομα του οργανισμού σας ή το όνομά σας

ταχυδρόμος- η λειτουργία της αποστολής επιστολών. Επιλέξτε "Αποστολή όλων των μηνυμάτων ηλεκτρονικού ταχυδρομείου WordPress μέσω SMTP"

Κεντρικός υπολογιστής SMTP- για την αλληλογραφία Yandex smtp.yandex.ru

Θύρα SMTP- για Yandex mail 465

Κρυπτογράφηση– Χρησιμοποιήστε κρυπτογράφηση SSL

Αυθεντικοποίηση– Ναι: Χρησιμοποιήστε έλεγχο ταυτότητας SMTP

όνομα χρήστη– συνδεθείτε στον αποστολέα της αλληλογραφίας σας

Κωδικός πρόσβασης- κωδικός πρόσβασης στον αποστολέα αλληλογραφίας σας

Η ρύθμιση ολοκληρώθηκε. Αποθηκεύστε τις αλλαγές σας.

Πώς να τοποθετήσετε μια Φόρμα Επικοινωνίας 7 σε μια σελίδα

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

Πρέπει να αντιγραφεί και να επικολληθεί σε οποιαδήποτε σελίδα. Όλα είναι έτοιμα.

Δεν δημιουργεί δυσκολίες, ειδικά σύμφωνα με τις οδηγίες μου. Όλα λειτουργούν καλά και στέλνονται email. Σας προτείνω επίσης να διαβάσετε το άρθρο για το καλύτερο για WordPress. Εκεί θα βρείτε πολλά ενδιαφέροντα πράγματα.

Καλησπέρα αγαπητοί αναγνώστες του ιστολογίου. Συνεχίζουμε το θέμα των φορμών σχολίων στο WordPress. Και επειδή μιλάμε για αυτά, προτείνω σήμερα να μιλήσουμε για το πρόσθετο WP Contact Form 7. Στη συνέχεια, θα σας πω τη ρύθμιση της προσθήκης βήμα προς βήμα και θα περιγράψω επίσης εν συντομία τα πρόσθετα για αυτό το πρόσθετο.

Πλοήγηση σελίδας:

Περιγραφή της Φόρμας Επικοινωνίας του WordPress 7

2) Ενεργοποιήστε την προσθήκη Φόρμας Επικοινωνίας 7 στον διαχειριστή του WordPress.

3) Μεταβείτε στην καρτέλα που δημιουργήθηκε πρόσφατα όπως φαίνεται στην εικόνα:

4) Κάντε κλικ στην καρτέλα "Προσθήκη νέου" και καθορίστε την προεπιλεγμένη γλώσσα φόρμας ή επιλέξτε την επιθυμητή

5) Καθορίστε το όνομα της φόρμας επικοινωνίας και κάντε κλικ στην αποθήκευση.

6) Τώρα έχουμε έναν σύντομο κωδικό που μπορεί ήδη να αντιγραφεί και να επικολληθεί σε μια ανάρτηση ή πλαϊνή γραμμή για να εμφανιστεί η φόρμα - contact-form-7 id="1252" title="(!LANG:Form number 1" (надо взять в квадратные скобки как на рисунке).!}

7) Έτσι φαίνεται η φόρμα μας:

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

Πώς να εμφανίσετε τη Φόρμα Επικοινωνίας 7 σε αυθαίρετη θέση στο πρότυπο

Στην παράγραφο 6 ρύθμιση βήμα προς βήμαΣας έδειξα πώς μπορείτε να πάρετε τον σύντομο κώδικα του CF7 και περιέγραψα περαιτέρω ότι αυτός ο κωδικός μπορεί να εμφανιστεί σε ένα widget ή σε μια ανάρτηση, σελίδα. Επιπλέον, θέλω να πω ότι μπορείτε να εμφανίσετε τη φόρμα επικοινωνίας 7 οπουδήποτε στο πρότυπο. Για να το κάνετε αυτό, εισαγάγετε τον ακόλουθο απλό κώδικα:

Αυτό είναι όλο, εάν κάνατε τα πάντα σωστά, θα λάβετε την έξοδο της Φόρμας Επικοινωνίας 7 σε μια αυθαίρετη θέση στο πρότυπο WordPress.

Προσαρμογή της Φόρμας Επικοινωνίας 7 Πεδία εισαγωγής

Χάρη σε αυτόν, θα έχετε επιπλέον κουτιά όπως:

Διαμόρφωση απάντησης σε απάντηση για τη φόρμα επικοινωνίας 7

ΣΤΟ νέα έκδοση plugin CF7 4.4 και νεότερη έκδοση, ο προγραμματιστής συνιστά την εισαγωγή στο πεδίο από (εδώ είναι στο παρακάτω δέρμα)

τη σωστή διεύθυνση που ταιριάζει με τον τομέα σας. Φαίνεται από το δέρμα και αυτή η σύσταση δημιουργεί πρόβλημα:

Πώς να απαντήσετε στον χρήστη από το ταχυδρομείο;

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

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

Να απαντήσουν σε:

Φυσικά, το your-email-sh πρέπει να αντικατασταθεί με τον σύντομο κωδικό αλληλογραφίας σας. Δείτε το δέρμα παρακάτω:


Τώρα, όταν λαμβάνετε μια επιστολή σχολίων WordPress, μπορείτε να κάνετε κλικ στο ταχυδρομείο για να απαντήσετε και η απάντησή σας θα σταλεί στο σωστό e-mail.

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

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

Αυτό το υλικό θα περιγράφει λεπτομερώς τη διαμόρφωση της Φόρμας Επικοινωνίας 7 - ένα πρόσθετο για μια τόσο δημοφιλή πλατφόρμα για τη δημιουργία και την προώθηση ιστότοπων στον Παγκόσμιο Ιστό όπως το WordPress. Αυτό το εργαλείο λογισμικού σάς επιτρέπει να δημιουργείτε και να διαμορφώνετε φόρμες επικοινωνίας.

Λίγα λόγια για το WordPress

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

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

Τα πλεονεκτήματα αυτού πλατφόρμα λογισμικούτέτοιος:

    Απλότητα και διαφάνεια των πηγαίων κωδίκων.

    Ένας εντυπωσιακός όγκος πληροφοριών παρασκηνίου.

    Η δυνατότητα ανάπτυξης οποιουδήποτε θεματικού πόρου στο Διαδίκτυο στο συντομότερο δυνατό χρόνο.

    Υψηλή απόδοση χωρίς πρόσθετα πρόσθετα λογισμικού (plug-ins).

Τα μειονεκτήματα όμως σε αυτή την περίπτωση είναι τα εξής:

    Οι ιστότοποι που δημιουργούνται με βάση το "Wordpress" δεν θα αντιμετωπίσουν μεγάλο φορτίο.

    Υπάρχει μείωση στην απόδοση του πόρου του Διαδικτύου κατά την εγκατάσταση πρόσθετων μίνι προγραμμάτων ή, όπως ονομάζονται επίσης, πρόσθετα.

και γιατί χρειάζονται ιστότοπους που βασίζονται στην πλατφόρμα WordPress

Η βασική λειτουργικότητα ενός συστήματος διαχείρισης περιεχομένου όπως το WordPress είναι πολύ μέτρια. Αρκεί μόνο να αναπτύξετε τα πιο βασικά ιστολόγια και ιστοσελίδες. Προκειμένου να βελτιωθεί με κάποιο τρόπο η κατάσταση με τη λειτουργικότητα της πλατφόρμας λογισμικού και να προστεθεί ευελιξία σε αυτήν, οι προγραμματιστές πρέπει να εγκαταστήσουν ειδικά μίνι προγράμματα, τα οποία ονομάζονται plug-ins στην επαγγελματική ορολογία. Ένα από αυτά είναι η Φόρμα Επικοινωνίας 7. Η ρύθμιση της προσθήκης επιτρέπει τη δημιουργία μιας φόρμας σχολίων με εκτεταμένο επίπεδο λειτουργικότητας σε μια συγκεκριμένη σελίδα του συστήματος διαχείρισης περιεχομένου.

Ειδίκευση «Φόρμες επικοινωνίας 7»

Όπως αναφέρθηκε προηγουμένως, η δημιουργία σχολίων μεταξύ του επισκέπτη και του διαχειριστή ενός πόρου Διαδικτύου που βασίζεται στην πλατφόρμα Wordpress είναι το κύριο καθήκον της Φόρμας Επικοινωνίας 7. Η ρύθμιση αλληλογραφίας, η επεξεργασία ενός προτύπου, η αποστολή διαφόρων αρχείων απέχει πολύ από την πλήρη λίστα δυνατοτήτων ότι αυτό το μίνι πρόγραμμα. Ταυτόχρονα, ο φόρτος στους πόρους υλικού του ιστότοπου θα είναι σχετικά μικρός και η παρουσία του δεν θα οδηγήσει σε σημαντική μείωση της απόδοσης του ιστότοπου ή του ιστολογίου.

Σειρά εγκατάστασης plugin

Υπάρχουν τρεις τρόποι εγκατάστασης προσθηκών στην πλατφόρμα WordPress:

    Κατεβάζοντας ένα αρχείο ZIP από τον παγκόσμιο ιστό και «ανεβάζοντάς» το στον αντίστοιχο κατάλογο του πόρου του Διαδικτύου.

    Χρήση διαφόρων ειδών πελατών FTP.

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

    Μεταβείτε στον πίνακα διαχείρισης του WordPress.

    Στη συνέχεια, πρέπει να μεταβείτε στην ενότητα "Προσθήκες".

    Στο παράθυρο που ανοίγει, επιλέξτε «Προσθήκη νέου».

    Στη γραμμή αναζήτησης, πληκτρολογήστε το όνομα της προσθήκης - Φόρμα Επικοινωνίας 7 - και, στη συνέχεια, μετακινήστε το δείκτη του ποντικιού πάνω από το κουμπί "Αναζήτηση" και κάντε ένα μόνο κλικ. Μετά από αυτό, θα ξεκινήσει η λειτουργία αναζήτησης. λογισμικό.

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

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

    Το επόμενο βήμα είναι να ενεργοποιήσετε το εγκατεστημένο λογισμικό. Για να το κάνετε αυτό, μεταβείτε στην καρτέλα "Προσθήκες" και βρείτε τη Φόρμα Επικοινωνίας7 στη λίστα. Δίπλα είναι η επιγραφή: "Ενεργοποίηση" και κάντε κλικ σε αυτό μία φορά με το ποντίκι.

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

    Αλγόριθμος για τη ρύθμιση "Φόρμες επικοινωνίας 7"

    Η ρύθμιση της Φόρμας Επικοινωνίας 7 αποτελείται από τα ακόλουθα στοιχεία:

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

      Στο επόμενο στάδιο, επιλέξτε τη γλώσσα της φόρμας και ορίστε το όνομά της.

      Στη συνέχεια, εάν είναι απαραίτητο, διαμορφώστε ξανά το πρότυπό του.

      Αποθηκεύουμε τις αλλαγές που έγιναν.

      Δημιουργούμε μια νέα σελίδα με τον κώδικα που λάβαμε νωρίτερα.

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

    Δημιουργία νέας φόρμας

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

      Μεταβείτε στο μενού αυτής της προσθήκης και επιλέξτε το στοιχείο "Φόρμες".

      Στο παράθυρο που ανοίγει μετά από αυτό, πρέπει να επιλέξετε το πλαίσιο δίπλα στο στοιχείο "Φόρμα επικοινωνίας1".

      Στη συνέχεια, πάνω από αυτό, στην αναπτυσσόμενη λίστα "Ενέργειες", επιλέξτε το στοιχείο "Διαγραφή".

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

      Στο επόμενο, επιλέξτε το στοιχείο μενού: "Δημιουργία νέου" στον πίνακα διαχείρισης "Wordpress" "Φόρμα Επικοινωνίας7".

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

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

    Ορίστε το όνομα της φόρμας

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

    Επεξεργασία του προτύπου "Φόρμες επικοινωνίας 7"

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

      Το μέρος όπου πληκτρολογείται το όνομα του επισκέπτη του πόρου Διαδικτύου.

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

      Ένα άλλο πεδίο σάς επιτρέπει να πληκτρολογήσετε το θέμα της ερώτησης.

      Το τελευταίο προεπιλεγμένο στοιχείο φόρμας είναι ένα κουμπί με την ένδειξη Υποβολή.

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

    Ρύθμιση μήκους γηπέδων και πολλά άλλα

    Στο ίδιο σημείο, μπορείτε να αλλάξετε την εισαγωγή στη Φόρμα Επικοινωνίας 7. Η προσαρμογή του πλάτους οποιουδήποτε πεδίου κειμένου γίνεται ως εξής:

      Για παράδειγμα, πρέπει να αυξήσετε τον αριθμό των χαρακτήρων στο όνομα ενός επισκέπτη πόρου Διαδικτύου σε 55. Υπάρχουν 40 από προεπιλογή.

      Για να το κάνετε αυτό, προσθέστε τους αριθμούς 60/55 στον κωδικό στο τέλος. Το αποτέλεσμα θα είναι ένας κωδικός. Μετά την αποθήκευση των αλλαγών, το μήκος αυτού του πεδίου θα είναι ίσο με 60 και μέγιστο ποσόχαρακτήρες που μπορούν να πληκτρολογηθούν σε αυτό - 55.

      Ομοίως, μπορείτε να αλλάξετε το μέγεθος του πλαισίου κειμένου του μηνύματος. Μόνο σε αυτήν την περίπτωση είναι απαραίτητο να αλλάξετε τον κωδικό αυτού του στοιχείου ως εξής. Σε αυτήν την περίπτωση, 40 είναι ο αριθμός των γραμμάτων σε μία γραμμή και 30 είναι ο συνολικός αριθμός όρων σε αυτό το στοιχείο διεπαφής στη Φόρμα Επικοινωνίας 7. Η εμφάνιση της ίδιας της φόρμας διαμορφώνεται με ακρίβεια επιλέγοντας τις τιμές παραμέτρων για κάθε άτομο στοιχείο. Επομένως, συνιστάται να υποδεικνύονται οι συγκεκριμένες τιμές κάθε παραμέτρου που δίνονται σε αυτήν την ενότητα στον κωδικό κάθε στοιχείου.

      Άλλες καρτέλες φόρμας

      Όπως σημειώθηκε, η πρώτη καρτέλα ονομάζεται Πρότυπο φόρμας. Το επόμενο σε αυτό το παράθυρο είναι "Γράμμα". Ορίζει τις παραμέτρους του τόπου στο οποίο θα σταλεί αλληλογραφία από αυτόν τον πόρο Διαδικτύου. Στην καρτέλα «Ειδοποίηση» σχηματίζεται το κείμενο του μηνύματος, το οποίο θα εμφανίζεται σε περίπτωση επιτυχούς αποστολής της επιστολής. Υπάρχει επίσης η ευκαιρία να προετοιμάσετε ένα μήνυμα σε περίπτωση που δεν μπορείτε να επικοινωνήσετε με τον διαχειριστή του ιστότοπου χρησιμοποιώντας τα εργαλεία. Τελευταία καρτέλαστη Φόρμα Επικοινωνίας 7 - "Πρόσθετες ρυθμίσεις". Περιέχει εκείνες τις παραμέτρους που χρησιμοποιούνται πολύ, πολύ σπάνια στην πράξη. Για παράδειγμα, μπορείτε να το χρησιμοποιήσετε για να ρυθμίσετε την παρακολούθηση του κειμένου που εισάγει ο χρήστης χρησιμοποιώντας το Yandex - metrics.

      Πεδία που μπορούν να προστεθούν με αυτήν την προσθήκη σε αυτήν τη φόρμα

      Η προσαρμογή της Φόρμας Επικοινωνίας 7 για Wordpress σάς επιτρέπει να προσθέσετε τα ακόλουθα στοιχεία διεπαφής στη φόρμα σχολίων:

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

        E-Mail - μέρος για να εισαγάγετε το όνομα του ηλεκτρονικού γραμματοκιβωτίου.

        URL - ένα πεδίο για την πληκτρολόγηση της διεύθυνσης μιας ιστοσελίδας.

        Αριθμός τηλεφώνου - σας επιτρέπει να εισαγάγετε έναν αριθμό τηλεφώνου σε διεθνή μορφή.

        Το στοιχείο "Number (spinbox)" σάς επιτρέπει να δημιουργήσετε ένα πεδίο εισαγωγής οποιασδήποτε ακέραιας τιμής (για παράδειγμα, την ηλικία του επισκέπτη).

        Το στοιχείο "Number (Slider)" προσθέτει ένα ρυθμιστικό στη φόρμα, με το οποίο μπορείτε να επιλέξετε μια αριθμητική τιμή από ένα καθορισμένο εύρος.

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

        Με τη σειρά του, το στοιχείο του αναπτυσσόμενου μενού "Πεδίο κειμένου" προορίζεται για την πληκτρολόγηση του τμήματος κειμένου ενός email.

        Το επόμενο στοιχείο - "Αναπτυσσόμενο μενού" - σας επιτρέπει να επιλέξετε την απαιτούμενη παράμετρο από μια σταθερή λίστα.

        Αλλά τα "CheckBoxs" έχουν σχεδιαστεί για να επιλέγουν μία ή περισσότερες τιμές από μια δεδομένη λίστα.

        Το στοιχείο διεπαφής "Κουμπιά ραδιοφώνου" είναι σχεδόν πανομοιότυπο με το προηγούμενο. Η μόνη διαφορά είναι ότι σε αυτή την περίπτωση μπορείτε να επιλέξετε μόνο ένα σωστή επιλογή, ενώ τα "CheckBox" μπορούν να έχουν πολλαπλές έγκυρες τιμές.

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

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

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

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

        Το τελευταίο στοιχείο - "Κουμπί υποβολής" - σας επιτρέπει να προσθέσετε το αντίστοιχο στοιχείο διεπαφής.

      Αποθηκεύστε τις αλλαγές

      Αφού οριστούν οι απαραίτητες τιμές και η φόρμα έχει ρυθμιστεί σωστά, πρέπει να τα αποθηκεύσετε όλα αυτά. Για να γίνει αυτό, στο παράθυρο επεξεργασίας πρόσθετων, ανεβαίνουμε στο επάνω μέρος του. Θα πρέπει να υπάρχει ένα κουμπί Αποθήκευση εδώ. Μετακινήστε τον δείκτη του χειριστή σε αυτό και κάντε ένα μόνο κλικ πάνω του. Σε απάντηση, θα εμφανιστεί ο κωδικός της φόρμας, τον οποίο επιλέγουμε χρησιμοποιώντας τον ίδιο δείκτη του ποντικιού και αντιγράφουμε. Στη συνέχεια, μεταβείτε στον πίνακα διαχείρισης του συστήματος διαχείρισης περιεχομένου στο στοιχείο "Σελίδες". Στη συνέχεια, δημιουργούμε μια νέα σελίδα με το απαραίτητο όνομα (για παράδειγμα, "feedback", "Contacts" ή "Ask a question to the resource administrator"). Στη συνέχεια, μεταφράζουμε τον δρομέα κλήσης στο πεδίο εισαγωγής για τον κωδικό του. Σε αυτήν την περίπτωση, είναι απαραίτητο να αλλάξετε τη λειτουργία κλήσης κωδικού σε "Κείμενο" στον πίνακα επιλογών. Μετά από αυτό, επικολλήστε τον κωδικό φόρμας που λάβατε προηγουμένως. Στη συνέχεια, στη δεξιά πλευρά της διεπαφής, βρίσκουμε το κουμπί "Δημοσίευση" και το τοποθετούμε πάνω του με το ποντίκι. Στο επόμενο στάδιο, κάνουμε ένα μόνο κλικ με το αριστερό κουμπί του ποντικιού σε αυτό το στοιχείο της διεπαφής του συστήματος διαχείρισης περιεχομένου.

      Έλεγχος του αποτελέσματος

      Μετά την εκτέλεση των χειρισμών που αναφέρθηκαν προηγουμένως, θα πρέπει να προστεθεί η διεπαφή του πόρου Διαδικτύου ΝΕΑ ΣΕΛΙΔΑ, στο οποίο θα εμφανίζονται τα στοιχεία που καθορίζονται στη Φόρμα Επικοινωνίας 7. Η ρύθμιση της διεπαφής, κατ' αρχήν, έχει τελειώσει. Είναι απαραίτητο μόνο να ελέγξετε τις σωστές ρυθμίσεις λογισμικού. Για αυτό πρέπει να πάτε στο αρχική σελίδαιστοσελίδα, ιστολόγιο ή πύλη. Στη συνέχεια, στη λίστα των σελίδων βρίσκουμε αυτή στην οποία τοποθετήθηκε η φόρμα σχολίων. Πηγαίνουμε σε αυτό, εισάγουμε τις σωστές παραμέτρους σε όλα τα πεδία ταυτόχρονα και στέλνουμε μια δοκιμαστική επιστολή στην αλληλογραφία μας. Σε απάντηση, θα πρέπει να λάβετε ένα ενημερωτικό μήνυμα σχετικά με την επιτυχή ολοκλήρωση αυτής της λειτουργίας. Στη συνέχεια με άδεια πεδίαπροσπαθεί να στείλει άλλο email. Μετά από αυτό, θα πρέπει να εμφανιστεί ένα μήνυμα που δηλώνει ότι πρέπει να ορίσετε όλες τις παραμέτρους της επιλεγμένης φόρμας. Εάν και στις δύο περιπτώσεις ελήφθησαν τα αποτελέσματα που αναφέρθηκαν προηγουμένως, τότε η φόρμα ανατροφοδότησης που δημιουργήθηκε λειτουργεί σωστά.

      Πλεονεκτήματα και μειονεκτήματα του plugin. Εναλλακτικές

      Μια εξαιρετική λύση για έναν αρχάριο προγραμματιστή να δημιουργήσει μια φόρμα σχολίων είναι το μίνι πρόγραμμα Φόρμα Επικοινωνίας 7. Η ρύθμιση της αποστολής αλληλογραφίας, η δημιουργία στοιχείων διεπαφής και άλλων σημαντικών στοιχείων διεπαφής σε αυτήν την περίπτωση είναι κυρίως αυτοματοποιημένη και απαιτεί ελάχιστες γνώσεις χρήστη. Επομένως, για έναν απλό πόρο Διαδικτύου επίπεδο εισόδουκαι με έναν αρχάριο διαχειριστή - αυτή είναι μια εξαιρετική λύση. Αλλά τελικά, κάθε πρόσθετο είναι ένα πρόσθετο φορτίο στους πόρους της ιστοσελίδας, το οποίο μειώνει την απόδοση. Ως αποτέλεσμα, οι πιο προχωρημένοι χρήστες συνιστούν να απομακρυνθούν από τέτοια εύκολος τρόποςδημιουργήστε μια φόρμα σχολίων. Μπορείτε επίσης να το δημιουργήσετε μόνοι σας με χρησιμοποιώντας HTML, CSS και JS, αν και με λιγότερη λειτουργικότητα. Αυτό θα μειώσει την ανάγκη για υπολογιστικούς πόρους του ιστότοπου και θα αυξήσει σημαντικά το επίπεδο απόδοσης.

      Αποτελέσματα

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