Wordpress: step by step how to create a login

Friday 24 October, 2008

In this tutorial we'll see how to create a personal login procedure, using Ajax functionality via jQuery. There are several ways to customize the login Wordpress, for example through the use of hooks and filters add_action() add_filter() We use a more low-level, although we still interfaces to the kernel Wordpress. Also make sure to validate a user through the double email / password.

Why create a login?

  • In some contexts can return uitle have the most control over the login page, to propose a custom layout to our registered users. You can also enrich the page with information, a logo from the classic "Password Forgotten?"
  • To allow access via email (as shown here Treaty) instead of user_login standard Wordpress
  • To be able to enter a login panel in the sidebar of our Blog
  • And finally, to have a skeleton - and an idea - for a good Plugin : D

Environment

In our example / tutorial work on the root of Wordpress inside a folder mylogin I created two php files within this folder: index.php and logon.php The first contains the interface of our login, with all functions Javascript / jQuery which we serve. The second file, logon.php will contain the code to validate the user. Then we create a folder css and inside this file layout.css and a folder images Inside the folder images include a classic Ajax loader: create it online at AjaxLoad.info. At the end you should have:

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

Continue to read ... "

Related Post

Google AJAX Language API: tutorial on the operation

Tuesday, May 13, 2008

I answer with this post, at the request of Andrea on how the translator of Google in its web. There are several ways to use the services of machine translation made available by Google and beyond. We can use Plugin written by others, a simple script Javascript concrete from Google or learn to use the API, namely a set of functions callable - as we shall see - in various ways.

Plugin

On this solution does not dwell me, because I think not strictly relevant to the request for Andrea, if I understood well. It is also an essentially valid only for the Blog and not to use custom and generic. I can only point out, for users WordPress, Global Translator, perhaps the most simple, functional and widespread Plugin of this type.

Script pre-Google

The easiest way to translate their website or your blog is to insert a simple Javascript script provided by Google itself. Just go on the site translate.google.com tab and click on 'Tools'. From this page you can preset the functions of translation or leave the default. The script is very simple:

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>

and as a result is obtained:

Google Translate

Continue reading ... "

Related Post

Snipplr code 2.0: fragments (Snippe) code useful

Saturday 26 April, 2008

Snipplr It was a long time I wanted to mention this valuable service dedicated to programming. Snipplr (code 2.0) is a real aggregator or repository of useful bits of code. You can register for free and send their portions of code and, above all, enjoy the many Snippe already on site. I have treated many languages (Actionscript, ASP, C #, MatLab, PHP, Rails, SVN, etc ...), all well sorted and cataloged. You can also install a handy plugin for Wordpress can see on our blog Snippe-code through its unique id.

Related Post

Pocketguide the free Adobe AIR for JavaScript

Wednesday 16 April, 2008

image Written directly from the AIR team, this guide is released under the license Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License, in short, is freely accessible! Despite its simplicity, contains lots of interesting information (and correct, as it is the team to write AIR) for the development of AIR applications with JavaScript, HTML and CSS. Thanks to Ajaxian you can download the text in PDF format by clicking here , Or - if you will - you can order it on Amazon. On Adobe Labs found other useful information.

Related Post

Shadowbox assetURL: Set the path of images

Saturday, April 12, 2008

When Shadowbox opened his window to display content (image, iframe, Movie, etc. ...), displays, pending an animated gif that comes in the package. If the page you're using Shadowbox is at the same level folder of images, everything works fine. By default, in fact, Shadowbox search under the animated gif images / loading.gif - or images / loading-light.gif if you choose the styles light (shadowbox-light.css). Otherwise, and often there is also the risk of not accorgesene, if we are in a different tree, will generate a good code 404 - page Girder not, in our case file not found!

To solve the problem simply initialize Shadowbox with a parameter that should indicate just the absolute path of the folder images: on undolog.com, for example, I placed the animated gif of loading images directly into the folder in root (how about a billion other sites:). To make this folder to Shadowbox, regardless of the route, I simply added:

JavaScript:
  1. / / Init shadowbox with assetURL parameter
  2. assetURL: 'http://www.undolog.com/' } ) ; Shadowbox. Init ((assetURL: 'http://www.undolog.com/'));

