Catégorie «Internet»


WordPress: écrire une déconnexion personnel

À partir du poste de WordPress: étape par étape comment créer leur propre connexion , la procédure de connexion effectué peut être utile d'indiquer dans notre blog un lien pour vous déconnecter ou déconnecter. Nous n'utiliserons pas dans ce cas, les procédures standard de WordPress, mais nous allons voir comment se connecter à un niveau bas. Nous devons d'abord déterminer si un utilisateur est connecté ou non. Ceci est possible en interrogeant simplement la variable $user_ID WordPress. Par exemple:

1
2
3
$user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ user_ID! ='') {/ / ou si (is_user_logged_in ()) {
/ / Un utilisateur est "connecté" ...
}

Une fois que nous savons que l'utilisateur est "connecté" dans le système, nous pouvons insérer un simple lien vers notre page de déconnexion. Nous créons ainsi une page, par exemple logout.php , seguende et entrer le code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/ **
* Effectue la déconnexion
*
* @ Auteur Giovan Battista Fazioli
* @ Email@g.fazioli undolog.com
* @ Web http://www.undolog.com
* /
/ / Invoke bootstrap WordPress
( 'wp-config.php' ) ; @ Require_once ('wp-config.php');
( 'wp-includes/pluggable.php' ) ; @ Require_once ('wp-includes/pluggable.php');
/ / Wp déconnexion
wp_logout ();
/ / Charge n'importe quelle autre page
"Location: /" ) ; tête ("Location: /");

Et "lien" pour le moment à notre page pour fournir des procédures de déconnexion:

1
2
3
$user_ID != '' ) { if ($ user_ID! ='') {
; echo 'Run <a href="logout.php"> déconnexion </ a>';
}

Lire la suite ...

WordPress: étape par étape comment créer leur propre connexion

Dans ce tutoriel, nous allons voir comment créer une procédure de connexion personnelle, en utilisant également des fonctionnalités Ajax en utilisant jQuery . ). Il existe différentes façons de personnaliser votre WordPress connexion, par exemple par l'utilisation de crochets et de filtres ( add_action() , add_filter() ). Ici, nous allons utiliser un niveau inférieur procédure, même si de toute façon interfacceremo noyau WordPress. En outre, nous allons essayer de valider un utilisateur par l'intermédiaire du dupla email / mot de passe.

Pourquoi mettre en place leur propre connexion?

  • Dans certains contextes, peut retourner uitle ont un maximum de contrôle sur la page de connexion, de proposer une mise en page personnalisée à nos utilisateurs enregistrés. Aussi, vous pouvez enrichir la page avec des informations utiles, à partir d'un logo pour le classique "Mot de passe oublié?"
  • Pour permettre l'accès par e-mail (comme dans l'exemple présenté ici) au lieu de user_login WordPress norme
  • Pour avoir la possibilité d'entrer dans un panneau de connexion dans la barre latérale de notre blog
  • Et enfin, d'avoir un squelette - et une idée - un grand Plugin : D

Environnement

Dans notre exemple / tutoriel, nous allons travailler sur la base de WordPress dans un dossier mylogin . . Créez deux fichiers php dans ce dossier: index.php et logon.php . Le premier contiendra l'interface de notre journal, avec toutes les fonctions Javascript / jQuery nous avons besoin. Le second fichier, logon.php , contient le code pour valider l'utilisateur. e una cartella images . Nous créons alors un dossier css et le contenu de ce fichier layout.css et un dossier images . Dans le dossier des images mettra un Ajax loader classique: créer en ligne à AjaxLoad.info . A la fin vous devez avoir:

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

Lire la suite ...

FireFox: gestion des profils

Mozilla Firefox vous permet de gérer plusieurs profils , fonction utile pour ceux qui, comme moi, de développer des sites Web et nécessite toute une série d'extensions dédiées à l'analyse et le débogage des pages Web Grâce à l'utilisation de profils, vous pouvez configurer différents paramètres FireFox:

Firefox enregistre vos informations personnelles telles que des signets, mots de passe et préférences dans un ensemble de fichiers appelé votre profil situé dans une position différente par rapport aux fichiers de programme Firefox.

Sous Windows Vista ( voir ici pour d'autres systèmes d'exploitation), vous pouvez accéder à la gestion des profils de la commande Esegui en utilisant:

1
firefox-ProfileManager

Gestion des profils

Un des avantages de l'utilisation des profils, c'est que vous pouvez avoir un Firefox pour naviguer, sans toutes les barres d'outils et extensions pour le débogage et FireFox pour élaborer, avec Firebug et tous les autres outils de développement.

Lire la suite ...

Très courte truc: les valeurs non définies en Javascript

Il ya un court formulaire pour donner "à la volée" une valeur à une variable si un autre n'est pas défini (undefined), en utilisant l'opérateur logique OR (| |) - double pipe:

1
2
3
4
5
/ / Bar est indéfini
bar var;
pluto || '5' ; var foo = bar | | '5 ';
pippo ) ; alert (foo);
/ / Résultat: 5

Lire la suite ...

WordPress: Amélioration de la liste des commentaires

