Wordpress: Schritt für Schritt, wie Sie ein Login

Freitag, 24. Oktober, 2008

In diesem Tutorial werden wir sehen, wie die Schaffung eines persönlichen Login-Prozedur, mit Ajax-Funktionalität via jquery. Es gibt verschiedene Möglichkeiten zum Anpassen der Login Wordpress, zum Beispiel durch den Einsatz von Haken und Filter add_action() add_filter() Wir benutzen ein Low-Level, obwohl wir noch Schnittstellen zu den Kernel Wordpress. Achten Sie außerdem darauf, zur Validierung eines Nutzers durch die doppelte E-Mail / Passwort ein.

Warum erstellen Sie ein Login?

  • In manchen Kontexten zurückkehren können uitle haben die Kontrolle über die Login-Seite, auf, einen benutzerdefinierten Layout an unsere registrierte Benutzer. Sie können auch bereichern die Seite mit Informationen, ein Logo von der klassischen "Passwort vergessen?"
  • Um den Zugang per E-Mail (wie hier gezeigt-Vertrag) statt user_login Standard Wordpress
  • Zu können, geben Sie einen Login-Panel in der Seitenleiste von unserem Blog
  • Und schließlich, haben ein Skelett - und eine Idee - für eine gute Plugin : D

Umgebung

In unserem Beispiel / Tutorial Arbeit an der Wurzel von Wordpress in einem Ordner mylogin Ich habe zwei PHP-Dateien in diesen Ordner: index.php und logon.php Die erste enthält die Schnittstelle von unseren Login, mit allen Funktionen Javascript / jquery denen wir dienen. Die zweite Datei, logon.php wird der Code zur Validierung der Benutzer. Dann erstellen wir einen Ordner css und innerhalb dieser Datei layout.css und einen Ordner images Innerhalb der Ordner Bilder sind ein klassisches Ajax-Loader: erzeugen Sie sie online unter AjaxLoad.info. Am Ende sollten Sie:

  • mylogin
    • index.php
    • logon.php
    • css
      • layout.css
      • Bilder
        • ajax-loader.gif

Weiter zu lesen ... "

Verwandte Post

Google AJAX API Sprache: Tutorial über die Anwendung

Dienstag, 13. Mai, 2008

Ich antworte mit diesem Post, auf Antrag von Andrea darüber, wie die Übersetzer von Google in seinem Web. Es gibt verschiedene Möglichkeiten zur Nutzung der Dienstleistungen von maschineller Übersetzung zur Verfügung gestellt von Google und darüber hinaus. Wir können Plugin geschrieben von anderen, ein einfaches Skript Javascript Beton von Google oder erfahren Sie alles über die API, nämlich eine Reihe von Funktionen aufrufbar - wie wir sehen werden - auf verschiedenen Wegen.

Plugin

Auf dieser Lösung nicht näher mich, weil ich glaube, nicht unbedingt relevant für den Antrag auf Andrea, wenn ich gut verstanden. Es ist auch eine im Wesentlichen nur für den Blog und nicht die Verwendung benutzerdefinierter und Generika. Ich kann nur darauf hinweisen, für die Nutzer WordPress, Global Translator, vielleicht die einfache, effiziente und weit verbreitete Plugin dieses Typs.

Script Pre-Google

Der einfachste Weg, um ihre Website oder Ihr Blog ist, um ein einfaches Javascript-Skript zur Verfügung gestellt von Google selbst. Gehen Sie einfach auf der Website translate.google.com Registerkarte und klicken Sie auf "Extras". Von dieser Seite können Sie die voreingestellten Funktionen der Übersetzung oder lassen Sie die Standardeinstellung. Das Skript ist sehr einfach:

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 ; Title = & border = & output = js "> </ script>

und als Ergebnis erhält man:

Google Translate

Lesen Sie weiter ... "

Verwandte Post

Snipplr Code 2.0: Fragmente (Snippe) Code nützlich

Samstag, 26. April, 2008

