Πώς να χρησιμοποιήσετε μπλοκ κώδικα στο WordPress

WordPress είναι ένα ισχυρό Σύστημα Διαχείρισης Περιεχομένου που τροφοδοτεί περισσότερους από τους μισούς ιστότοπους στο διαδίκτυο. Το ενσωματωμένο CRM διευκολύνει τη δημιουργία ενός ιστότοπου ακόμα κι αν δεν έχετε γράψει ποτέ ένα πρόγραμμα υπολογιστή στο παρελθόν. Ενώ είναι τόσο εύκολο να εμφανίσετε ένα μπλοκ κανονικού κειμένου σε έναν ιστότοπο WordPress, δεν μπορούμε να πούμε το ίδιο για τον κώδικα υπολογιστή. Ένα κομμάτι κώδικα πρέπει να εμφανίζεται επαρκώς για να το αναλύσουν και να το κατανοήσουν οι θεατές. Και εκεί μπαίνουν τα μπλοκ κώδικα WordPress.

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

Πώς να χρησιμοποιήσετε μπλοκ κώδικα στο WordPress

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

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

1. Ανοίξτε την ιστοσελίδα στην οποία θέλετε να προσθέσετε ένα μπλοκ κώδικα κάνοντας κλικ στο κουμπί 'Νέο'.
   
2. Πληκτρολογήστε '/code' και πατήστε 'Enter'.
   
3. Πληκτρολογήστε ή επικολλήστε τον κωδικό που θέλετε να εμφανίζεται και πατήστε το πλήκτρο «Enter».
   
4. Μπορείτε να χρησιμοποιήσετε περαιτέρω τη γραμμή εργαλείων μπλοκ κώδικα για να προσαρμόσετε την εμφάνιση του κώδικα που μόλις γράψατε. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε το κουμπί 'B' για να κάνετε μια γραμμή έντονη γραφή ή το κουμπί 'i' για να την κάνετε πλάγια γραφή.
   
5. Μόλις ολοκληρώσετε τη σύνταξη της ιστοσελίδας σας, κάντε κλικ στο κουμπί 'Προεπισκόπηση' για να δείτε πώς θα μοιάζει το μπλοκ κώδικα σε μια ζωντανή έκδοση.
   
6. Εάν είστε ικανοποιημένοι με τα τελικά αποτελέσματα, πατήστε το κουμπί 'Ενημέρωση' για να δουν και άλλοι το μπλοκ κώδικα.
   

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

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

1. Επισημάνετε το μπλοκ κώδικα του οποίου την τυπογραφία θέλετε να τροποποιήσετε.
   
2. Κάντε κλικ στο εικονίδιο 'Ρυθμίσεις' στην επάνω δεξιά γωνία της οθόνης.
   
3. Στην ενότητα 'Τυπογραφία', καθορίστε την τυπογραφία που προτιμάτε.
   
4. Κάντε κλικ στο κουμπί «Ενημέρωση» για να αποθηκεύσετε τις αλλαγές.
   

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

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

Πώς να διαγράψετε ένα μπλοκ κώδικα στο WordPress

Τα μπλοκ κώδικα δεν είναι μόνιμα και όπως όλα τα άλλα στοιχεία μιας ιστοσελίδας WordPress, μπορείτε να τα διαγράψετε. Δείτε πώς να προχωρήσετε στη διαδικασία:

win + x πρόγραμμα επεξεργασίας μενού

1. Ανοίξτε την ιστοσελίδα ή την ανάρτηση που έχει το μπλοκ κώδικα που θέλετε να διαγράψετε.
   
2. Κάντε κλικ στο μπλοκ κώδικα που θέλετε να διαγράψετε για να το επισημάνετε.
   
3. Στο γραφικό στοιχείο που εμφανίζεται ακριβώς στην κορυφή του μπλοκ κώδικα, κάντε κλικ στις τρεις τελείες.
   
4. Από τις επιλογές, επιλέξτε 'Κατάργηση κώδικα'.
   

Η παραπάνω ενέργεια θα πρέπει να διαγράψει ολόκληρο το μπλοκ κώδικα από την ιστοσελίδα. Εναλλακτικά, μπορείτε απλά να επιλέξετε το μπλοκ και να πατήσετε το πλήκτρο «Διαγραφή». Μπορείτε επίσης να πατήσετε τα πλήκτρα 'Ctrl' + 'Shift' + 'Z' ταυτόχρονα και αυτό θα πρέπει να επιτύχει τα ίδια αποτελέσματα.

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

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

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

Πώς να προσθέσετε ένα μπλοκ κώδικα στον ιστότοπό σας WordPress χρησιμοποιώντας ένα πρόσθετο

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

