'Internet' Categoría


WordPress: escribir cartas personales de cierre de sesión

Basado en el puesto de WordPress: paso a paso cómo crear su propio inicio de sesión , ejecute el procedimiento de inicio de sesión podría ser útil para indicar en nuestro Blog Enlace para desconectar o cerrar la sesión. No vamos a utilizar de nuevo los procedimientos estándar de WordPress, pero como veremos más adelante la sesión en un nivel bajo. En primer lugar debemos determinar si un usuario está conectado o no. Esto es posible sólo mediante la consulta de la variable $user_ID WordPress. Por ejemplo:

1
2
3
$user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ ID_usuario! ='') {/ / o si (is_user_logged_in ()) {
/ / El usuario está "conectado" ...
}

Una vez que sabemos que un usuario está "conectado" en el sistema, podemos insertar un simple enlace a nuestra página de desconexión. Por lo tanto crear una página, por ejemplo, logout.php , seguende e introduciendo el código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/ **
* Realiza el cierre de sesión
*
* @ Autor Giovambattista Fazioli
* @ @ E-mail g.fazioli undolog.com
* @ Web http://www.undolog.com
* /
/ / Invocar arranque WordPress
( 'wp-config.php' ) ; @ Require_once ('wp-config.php');
( 'wp-includes/pluggable.php' ) ; @ Require_once ('wp-includes/pluggable.php');
/ / Wp cierre de sesión
wp_logout ();
/ / Cargar cualquier otra página
"Location: /" ) ; cabecera ("Location: /");

Y justo en ese momento "link" a nuestra página para proporcionar un cierre de sesión procedimientos:

1
2
3
$user_ID != '' ) { if ($ ID_usuario! ='') {
; echo 'Ejecutar href="logout.php"> <a cierre de sesión </ a>';
}

Más información ...

WordPress: paso a paso cómo crear su propio inicio de sesión

En este tutorial veremos como crear un procedimiento de acceso personales, también está usando la funcionalidad de AJAX a través de jQuery . ). Hay varias formas de personalizar su nombre de usuario de WordPress, por ejemplo, mediante el uso de anzuelos y los filtros ( add_action() , la add_filter() ). Aquí vamos a utilizar un procedimiento de bajo nivel, aunque todavía interfacceremo del núcleo de WordPress. Además vamos a tratar de validar un usuario a través del correo electrónico dupla / contraseña.

¿Por qué crear su propio inicio de sesión?

  • En algunos contextos puede volver uitle tener el máximo control en la página de inicio de sesión, para proponer un diseño personalizado a nuestros usuarios registrados. Además, puede enriquecer la página con información útil, un logotipo de la clásica "¿Has olvidado tu contraseña?"
  • Para permitir el acceso a través del correo electrónico (como en el ejemplo discutido aquí) en lugar de user_login estándar de WordPress
  • Para poder entrar en un panel de inicio de sesión en la barra lateral de nuestro blog
  • Y, por último, tener un esqueleto - y una idea - un gran plugin : D

Medio ambiente

En nuestro tutorial ejemplo, / vamos a trabajar en la raíz de WordPress en una carpeta mylogin . . Creamos dos archivos php dentro de esta carpeta: index.php y logon.php . El primero contendrá nuestra interfaz de inicio de sesión con todas las funciones de JavaScript / jQuery que necesitamos. El segundo archivo, logon.php , contendrá el código de validación de usuarios. e una cartella images . A continuación, cree una carpeta css y dentro de este archivo layout.css y la carpeta de images . Dentro de la carpeta insertar imágenes en un clásico cargador de Ajax: crear en línea AjaxLoad.info . Al final usted debe tener:

  • mylogin
  • index.php
  • logon.php
  • css
  • Layout.css
  • imágenes
  • ajax-loader.gif

Más ...

Complemento: gestión de perfiles

