WordPress: βήμα προς βήμα τον τρόπο δημιουργίας ενός login

Παρασκευή 24 Οκτωβρίου, 2008

Σε αυτό το tutorial θα δούμε πώς να δημιουργήσετε μια προσωπική σύνδεσής διαδικασία, χρησιμοποιώντας Αίας λειτουργικότητα μέσω jQuery. Υπάρχουν διάφοροι τρόποι για να προσαρμόσετε τη σύνδεσή του WordPress, για παράδειγμα μέσω της χρήσης των αρπαγών add_action() φίλτρα add_action() add_filter() Χρησιμοποιούμε ένα πιο χαμηλό επίπεδο, παρόλο που εξακολουθούμε να διεπαφές με τον πυρήνα WordPress. Επίσης πρέπει να φροντίζετε για την επικύρωση ενός χρήστη μέσω της διπλής email / password.

Γιατί να δημιουργήσει μια σύνδεση;

  • Σε ορισμένες περιπτώσεις μπορούν να επιστρέψουν uitle έχουν την πιο έλεγχο στην σελίδα σύνδεσης, να προτείνει μια προσαρμοσμένη διάταξη για να μας εγγεγραμμένους χρήστες. Μπορείτε επίσης να εμπλουτίσει την σελίδα με πληροφορίες, ένα λογότυπο από το κλασικό "Κωδικός Ξεχάσατε;"
  • Για να καταστεί δυνατή η πρόσβαση μέσω του ηλεκτρονικού ταχυδρομείου (όπως φαίνεται εδώ Συνθήκης) αντί user_login πρότυπο WordPress
  • Για να είναι σε θέση να εισέλθει σε μια ομάδα login στο sidebar μας Blog
  • Και, τέλος, να έχουμε ένα σκελετό - και μια ιδέα - για ένα καλό Προσθήκη : D

Περιβάλλον

Στο παράδειγμά μας / φροντιστήριο εργασίες για την ρίζα του WordPress μέσα σε φάκελο mylogin Θα δημιουργήσει δύο php αρχεία μέσα σε αυτό το φάκελο: index.php και logon.php Το πρώτο περιέχει τη διασύνδεση της σύνδεσής μας, με όλες τις λειτουργίες Javascript / jQuery το οποίο μπορούμε να σερβίρουμε. Το δεύτερο αρχείο, logon.php θα περιέχει ο κώδικας για την επικύρωση του χρήστη. Στη συνέχεια θα δημιουργήσουμε ένα φάκελο css και μέσα σε αυτό το αρχείο layout.css και ένα φάκελο images Μέσα από το φάκελο εικόνες περιλαμβάνει ένα κλασικό Ajax loader: δημιουργήστε το διαδίκτυο στα AjaxLoad.info. Στο τέλος θα πρέπει να έχετε:

  • mylogin
    • index.php
    • logon.php
    • CSS
      • layout.css
      • εικόνες
        • Αίας-loader.gif

Συνεχίστε να το διαβάσετε ... "

Σχετικές Post

Google AJAX Language API: Πρόγραμμα εκμάθησης για τη λειτουργία

Τρίτη, 13 Μαΐου 2008

Θα απαντήσω με αυτό το αξίωμα, κατόπιν αιτήματος του Αντρέα για το πώς το μεταφραστή του Google στο δικτυακό της. Υπάρχουν διάφοροι τρόποι για να χρησιμοποιήσει τις υπηρεσίες αυτόματης μετάφρασης διατίθενται από την Google και πέρα. Μπορούμε να χρησιμοποιήσουμε Προσθήκη γραμμένα από άλλους, ένα απλό script Javascript συγκεκριμένα από το Google ή να μάθουν να χρησιμοποιούν το API, δηλαδή ένα σύνολο λειτουργιών ζήτηση - όπως θα δούμε - με διάφορους τρόπους.

Plugin

Σε αυτή τη λύση δεν θα επιμείνω και εγώ, γιατί νομίζω ότι δεν είναι απόλυτα συναφείς με το αίτημα για Andrea, αν κατάλαβα καλά. Είναι επίσης μια ουσία που ισχύει μόνο για το Blog και να μην χρησιμοποιούν τα έθιμα και την γενική. Το μόνο που μπορώ να επισημάνω, για τους χρήστες WordPress, Global Translator, ίσως το πιο απλό, λειτουργικό και ευρέως διαδεδομένη Προσθήκη αυτού του τύπου.