Αυτό το πρόσθετο έχει ένα πλεονέκτημα έναντι του εγγενούς επεξεργαστή WordPress επειδή:

• Υπογραμμίζει τον αριθμό των γραμμών σε ένα απόσπασμα κώδικα
• Υποστηρίζει πολλές γλώσσες προγραμματισμού
• Επιτρέπει στους θεατές σας να αντιγράψουν και να επικολλήσουν τον εμφανιζόμενο κώδικα

Δείτε πώς μπορείτε να χρησιμοποιήσετε την προσθήκη για να διαχειριστείτε καλύτερα τα αποσπάσματα κώδικα στον ιστότοπό σας:

1. Εγκαταστήστε και ενεργοποιήστε το Το SyntaxHighlighter εξελίχθηκε συνδέω.
   
2. Ανοίξτε τη σελίδα ή αναρτήστε εάν θέλετε να προσθέσετε ένα μπλοκ κώδικα.
   
3. Ενεργοποιήστε την επεξεργασία και κάντε κλικ στο κουμπί συν.
   
4. Αναζητήστε το 'SyntaxHighLighter Evolved' και ανοίξτε το πρώτο αποτέλεσμα που θα εμφανιστεί.
   
5. Επικολλήστε ή γράψτε τον κώδικα στο διαθέσιμο μπλοκ κώδικα.
   
6. Κάντε κλικ στο εικονίδιο ρυθμίσεων στην επάνω δεξιά γωνία της οθόνης και μεταβείτε στην καρτέλα 'Αποκλεισμός'.
   
7. Καθορίστε πώς θέλετε να εμφανίζεται η αρίθμησή σας και ποιες γραμμές κώδικα θέλετε να επισημαίνονται.
   
8. Μπορείτε επίσης να ενεργοποιήσετε την επιλογή 'Κάντε τις διευθύνσεις URL με δυνατότητα κλικ', εάν θέλετε να κάνετε τον κώδικά σας με δυνατότητα κλικ.
   

Για να αλλάξετε το χρώμα και το σχήμα μορφοποίησης του μπλοκ κώδικα, ακολουθήστε τα εξής βήματα:

1. Μεταβείτε στις 'Ρυθμίσεις' και μεταβείτε στην ενότητα 'SyntaxHighlighter'.
   
2. Αλλάξτε το θέμα του μπλοκ σας.
   
3. Πατήστε 'Αποθήκευση' στο 'Προεπισκόπηση' για να δείτε σε προεπισκόπηση πώς θα φαίνονται οι αλλαγές σε ζωντανή λειτουργία.
   

Πρόσθετες συχνές ερωτήσεις

Πώς δημιουργείτε ένα μπλοκ κώδικα έναν σύνδεσμο με δυνατότητα κλικ;

Για να δημιουργήσετε ένα μπλοκ κώδικα έναν σύνδεσμο χρησιμοποιώντας τον επεξεργαστή WordPress, ακολουθήστε τα εξής βήματα:

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

2. Από το αναδυόμενο γραφικό στοιχείο, επιλέξτε το εικονίδιο συνδέσμου. Εναλλακτικά, μπορείτε να πατήσετε τα πλήκτρα 'Ctrl' + 'K' στο πληκτρολόγιό σας.

3. Εισαγάγετε τη διεύθυνση URL στην οποία θέλετε να συνδεθεί ο κώδικας και πατήστε το πλήκτρο 'Enter'.

Μπορώ να επισημάνω τον κώδικα χρησιμοποιώντας το πρόγραμμα επεξεργασίας μπλοκ κώδικα που παρέχει το πρόγραμμα επεξεργασίας WordPress;

Όχι, το μπλοκ κώδικα που παρέχεται από το εγγενές πρόγραμμα επεξεργασίας WordPress δεν επιτρέπει στους χρήστες να αντιγράψουν και να επικολλήσουν τον κώδικα. Για να το κάνετε αυτό, θα χρειαστείτε τη βοήθεια μιας προηγμένης προσθήκης επεξεργασίας μπλοκ κώδικα όπως η προσθήκη 'SyntaxHighligher Evolved'.

Έχει το Elementor δυνατότητα μπλοκ κωδικών;

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

Ανεβάστε τον ιστότοπό σας και λειτουργεί

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

πώς να προσθέσετε ένα φάκελο σε αυτόν τον υπολογιστή windows 10

Έχετε δοκιμάσει να χρησιμοποιήσετε τα μπλοκ κώδικα που παρέχει το WordPress; Τι γίνεται με την προσθήκη SyntaxHighlighter Evolved; Μοιραστείτε μαζί μας την εμπειρία σας στην παρακάτω ενότητα σχολίων.