Related Post

All Lightbox clones in a dynamic matrix

Friday April 11, 2008

Planetozh has created a dynamic tool Splendito able to list all the Javascript libraries like Lightbox.

image

image Through a panel (see picture on the left) with a series of "inspiration" (checkbox), which indicate the various features of the library, you can run a filter thereby generating a list of one or more libraries that make our case. We hope that the author maintains updated this fantastic page, useful in the deal between the numerous and increasingly powerful book of this kind.

Related Post

Adobe AIR FAQ: all you need to know

Saturday 22 March, 2008

Running on various Blog (thanks Frank) and through discussions with Julius, I realized that in addition to interest at Adobe AIR, there is also much confusion, not wrong. Both developers and users still have not quite clear what, what you need and how developments in Adobe AIR. I decided therefore to collect the various discussions in this sort of FAQ to try to clear some 'what is actually hiding behind Adobe AIR. Continue reading ... "

Related Post

Reborn elements undolog.com

Tuesday, March 18, 2008

e-lementi.com - Digital Design & Branding

A total restyling my studio! Taste especially the part where I work included the latest efforts, prototypes and logo-restyling ;)

Related Post

Adobe AIR 1.0, Adobe Flex 3.0 and the new Adobe Open Source

Monday, February 25, 2008

Adobe AIR Great news for developers AIR. It was finally released version 1.0! End of beta then! New SDK (vital for completion in environments such as Aptana Studio, Eclipse, etc ...) and update of extensions for Dreamweawer e Flash CS3 Professional in Italian! Until yesterday, it was not possible to develop an AIR with Flash CS3 Profession in Italian. Now the new menu for creating RIA AIR is available and running! You can find all the updates (security fixes and extensions) directly on the site.

Adobe Open Source Another novelty is the official launch of Adobe Open Source, the new site that will keep track of all the news in the open source Adobe and beyond. This becomes, therefore, the reference point for developers who may find interesting contributions with demos, source code and more like support for projects open Tamarin and BlazeDS.

Soon we will see how to develop a simple application AIR with Flash and Dreamweaver!

Related Post

Mapstraction: Javascript library for the management of maps

Friday 22 February, 2008

Mapstraction

Mapstraction is a Javascript library that is the intermediate layer to use the maps of the known systems available today. The idea is to provide a wrapper, an interface that can unify the code regardless, then, the type of rendering engine maps you want to use.

Mapstraction On the site are available demo and documentation. The library can be downloaded without charge. In this release support the best-known engines 9: OpenStreetMap, Yahoo, Google, Microsoft Map24, Multimap, MapQuest, FreeEarth and OpenLayers.

It supports the creation of Point, Line and Polygon. You can insert their immmagini overlay. Interesting support for Geocoding of street addresses and directions brand! Profit compatible with the feed GeoRSS and KML.

From the examples of the code will soon be useful as an instrument of this kind. Each "interface" (Google, Microsoft, Yahoo, etc ...) has its own set of API. Through Mapstraction, however, can write a single block of code to the end and leave the choice of provider to use. For example, when you initialize the library, the following line of code:

JavaScript:
  1. / / Initialise the map with your choice of API
  2. Mapstraction ( 'mapstraction' , 'google' ) ; mapstraction var = new Mapstraction ( 'mapstraction', 'google');

Determines the engine Google! If it comes from that, Replace the string 'google', change immediately rendering engine maps!

JavaScript:
  1. / / Initialise the map with your choice of API
  2. Mapstraction ( 'mapstraction' , 'microsoft' ) ; mapstraction var = new Mapstraction ( 'mapstraction', 'microsoft');

Although the library is not really complete, can integrate into a single framework all the features "spread" of individual libraries. The rendering engine Microsoft, for example, allows viewing "in the bird's eye". OpenStreetMap and Google have an excellent management of road maps, including those of Italy. So, for those who must deal with developing an application using maps and fail - just - to decide which technology to use for development, Mapstraction allows - indeed - to astrarsi, to solve the dilemma by introducing, in fact, third actor, and in this way, give us the ability to change rendering engine at any time. So good idea to follow and use!

Related Post