Αποσπάσματα κώδικα 2025, Ιανουάριος

Απενεργοποίηση αυτόματης μορφοποίησης - CSS-Κόλπα

Απενεργοποίηση αυτόματης μορφοποίησης - CSS-Κόλπα

Προσθήκη στο functions.php αρχείο remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Εντοπίστε Gists και ενσωματώστε τους - CSS-Κόλπα

Εντοπίστε Gists και ενσωματώστε τους - CSS-Κόλπα

Απλώς δημοσιεύστε έναν σύνδεσμο για ένα GitHub Gist και θα ενσωματωθεί όμορφα. Ή χρησιμοποιήστε τη μορφή που παρέχει αυτό το απόσπασμα και δημιουργήστε μόνοι σας τον σύντομο κώδικα. Για το "

Προσαρμογή σελίδας σύνδεσης - CSS-Κόλπα

Προσαρμογή σελίδας σύνδεσης - CSS-Κόλπα

Ξέρετε, αυτό συνήθως στο yoursite.com/wp-login.php. Αυτά είναι πράγματα που θα βάλατε στο αρχείο functions.php του ενεργού θέματος. Αλλαγή του λογότυπου είναι το "

Προσαρμογή σήμανσης σχολίων - CSS-Κόλπα

Προσαρμογή σήμανσης σχολίων - CSS-Κόλπα

Σε ένα τυπικό θέμα WordPress εξάγετε ολόκληρη τη λίστα σχολίων για μια Δημοσίευση / Σελίδα χρησιμοποιώντας τη συνάρτηση wp_list_comments (). Αυτό δεν προσφέρει πολλά από "

Σελίδα σφάλματος προσαρμοσμένης βάσης δεδομένων - CSS-Κόλπα

Σελίδα σφάλματος προσαρμοσμένης βάσης δεδομένων - CSS-Κόλπα

Βάλτε ένα αρχείο με το όνομα "db-error.php" απευθείας μέσα στο / wp-content / folder σας και το WordPress θα το χρησιμοποιήσει αυτόματα όταν υπάρχει σύνδεση βάσης δεδομένων "

Σύντομος κώδικας Bloginfo - CSS-Κόλπα

Σύντομος κώδικας Bloginfo - CSS-Κόλπα

Η λειτουργία bloginfo () στο WordPress σάς παρέχει πρόσβαση σε πολλές χρήσιμες πληροφορίες σχετικά με τον ιστότοπό σας. Δείτε την πλήρη λίστα. Για πρόσβαση σε όλες αυτές τις τιμές "

Επιτρέψτε το SVG μέσω του WordPress Media Uploader - CSS-Κόλπα

Επιτρέψτε το SVG μέσω του WordPress Media Uploader - CSS-Κόλπα

ΣΗΜΕΙΩΣΗ: Από το 4.7.1 αυτό δεν λειτουργεί ακριβώς όπως δημοσιεύθηκε εδώ. Το νήμα σχολίων ξεκινά εδώ. Θα το ενημερώσω μόλις ο καλύτερος τρόπος για να το χειριστώ "

Αλλαγή μεγέθους Avatar - CSS-Κόλπα

Αλλαγή μεγέθους Avatar - CSS-Κόλπα

Η συνάρτηση wp_list_comments έχει μια παράμετρο για να αλλάξει το προεπιλεγμένο μέγεθος (48px) σε οπουδήποτε μεταξύ 0 και 80px. wp_list_comments ('avatar_size = 80'); "

Εφαρμογή προσαρμοσμένου CSS στην περιοχή διαχειριστή - CSS-Κόλπα

Εφαρμογή προσαρμοσμένου CSS στην περιοχή διαχειριστή - CSS-Κόλπα

Προσθήκη στο αρχείο functions.php: add_action ('admin_head', 'my_custom_fonts'); συνάρτηση my_custom_fonts () (echo '';) "

Αυτόματοι σύνδεσμοι κοινωνικών μέσων - CSS-Κόλπα

Αυτόματοι σύνδεσμοι κοινωνικών μέσων - CSS-Κόλπα

Αυτό θα πήγαινε μέσα στο βρόχο, πιθανώς κάτω από το_content (), πιθανώς στο αρχείο single.php. // σελιδοδείκτης στο Delicious "

Βασικά θέματα με σχόλια Στυλ - CSS-Κόλπα

Βασικά θέματα με σχόλια Στυλ - CSS-Κόλπα