Σενάριο προ-Google

Ο ευκολότερος τρόπος για να μεταφράσει τους δικτυακό τόπο ή blog σας είναι να τοποθετήσετε ένα απλό script Javascript παρέχονται από την Google η ίδια. Πήγαινε στην ιστοσελίδα translate.google.com και κάντε κλικ στην καρτέλα "Εργαλεία". Από αυτή τη σελίδα μπορείτε να έχουν προκαθοριστεί οι λειτουργίες της μετάφρασης ή να εξέλθει από την προεπιλογή. Το σενάριο είναι πολύ απλό:

HTML:
  1. > </script> <script src = "& http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=it&w=160&h=60 ? Τίτλος = & = & σύνορα εξόδου = js "> </ script>

και ως αποτέλεσμα προκύπτει:

Google Translate

Συνέχιση ανάγνωσης ... "

Σχετικές Post

Snipplr κώδικα 2.0: τεμάχια (Snippe) κωδικός χρήσιμο

Σάββατο 26 Απριλίου, 2008

Snipplr Ήταν πολύ καιρό ήθελα να αναφέρω αυτή την πολύτιμη υπηρεσία αφιερωμένη στον προγραμματισμό. Snipplr (κωδικός 2.0) είναι μια πραγματική Περιεχομένου ή αποθήκευσης χρήσιμων bits του κώδικα. Μπορείτε να εγγραφείτε δωρεάν και να στέλνουν τις μερίδες του κώδικα και, πάνω απ 'όλα, απολαμβάνουν τις πολλές Snippe ήδη επί τόπου. Έχω αντιμετωπίζονται πολλές γλώσσες (Actionscript, ASP, C #, Matlab, PHP, Rails, SVN, κ.λπ. ...), όλα καλά διαλογή και cataloged. Μπορείτε επίσης να εγκαταστήσετε ένα εύχρηστο plugin για το WordPress για να δείτε τις εμπειρίες σας Snippe-κώδικα μέσω της μοναδικές id.

Σχετικές Post

Pocketguide το ελεύθερο Adobe AIR για το JavaScript

Τετάρτη 16 Απριλίου, 2008

εικόνα Γράφει απευθείας από τον αέρα της ομάδας, αυτός ο οδηγός είναι υπό την άδεια χρήσης Creative Commons Attribution-NonCommercial-ShareAlike License 3,0, εν ολίγοις, να είναι ελεύθερα προσβάσιμη! Παρά την απλότητά του, περιέχει πολλές ενδιαφέρουσες πληροφορίες (και σωστά, όπως είναι η ομάδα να γράψει AIR) για την ανάπτυξη των αεροπορικών εφαρμογών με JavaScript, HTML και CSS. Χάρη στην Ajaxian μπορείτε να κατεβάσετε το κείμενο σε μορφή PDF, κάνοντας κλικ εδώ , Ή - αν θέλετε - μπορείτε να παραγγείλετε αυτό για Amazon. Στις Adobe Labs βρέθηκαν άλλες χρήσιμες πληροφορίες.

Σχετικές Post

Shadowbox assetURL: Ρυθμίστε τη διαδρομή των εικόνων

Σάββατο, 12 Απριλίου 2008

Όταν Shadowbox άνοιξε το παράθυρο για να εμφανιστεί το περιεχόμενο (εικόνα, iframe, ταινία, κ.λπ. ...), εμφανίζει, εν αναμονή μιας animated gif που έρχεται στο πακέτο. Αν η σελίδα σας χρησιμοποιώντας Shadowbox είναι στο ίδιο επίπεδο με το φάκελο των εικόνων, όλα λειτουργούν καλά. Από προεπιλογή, στην πραγματικότητα, στο πλαίσιο της αναζήτησης Shadowbox animated gif εικόνες / loading.gif - ή εικόνες / φόρτωση-light.gif αν επιλέξετε το στυλ φως (shadowbox-light.css). Διαφορετικά, και συχνά υπάρχει επίσης ο κίνδυνος δεν accorgesene, αν βρισκόμαστε σε ένα διαφορετικό δέντρο, θα δημιουργήσει μια καλή κωδικός 404 - δοκός δεν σελίδα, στην περίπτωσή μας αρχείο δεν βρέθηκε!

