Ποτέ μην αγγίζετε ξανά τον κωδικό: Filament.io, Για μη προγραμματιστές παντού

Διαφήμιση

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

Ξεκινώντας

Προχωρήστε στο filament.io και πατήστε το κουμπί εγγραφής. Θα χρειαστεί να δημιουργήσετε μια σύνδεση, αλλά οι λογαριασμοί Facebook και Google μπορούν να χρησιμοποιηθούν για γρήγορη πρόσβαση με ένα πλήκτρο. Στη συνέχεια, θα πρέπει να εισαγάγετε τον τομέα στον οποίο θα το χρησιμοποιήσετε - μπορείτε να προσθέσετε περισσότερα αργότερα.

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

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

Προσθήκη των εφαρμογών

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

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

Αποθηκεύστε τις ρυθμίσεις και, στη συνέχεια, μεταφέρετε και αποθέστε τη νέα ενότητα Flare στον ιστότοπό σας. Στη συνέχεια εμφανίζεται ένα αρχικό σύνολο επιλογών φιλτραρίσματος. Συνεχίστε και προσθέστε το Όλες οι δημοσιεύσεις μου.

Θα έχετε στη συνέχεια ένα άλλο σύνολο φίλτρων για να προσαρμόσετε. αυτά είναι ενεργοποιημένα από το plugin WordPress. Ως προγραμματιστής είμαι συνηθισμένος σε περιβάλλοντα σενάρια σε διάφορες ρήτρες PHP (Δεν είμαι σίγουρος τι είναι αυτά; Διαβάστε μας Οδηγός για αρχάριους PHP Μάθετε να χτίζετε με PHP: ένα μάθημα συντριβήςΗ PHP είναι η γλώσσα που χρησιμοποιούν το Facebook και η Wikipedia για να εξυπηρετούν δισεκατομμύρια αιτήσεις καθημερινά. η γλώσσα de-facto που χρησιμοποιείται για τον προγραμματισμό του διαδικτυακού προγραμματισμού των ανθρώπων. Είναι όμορφα απλό, αλλά εξαιρετικά ισχυρό. Διαβάστε περισσότερα ), αλλά μπορώ πραγματικά να εκτιμήσω τη δύναμη αυτών των φίλτρων για όσους δεν έχουν την τεχνογνωσία της ανίχνευσης τύπου σελίδας WordPress.

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

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

Κάνε κλικ στο Ταμπλό για να προσθέσετε περισσότερες εφαρμογές ή μπορείτε να δημιουργήσετε επιπλέον μονάδες Flare (αν, για παράδειγμα, θέλετε ένα συγκεκριμένο σχέδιο ή περισσότερα κουμπιά στην αρχική σελίδα).

Κατά το χρόνο της γραφής, υπάρχουν συνολικά 6 εφαρμογές:

• Φωτοβολίδα, ένα κοινωνικό plugin bookmarking.
• Κισσός, το οποίο επιτρέπει στους χρήστες να μοιράζονται εύκολα εισαγωγικά που τονίζουν από τα άρθρα σας.
• Διαβατήριο, έναν ενδιαφέροντα τρόπο για να επισημάνετε όλο το προσωπικό σας κοινωνικό προφίλ (ναι, συνειδητοποιώ ότι αυτή τη στιγμή είναι λίγο κοινωνικά επίκεντρο)
• MailChimp είναι μια συνδρομή για την εξαιρετική υπηρεσία αλληλογραφίας (η οποία είναι, από μόνη της, δωρεάν για μέχρι 12.000 μηνύματα ηλεκτρονικού ταχυδρομείου το μήνα και 2.000 συνδρομητές)
• Google Analytics πρέπει να είναι οικεία σε οποιονδήποτε με μια ιστοσελίδα? Ο Ράιαν δημιουργήθηκε αυτός ο σπουδαίος οδηγός για αρχάριους Ο οδηγός σας στο Google AnalyticsΈχετε κάποια ιδέα από πού προέρχονται οι επισκέπτες σας, ποια προγράμματα περιήγησης χρησιμοποιούν οι περισσότεροι, ποιες μηχανές αναζήτησης χρησιμοποιούν ή ποιες από τις σελίδες σας είναι οι πιο δημοφιλείς; Διαβάστε περισσότερα στην κατανόηση των δεδομένων αναλυτικών στοιχείων.
• Τελικά, CodeDrop σας επιτρέπει να διαχειριστείτε οποιαδήποτε άλλα αποσπάσματα κώδικα που σας έχουν δοθεί αλλού.

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

Είναι καθόλου καλό?

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

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

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

Η επιλογή των εφαρμογών είναι μάλλον περιορισμένη αυτή τη στιγμή, αν και βεβαίως μπορείτε πάντα να προσθέσετε τις δικές σας απλές προσθήκες κώδικα μέσω της ενότητας CodeDrop - και υποσχέθηκαν περισσότερες εφαρμογές. Βρίσκω τον εαυτό μου ευχόμενο ότι αυτή η λειτουργικότητα συμπεριλήφθηκε από προεπιλογή με το WordPress - για όλες τις προόδους στο customization θέμα, είμαστε ακόμα με τη χρήση της τοξικής επεξεργασίας πρότυπο PHP για να προσθέσετε JavaScript αποσπάσματα. Προς το παρόν, το Filament.io συμπληρώνει μια άσχημη τρύπα σε λειτουργικότητα που πολλοί από εμάς δεν ήξεραν ποτέ. Έχετε δώσει μια πάει; Πείτε μας τις σκέψεις σας.