Le modèle standard de WordPress (comme d'autres) donne habituellement lieu à une autre disposition de la liste des commentaires. Dans le type de l'échantillon de modèle est défini une classe css alt , selon la logique:

1
2
3
4
5
/ / Comments.php
$oddcomment ; ?> id="comment- <?php comment_ID ( ) ?> "> <? Li <php echo $ oddcomment;?> ID = "? Comment-<Php COMMENT_ID ()>">
[...]
/ * Modifie tous les commentaires à une classe différente * /
$ Oddcomment = (empty ($ oddcomment))? "Class =" alt "''';

) e una volta a class="alt" . Cela signifie que l'étiquette li $oddcomment est fixé une fois vide ( "" ) et une fois par class="alt" . Un changement utile serait d'introduire une classe supplémentaire quand il est l'auteur du blog pour poster un commentaire:

image

Moi, par exemple, j'ai utilisé le code suivant dans comments.php:

1
2
3
4
5
<? Php
( $comment -> user_id == 3 ) ? ' $ Authcomment = ($ commentaire -> user_id == 3)? '' ; authcomment ':'';
( empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; $ Classcomment = ( vide ? ($ classcomment)) (? ($ authcomment =='') 'alt':''):'';
?>
?> <?= $authcomment ?> " id="comment- <?php comment_ID ( ) ?> "> <Class Li = "<? = $ Classcomment?> <? = $ Authcomment?>" Id = "comment-<? Php COMMENT_ID ()?>">

del vostro utente. La ligne $comment-&gt;user_id==3 peut varier en fonction de la ' ID de votre utilisateur. Pour ma part, ne pas utiliser l'administrateur de répondre sur le blog, mais j'ai ma propre utilisateur avec ID=3 . , se usate questa utenza potete scrivere: $comment-&gt;user_id==1 . Normalement, le " ID de l'administrateur est 1 , si vous utilisez cet utilitaire, vous pouvez écrire: $comment-&gt;user_id==1 . De cette façon, en plus d'avoir l'alternance de mise en page sur les commentaires laissés par les visiteurs, la réponse est immédiatement reconnaissable auteur du blog.

Lire la suite ...

Camelize, ChatMot

Comme déjà vu dans le post Variété de codage et de codage des approches que le développeur peut avoir à résoudre un problème sont multiples et diverses en langage de programmation de genre utilisé. Voilà comment certains des cadres les plus populaires Javascript ont résolu une simple fonction de ChatMot :

Prototype.js

Prototype.js , la version 1.6.0.3, propose explicitement une méthode camelize() pour faire la camelcase sur une chaîne. L'approche de l'auteur est assez simple et le code est auto-explicatif. Dans ce cas, il n'a pas été fait usage de l'expression régulière!

1
2
3
4
5
6
7
8
9
10
11
12
13
( ) { camelize: function () {
this . split ( '-' ) , len = parts. length ; parties var = ce split ('-'), len = longueur des parties..;
len == 1 ) return parts [ 0 ] ; si (== len 1) parties de retour [0];

this . charAt ( 0 ) == '-' camelized var = ce charAt (0). == '-'
0 ] . charAt ( 0 ) . toUpperCase ( ) + parts [ 0 ] . substring ( 1 ) ? Pièces [0]. CharAt (0). ToUpperCase () + parties [0]. Chaine (1)
0 ] ; : Pièces [0];

var i = 1 ; i < len ; i ++ ) for (var i = 1; i <len; i + +)
i ] . charAt ( 0 ) . toUpperCase ( ) + parts [ i ] . substring ( 1 ) ; .. camelized + = parties [i] charAt (0) toUpperCase () + pièces [i] de sous-chaînes (1).;

camelized revenir;
}

Lire la suite ...

CSS3 a vu quelqu'un Internet Explorer?

Je fais tout simplement pas ...

1
2
3
4
5
6
7
8
9
p {
/ * Coins arrondis * /
; /* 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 * /
}

Lire la suite ...

Très courte truc: pour les boucles rapides en Actionscript

Dans les cycles Actionscript for il est bon de les utiliser avec précaution. Par exemple, il est bon d'utiliser la variable uint quand vous le pouvez:

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

Vous pouvez également utiliser l'option - pas toujours connu - forme:

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

Lire la suite ...

jQuery: animer backgroundColor

(che nella versione camelize è backgroundColor ). Je ne comprends pas si c'est un bug ou une chose délibérée, mais il reste un fait que la méthode animate() dans jQuery ne fonctionne pas avec certains attributs CSS, y compris background-color (dans la version camelize est backgroundColor ). Par exemple, le code suivant n'a pas d'effet:

1
2
3
4
5
"text/css" > < le style type = "text / css">
div # box {background-color: # eee; width: 100px; hauteur: 100px}
</ style de >
<- .... ->
"box" >< / div > < div id = "box"> </ div >
1
) . animate ( { backgroundColor : "#f90" } ) ; . $ ('Div # box') Animation ({coulArrièrePlan: "# f90"});

Pour résoudre ce problème, vous devez installer une extension: jQuery Couleur Animations . Cela vous permet d'exécuter "animation" attribut backgroundColor et plus:

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

Lire la suite ...

Actionscript 3.0: MovieClip MovieClip sur

Juste un développeur Flash / Actionscript se prépare à écrire une fonction semblable à une bulle, se heurte immédiatement au problème de la propagation des événements entre MovieClip superposées. En fait, si un clip (B) chevauche à un clip (A) qui répond, par exemple, à un événement MouseEvent.Mouse_OVER , en passant avec la souris sur le MovieClip (B) plus aucun cas plus intercepté par MovieClip (A):

MovieClip MovieClip sur

Lire la suite ...