Για να λυθεί το πρόβλημα απλά initialize Shadowbox με μια παράμετρος που θα πρέπει να αναγράφουν μόνο την απόλυτη διαδρομή του φακέλου εικόνες: για undolog.com, για παράδειγμα, θα διατεθεί το animated gif φόρτωσης εικόνων απευθείας μέσα στο φακέλου στη ρίζα (πώς περίπου ένα δισεκατομμύριο άλλα δικτυακούς τόπους:). Για να κάνετε αυτό το φάκελο για να Shadowbox, ανεξάρτητα από τη διαδρομή, πολύ απλά πρόσθεσε:

JavaScript:
  1. / / Init shadowbox με assetURL παράμετρο
  2. assetURL: 'http://www.undolog.com/' } ) ; Shadowbox. Init ((assetURL: «http://www.undolog.com/ '))?

Σχετικές Post

Όλα Lightbox κλώνων σε μια δυναμική μήτρα

Παρασκευή 11 Απριλίου 2008

Planetozh έχει δημιουργήσει ένα δυναμικό εργαλείο Splendito μπορούν να περιέχονται όλα τα Javascript βιβλιοθήκες όπως Lightbox.

εικόνα

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

Σχετικές Post

Adobe AIR FAQ: Όλα όσα πρέπει να ξέρετε

Σάββατο 22 Μαρτίου, 2008

Τρέχοντας σε διάφορα Blog (χάρη Frank) και μέσω συζητήσεων με Julius, συνειδητοποίησα ότι, εκτός από το ενδιαφέρον σε Adobe AIR, υπάρχει επίσης μεγάλη σύγχυση, δεν έχει άδικο. Τους προγραμματιστές και τους χρήστες που δεν έχουν ακόμη σαφές αυτό, ό, τι χρειάζεστε και πώς τις εξελίξεις στο Adobe AIR. Αποφάσισα λοιπόν να συλλέγουν οι διάφορες συζητήσεις σε αυτό το είδος της ΣΕ να προσπαθήσουμε να σαφή ορισμένα «τι πραγματικά κρύβεται πίσω από την Adobe AIR. Συνέχιση ανάγνωσης ... "

Σχετικές Post

Ξαναγεννηθεί στοιχεία undolog.com

Τρίτη, 18 Μαρτίου 2008

e-lementi.com - Digital Design & εικόνας

Συνολικά restyling μου στούντιο! Γεύση ειδικά το τμήμα στο οποίο θα περιλαμβάνονται εργασίες τις πρόσφατες προσπάθειες, πρωτότυπα και το λογότυπο-restyling ?)

Σχετικές Post

Adobe AIR 1.0, Adobe Flex 3.0 και το νέο Adobe Open Source

Δευτέρα, 25 Φεβρουαρίου 2008

Adobe AIR Μεγάλη είδηση για προγραμματιστές αέρα. Ήταν τελικά κυκλοφόρησε την έκδοση 1.0! Τέλος της Β τότε! Νέο SDK (που είναι ζωτικής σημασίας για την ολοκλήρωση σε περιβάλλοντα όπως Aptana Studio, Eclipse, κτλ ...) και ενημέρωση των επεκτάσεων για Dreamweawer και Flash CS3 Professional και στα ιταλικά! Μέχρι χθες, δεν ήταν δυνατό να αναπτυχθεί μια AIR με Flash CS3 Επάγγελμα στα ιταλικά. Τώρα, το νέο μενού για τη δημιουργία RIA AIR είναι διαθέσιμα και λειτουργεί! Μπορείτε να βρείτε όλες τις ενημερώσεις (διορθώσεις ασφαλείας και επεκτάσεις) απευθείας στην ιστοσελίδα.

Adobe Open Source Μια άλλη καινοτομία είναι η επίσημη έναρξη του Adobe Open Source, το νέο χώρο που θα παρακολουθεί όλα τα νέα στον ανοικτό κώδικα του Adobe και πέρα. Αυτό γίνεται, λοιπόν, το σημείο αναφοράς για προγραμματιστές που μπορούν να βρουν ενδιαφέρουσες παρεμβάσεις με demos, πηγαίο κώδικα και περισσότερο σαν στήριξη για έργα ανοικτού Tamarin και BlazeDS.

Σύντομα θα δείτε πώς να αναπτύξουν μια απλή εφαρμογή της ατμόσφαιρας με Flash και Dreamweaver!

Σχετικές Post

Mapstraction: Javascript βιβλιοθήκη για τη διαχείριση των χαρτών

Παρασκευή 22 Φεβρουαρίου, 2008

Mapstraction

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

Mapstraction Από το site είναι διαθέσιμο το demo του και την τεκμηρίωση. Η βιβλιοθήκη μπορεί να κατεβάσει, χωρίς χρέωση. Σε αυτή την έκδοση υποστήριξη των γνωστότερων κινητήρες 9: OpenStreetMap, το Yahoo, Google, Microsoft, Map24, Multimap, MapQuest, FreeEarth και OpenLayers.

Υποστηρίζει τη δημιουργία σημείο, γραμμή και πολύγωνο. Μπορείτε να τοποθετήσετε τους immmagini επικάλυψη. Ενδιαφέρον για υποστήριξη των Geocoding δρόμο διευθύνσεις και κατευθύνσεις μάρκα! Κέρδη συμβατή με τις ζωοτροφές GeoRSS και KML.

Από τα παραδείγματα του κώδικα σύντομα θα είναι χρήσιμο ως μέσο αυτού του είδους. Κάθε "διασύνδεση" (Google, Microsoft, Yahoo, κτλ ...) έχει τους δικούς της API. Μέσω Mapstraction, ωστόσο, μπορούν να γράψουν ένα ενιαίο μπλοκ του κώδικα για το τέλος και να αφήσετε την επιλογή του παρόχου να χρησιμοποιήσετε. Για παράδειγμα, όταν έχετε προετοιμαστεί η βιβλιοθήκη, η ακόλουθη γραμμή κώδικα:

JavaScript:
  1. / / Initialise με το χάρτη της επιλογής σας API
  2. Mapstraction ( 'mapstraction' , 'google' ) ; mapstraction var = new Mapstraction ( «mapstraction ',' Google ')?

Καθορίζει τη μηχανή του Google! Αν προέρχεται από αυτό, αντικαταστήστε το string "google", αμέσως αλλαγή μηχανισμό απόδοσης χάρτες!

JavaScript:
  1. / / Initialise με το χάρτη της επιλογής σας API
  2. Mapstraction ( 'mapstraction' , 'microsoft' ) ; mapstraction var = new Mapstraction ( «mapstraction», «Microsoft»)?

Παρά το γεγονός ότι η βιβλιοθήκη δεν είναι πραγματικά πλήρες, μπορούν να ενσωματωθούν σε ένα ενιαίο πλαίσιο με όλα τα χαρακτηριστικά "εξάπλωση" των επιμέρους βιβλιοθηκών. Η απόδοση του κινητήρα της Microsoft, για παράδειγμα, επιτρέπει την προβολή "στο υπιφανειακότητα". OpenStreetMap Google και έχουν μια καλή διαχείριση των οδικών χαρτών, συμπεριλαμβανομένων και εκείνων της Ιταλίας. Έτσι, για εκείνους που πρέπει να ασχολείται με την ανάπτυξη μιας εφαρμογής με τη χρήση χαρτών και αποτυγχάνουν - μόνο - να αποφασίσει ποιο να χρησιμοποιήσουν την τεχνολογία για την ανάπτυξη, Mapstraction επιτρέπει - και μάλιστα - για να astrarsi, να λύσει το δίλημμα με την εισαγωγή, στην πραγματικότητα, τρίτος παράγοντας, και με αυτόν τον τρόπο, να μας δώσει τη δυνατότητα να αλλάζει μηχανισμό απόδοσης ανά πάσα στιγμή. Λοιπόν καλή ιδέα να ακολουθήσουν και χρήση!

Σχετικές Post