Snipplr Es war eine lange Zeit wollte ich erwähnen, diese wertvolle Dienstleistung für die Programmierung. Snipplr (Code 2.0) ist ein echter Aggregator oder Repository von nützlichen Bits des Codes. Sie können kostenlos registrieren und ihre Teile des Codes und vor allem genießen Sie die vielen Snippe bereits vor Ort. Ich habe behandelt vielen Sprachen (Actionscript, ASP, C #, Matlab, PHP, Rails, SVN, etc. ...), alle gut sortiert und katalogisiert. Sie können auch eine praktische Plugin für Wordpress können Sie auf unserem Blog Snippe-Code durch seine eindeutige ID.

Verwandte Post

Pocketguide den kostenlosen Adobe AIR für JavaScript

Mittwoch, 16. April, 2008

Bild Schriftliche direkt aus der Luft-Team, diesen Leitfaden ist unter der Lizenz Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License, kurz gesagt, ist frei zugänglich! Trotz seiner Einfachheit, enthält viele interessante Informationen (und richtig, da es sich um das Team zu schreiben AIR) für die Entwicklung von AIR-Anwendungen mit JavaScript, HTML und CSS. Dank Ajaxian können Sie den Text im PDF-Format, indem Sie hier klicken , Oder - wenn Sie so wollen - Sie können es auf Amazon. Auf Adobe Labs finden weitere nützliche Informationen.

Verwandte Post

Shadowbox assetURL: Stellen Sie den Pfad der Bilder

Samstag, 12. April, 2008

Wenn Shadowbox Fenster geöffnet sein, um den Inhalt (Bild, iframe, Movie, usw. ...), zeigt, bis ein animiertes GIF, dass sich im gleichnamigen Paket. Wenn die Seite Sie Shadowbox ist auf dem gleichen Niveau Ordner von Bildern, alles funktioniert gut. Standardmäßig ist in der Tat, Shadowbox Suche nach dem animierte GIF-Bilder / loading.gif - oder Bilder / Laden-light.gif, wenn Sie die Stile Licht (shadowbox-light.css). Andernfalls, und oft gibt es auch das Risiko der nicht accorgesene, wenn wir in einem anderen Baum, wird eine gute Code 404 - Seite Girder nicht, in unserem Fall, Datei nicht gefunden!

Um das Problem zu lösen einfach initialisieren Shadowbox mit einem Parameter, die angeben, nur den absoluten Pfad des Ordners Bilder: auf undolog.com, zum Beispiel, ich in die animierten gif von Be-Bilder direkt in den Ordner, in Root (wie etwa eine Milliarde anderen Websites:). Um diesen Ordner zu Shadowbox, unabhängig von der Strecke, ich einfach angefügt:

JavaScript:
  1. / / Init shadowbox mit assetURL Parameter
  2. assetURL: 'http://www.undolog.com/' } ) ; Shadowbox. Init ((assetURL: "http://www.undolog.com/ '));

Verwandte Post

Alle Leuchtkasten Klone in einem dynamischen Matrix

Freitag 11. April, 2008

Planetozh hat ein dynamisches Instrument Splendito der Lage, alle JavaScript-Bibliotheken wie Lightbox.

Bild

Bild Durch ein Panel (siehe Bild links) mit einer Reihe von "Inspiration" (Checkbox), die die verschiedenen Funktionen der Bibliothek, können Sie einen Filter damit eine Liste von ein oder mehreren Bibliotheken, die unserem Fall, anzulegen. Wir hoffen, dass der Autor behauptet, aktualisiert dieses fantastische Seite, nützlich, in der sich zwischen den zahlreichen und immer mächtiger Buch dieser Art.

Verwandte Post

Adobe AIR FAQ: alles, was Sie wissen müssen

Samstag, 22. März, 2008

Laufen auf verschiedenen Blog (danke Frank) und durch Gespräche mit Julius, wurde mir klar, dass zusätzlich zu den Zinsen auf Adobe AIR, gibt es auch viel Verwirrung, nicht falsch. Beide Entwickler und Anwender immer noch nicht ganz klar, was, was Sie brauchen und wie Entwicklungen in Adobe AIR. Ich beschloss daher, um die verschiedenen Diskussionen in dieser Art von Fragen und Antworten, um zu versuchen, um einige ", was eigentlich hinter Adobe AIR. Lesen Sie weiter ... "

Verwandte Post

Reborn Elemente undolog.com

Dienstag, 18. März, 2008

E-lementi.com - Digital Design & Branding

Insgesamt Restyling meinem Studio! Geschmack vor allem der Teil, wo ich arbeite, die die jüngsten Bemühungen, Prototypen und Logo-Restyling ;)

Verwandte Post

Adobe AIR 1.0, Adobe Flex 3.0 und den neuen Adobe Open-Source -

Montag, 25. Februar, 2008

Adobe AIR Tolle Neuigkeiten für Entwickler AIR. Es war schließlich stellt die Version 1.0! Ende der Beta dann! Neue SDK (von entscheidender Bedeutung für die in Umgebungen wie Aptana Studio, Eclipse, etc ...) und Aktualisierung von Erweiterungen für Dreamweawer und Flash CS3 Professional in italienischer Sprache! Bis gestern war es nicht möglich die Entwicklung einer AIR mit Flash CS3 Beruf in Italienisch. Jetzt das neue Menü für die Erstellung von AIR RIA verfügbar ist und läuft! Hier finden Sie alle Updates (Security-Fixes und Erweiterungen) direkt auf der Website.

Adobe Open Source Eine weitere Neuheit ist der offizielle Start von Adobe Open Source, die neue Website, die Sie alle wichtigen Neuigkeiten in der Open-Source Adobe und darüber hinaus. Dies wird, so dass der Bezugspunkt für die Entwickler, Mai finden Sie interessante Beiträge mit Demos, Source-Code und mehr wie Unterstützung von Projekten offen Tamarin und BlazeDS.

Bald werden wir sehen, wie die Entwicklung einer einfachen Anwendung AIR mit Flash und Dreamweaver!

Verwandte Post

Mapstraction: Javascript-Bibliothek für die Verwaltung von Karten

Freitag, 22. Februar, 2008

Mapstraction

Mapstraction ist eine Javascript-Bibliothek ist, dass die Zwischenschicht zur Nutzung der Karten von den bekannten Systemen die heute vorhanden sind. Die Idee ist es, einen Wrapper, eine Schnittstelle, die Vereinheitlichung der Code unabhängig, dann, die Art der Rendering-Engine Karten die Sie verwenden möchten.

Mapstraction Auf der Website zur Verfügung stehen Demo-und Dokumentation. Die Bibliothek heruntergeladen werden kann, ohne Gebühr. In dieser Version unterstützt die bekanntesten Motoren 9: OpenStreetMap, Yahoo, Google, Microsoft, Map24, Multimap, MapQuest, FreeEarth und OpenLayers.

Es unterstützt die Schaffung von Punkt-, Linien-und Polygon. Sie können ihre immmagini Overlay. Interessante Unterstützung für die Geokodierung von Adressen und Wegbeschreibungen Marke! Profit mit dem Futter GeoRSS und KML.

Von den Beispielen der Code wird in Kürze von Nutzen sein als ein Instrument dieser Art. Jeder "Schnittstelle" (Google, Microsoft, Yahoo, etc. ...) hat seinen eigenen Satz von API. Durch Mapstraction, jedoch kann ein einzelner Block von Code an das Ende und die Wahl des Anbieters zu verwenden. Zum Beispiel, wenn Sie initialisiert die Bibliothek, die folgende Zeile Code:

JavaScript:
  1. / / Initialisieren Sie die Karte mit Ihrer Wahl von API
  2. Mapstraction ( 'mapstraction' , 'google' ) ; mapstraction var = new Mapstraction ( 'mapstraction', 'google');

Legt fest, der Motor Google! Wenn es darum geht aus, dass Ersetzen Sie die Zeichenfolge "Google", ändern Sie sofort Rendering-Engine-Karten!

JavaScript:
  1. / / Initialisieren Sie die Karte mit Ihrer Wahl von API
  2. Mapstraction ( 'mapstraction' , 'microsoft' ) ; mapstraction var = new Mapstraction ( 'mapstraction', 'Microsoft');

Obwohl die Bibliothek ist nicht wirklich vollständig, kann Integration in einen einheitlichen Rahmen alle Funktionen "Spread" der einzelnen Bibliotheken. Die Rendering-Engine von Microsoft, zum Beispiel, ermöglicht die Anzeige "in der Vogelperspektive". OpenStreetMap und Google haben eine hervorragende Verwaltung der Straßen-Karten, einschließlich derjenigen von Italien. Also, für diejenigen, muss sich mit der Entwicklung einer Anwendung mit Karten und nicht - nur - zu entscheiden, welche Technologie zur Nutzung für die Entwicklung, Mapstraction erlaubt - in der Tat - zu astrarsi, zu lösen das Dilemma durch die Einführung, in der Tat, dritte Akteur, und auf diesem Wege, geben uns die Fähigkeit zu ändern Rendering-Engine ist jederzeit möglich. So gute Idee zu verfolgen und zu nutzen!

Verwandte Post