Mozilla Firefox le permite gestionar varios perfiles , lo cual es útil para aquellos que, como yo, desarrollar sitios web y requiere una serie de extensiones dedicadas a la depuración y análisis de páginas web a través de la utilización de perfiles que se pueden configurar diferentes ajustes Complemento:

Firefox guarda tu información personal, como marcadores, contraseñas y preferencias de un grupo de archivos llamado perfil situado en una ubicación diferente de los archivos de programa para Firefox.

En Windows Vista ( ver aquí para otros sistemas operativos) puede acceder a la gestión de perfiles desde el comando Esegui con:

1
firefox-ProfileManager

De gestión de perfiles

Una de las ventajas en el uso de perfiles es que usted puede tener un Firefox para navegar, así que sin las barras de herramientas y extensiones para la depuración y FireFox para desarrollar, junto con Firebug y todas las otras herramientas de desarrollo.

Más información ...

Muy corto truco: valores no definidos en Javascript

¿Existe un acceso directo a asignar "sobre la marcha" un valor a una variable si uno no está definido (no definido), utilizando el operador lógico OR (| |) - doble tubo:

1
2
3
4
5
/ / Foo no está definido
barra de var;
pluto || '5' ; var foo = bar | | '5 ';
pippo ) ; alerta (foo);
/ / Resultado: 5

Más información ...

WordPress: la mejora de la lista de comentarios

El estándar de la plantilla de WordPress (como otros) prevén normalmente un esquema alternativo de la lista de comentarios. En la plantilla estándar de una instancia de clase se establece CSS alt , según la lógica:

1
2
3
4
5
/ / Comments.php
$oddcomment ; ?> id="comment- <?php comment_ID ( ) ?> "> <? Li <php echo $ oddcomment;? "? Comment-<Php COMMENT_ID ()>"> ID =>
[...]
/ * Cambia cada otro comentario a una clase diferente * /
Oddcomment = $ (empty ($ oddcomment))? 'Class = "alt"':'';

) e una volta a class="alt" . Esto significa que la etiqueta li $oddcomment se establece una vez un espacio en blanco ( "" ) y una vez a class="alt" . Una modificación podría ser útil para introducir otra clase cuando el autor del blog para escribir un comentario:

imagen

Yo, por ejemplo, he usado el siguiente código en comments.php:

1
2
3
4
5
<? Php
( $comment -> user_id == 3 ) ? ' Authcomment ($ comentario -> user_id == 3) = $? '' ; authcomment ':'';
( empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; Classcomment = $ ( vacío ($ classcomment)) (($ authcomment =='') 'alt':''?):'';
>
?> <?= $authcomment ?> " id="comment- <?php comment_ID ( ) ?> "> <Li class = "<? = $ Classcomment?> <? = $ Authcomment>" id = "comment-<? Php COMMENT_ID ()?>">

del vostro utente. La línea de $comment-&gt;user_id==3 puede variar en función de ' ID de tu usuario. Yo, por ejemplo, no utilice el administrador de responder en el blog, pero tengo mi usuario ID=3 . , se usate questa utenza potete scrivere: $comment-&gt;user_id==1 . Normalmente, el ' ID del administrador es 1 , si se utiliza esta herramienta usted puede escribir: $comment-&gt;user_id==1 . De esta manera, no sólo para que el diseño alternativo de los comentarios que dejan los visitantes, la respuesta es inmediatamente reconocible autor del blog.

Más información ...

Camelize, CamelCase

Como se ve en el puesto de Variedades de la codificación y la codificación de los enfoques que un desarrollador pueda tener para resolver un problema son múltiples y diversas para el mismo lenguaje de programación utilizado. Así es como algunos de los frameworks de JavaScript más populares han resuelto una simple función de CamelCase :

Prototype.js

Prototype.js , versión 1.6.0.3, de forma explícita se propone un método camelize() para hacer el CamelCase en una cadena. El enfoque del autor es muy sencilla y el código es auto-explicativo. En este caso no se hizo ningún uso de expresiones regulares!

1
2
3
4
5
6
7
8
9
10
11
12
13
( ) { camelize: function () {
this . split ( '-' ) , len = parts. length ; . partes var = esta división ('-'), len = partes de longitud;.
len == 1 ) return parts [ 0 ] ; if (len == 1) piezas de retorno [0];

this . charAt ( 0 ) == '-' camelized var = esta charAt (0). == '-'
0 ] . charAt ( 0 ) . toUpperCase ( ) + parts [ 0 ] . substring ( 1 ) ? Partes [0]. CharAt (0). ToUpperCase () + partes [0]. Substring (1)
0 ] ; : Las partes [0];