Ol.commentlist (list-style: none; margin: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Κείμενο Knockout SVG - CSS-Κόλπα

Κείμενο Knockout SVG - CSS-Κόλπα

Η ιδέα εδώ είναι να φανταστούμε τρία στρώματα στοιβάζονται το ένα πάνω στο άλλο, όπου το πάνω στρώμα χρησιμοποιείται για να κόψει ένα σχήμα στο δεύτερο στρώμα για να αποκαλύψει το "

Κλείδωμα κειμένου - CSS-Κόλπα

Κλείδωμα κειμένου - CSS-Κόλπα

Το Cat in the Hat SVG προσφέρει την ετικέτα. Ενώ λειτουργεί σαν ένα κανονικό σε HTML, δέχεται χαρακτηριστικά που ξεκλειδώνουν ισχυρή διαμόρφωση κειμένου "

Προσθέστε τάξη σε συνδέσμους που δημιουργούνται από το next_posts_link και το προηγούμενο_posts_link - CSS-Κόλπα

Προσθέστε τάξη σε συνδέσμους που δημιουργούνται από το next_posts_link και το προηγούμενο_posts_link - CSS-Κόλπα

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

Προσθήκη / κατάργηση πεδίων πληροφοριών επαφής - CSS-Κόλπα

Προσθήκη / κατάργηση πεδίων πληροφοριών επαφής - CSS-Κόλπα

Τα προφίλ χρηστών στο WordPress έχουν αυτά τα πεδία για τα στοιχεία επικοινωνίας από προεπιλογή: E-mail, Ιστότοπος, AIM, Yahoo IM, Jabber / Google Talk. Μπορείτε να τα καταργήσετε και "

Επιλογές εξαγωγής Adobe Illustrator - CSS-Κόλπα

Επιλογές εξαγωγής Adobe Illustrator - CSS-Κόλπα

Αυτό δεν είναι παρά ένα απόσπασμα και περισσότερο μια υπενθύμιση για κάτι που αναζητώ συχνά. Κατά τη δημιουργία αρχείων SVG στο Adobe Illustrator, υπάρχουν μερικά "

Κυρτό κείμενο σε μια διαδρομή - CSS-Κόλπα

Κυρτό κείμενο σε μια διαδρομή - CSS-Κόλπα

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

Προσθήκη ονόματος κατηγορίας στο body_class - CSS-Κόλπα

Προσθήκη ονόματος κατηγορίας στο body_class - CSS-Κόλπα

Η λειτουργία body_class είναι ωραία για την προσθήκη πολλών κατηγοριών στην ετικέτα σώματος που έχουν πληροφορίες σχετικά με το είδος της σελίδας που εμφανίζεται αυτήν τη στιγμή. "

Σχέδια SVG - CSS-Κόλπα

Σχέδια SVG - CSS-Κόλπα

Το στοιχείο SVG μας επιτρέπει να καθορίσουμε μοτίβα στο εσωτερικό της σήμανσης SVG και να χρησιμοποιήσουμε αυτά τα μοτίβα ως γέμισμα. Η βασική διαδικασία για μοτίβα "

Shape Morphing Εικονίδια στο κουμπί Κάντε κλικ - CSS-Κόλπα

Shape Morphing Εικονίδια στο κουμπί Κάντε κλικ - CSS-Κόλπα

Η ιδέα εδώ είναι να χρησιμοποιήσετε ένα εικονίδιο SVG σε ένα κουμπί και να αλλάξετε αυτό το εικονίδιο για ένα άλλο όταν κάνετε κλικ στο κουμπί. Ένα κλικ στο κουμπί υποδηλώνει συχνά ότι μια ενέργεια έχει "

Μενού χάμπουργκερ SVG - CSS-Κόλπα

Μενού χάμπουργκερ SVG - CSS-Κόλπα

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

Τυπογραφία μεγέθους θύρας με ελάχιστα και μέγιστα μεγέθη - CSS-Κόλπα

Τυπογραφία μεγέθους θύρας με ελάχιστα και μέγιστα μεγέθη - CSS-Κόλπα

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

Χρησιμοποιήστε μια μεταβλητή Sass για έναν επιλογέα - CSS-Κόλπα

Χρησιμοποιήστε μια μεταβλητή Sass για έναν επιλογέα - CSS-Κόλπα

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

Λειτουργίες απόχρωσης και σκίασης - CSS-Κόλπα

Λειτουργίες απόχρωσης και σκίασης - CSS-Κόλπα

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

Ριγέ ντεγκραντέ μίξη - CSS-Κόλπα

Ριγέ ντεγκραντέ μίξη - CSS-Κόλπα

Ένας δημοφιλής τρόπος για να σχεδιάσετε ρίγες σε CSS είναι να ορίσετε μια γραμμική κλίση με επικαλυπτόμενες στάσεις χρώματος. Λειτουργεί πολύ καλά, αλλά δεν είναι πολύ βολικό να γράφεις "

Λειτουργία Str-Repl - CSS-Κόλπα

Λειτουργία Str-Repl - CSS-Κόλπα

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

Λειτουργία ταξινόμησης - CSS-Κόλπα

Λειτουργία ταξινόμησης - CSS-Κόλπα

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

Λειτουργία λωρίδας - CSS-Κόλπα

Λειτουργία λωρίδας - CSS-Κόλπα

Υπάρχει μεγάλη σύγχυση σχετικά με τον τρόπο λειτουργίας των μονάδων στο Sass. Ωστόσο, λειτουργούν ακριβώς όπως στην πραγματική ζωή. Εάν θέλετε να καταργήσετε τη μονάδα τιμής, "

Απλοποίηση πλαισίων και εκδηλώσεων - CSS-Κόλπα

Απλοποίηση πλαισίων και εκδηλώσεων - CSS-Κόλπα

Το Sass μπορεί κάπως να είναι λίγο μαύρο κουτί, ειδικά για νέους προγραμματιστές: βάζετε κάποια πράγματα, βγάζετε κάποια πράγματα. Πάρτε την αναφορά επιλογέα "