var i = 1 ; i < len ; i ++ ) for (var i = 1, i <len; i + +)
i ] . charAt ( 0 ) . toUpperCase ( ) + parts [ i ] . substring ( 1 ) ; camelized + = partes [i] charAt (0) toUpperCase () + partes [i] substring (1)...;

retorno camelized;
}

Más información ...

CSS3: ¿alguien ha visto el Internet Explorer?

Yo simplemente no hacer ...

1
2
3
4
5
6
7
8
9
{P
/ * Esquinas redondeadas * /
; /* CSS 3 */ border-radius: 9px; / * CSS 3 * /
; /* Opera */ -O-border-radius: 9px; / * Opera * /
; /* iCab */ -ICab-border-radius: 9px; / * iCab * /
; /* Konqueror */ -Khtml-border-radius: 9px; / * Konqueror * /
; /* Firefox */ -Moz-border-radius: 9px; / * Firefox * /
; /* Safari */ -Webkit-border-radius: 9px; / * Safari * /
}

Más información ...

Truco muy corto: más rápidos bucles en ActionScript

En los ciclos de Actionscript for que es bueno para usarlos con cuidado. Por ejemplo, es recomendable utilizar variables uint cuando se puede:

1
2
3
var i : uint = 0 ; i ++; i < 100 ) { for (var i: uint = 0; i + +; i <100) {
/ / ...
}

También puede utilizar la opción - no siempre se conocen - la forma:

1
2
3
4
5
uint = 0 ; var i: uint = 0;
/ / ...
; i ++; i < 100 ) { for (; i + +; i <100) {
/ / ...
}

Más información ...

JQuery: animar backgroundColor

(che nella versione camelize è backgroundColor ). Yo no entendía si se trata de un error o algo intencionado, el hecho es que cualquiera que sea el método animate() de jQuery no funciona con algunos atributos CSS, incluyendo background-color (la versión camelize es backgroundColor ). Por ejemplo el siguiente código no tiene ningún efecto:

1
2
3
4
5
"text/css" > < estilo type = "text / css">
div # box {background-color: # eee; ancho: 100px; height: 100px}
</ estilo >
<-! .... ->
"box" >< / div > < div id = "caja"> </ div >
1
) . animate ( { backgroundColor : "#f90" } ) ; $ ('Div # caja') animate ({backgroundColor: "# f90"}).;

Para resolver este problema es necesario instalar una extensión: Animaciones de color con jQuery . Esto le permite ejecutar el "Animaciones" atributo backgroundColor y más:

  • backgroundColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • color
  • outlineColor

Más información ...

ActionScript 3.0: MovieClip MovieClip más

Sólo un desarrollador Flash / Actionscript se está preparando para escribir una función similar a la descripción, los enfrentamientos de inmediato con el problema de la propagación de eventos entre MovieClip se superponen. De hecho, si un MovieClip (B) se superpone a un MovieClip (A) que responden, por ejemplo, para un evento MouseEvent.Mouse_OVER , pasando con el ratón en MovieClip (B) por encima de cualquier caso será interceptada por el MovieClip (A):

MovieClip MovieClip más

Más información ...



Deje de SOPA