août 12

Easy Digital Download

Ce plugin permet de vendre des biens numériques sur WordPress.

Un système de panier permet d’acheter plusieurs fichiers et de payer avec différentes plateformes.

EDD panier

Divers addons sont proposés, en autre permettant de mettre en vente un fichier directement en le plaçant dans un dossier DropBox

Catégorie : WEBMASTERING | Commenter
janvier 25

Rediriger une page vers une autre

WordPress insère le mot « category » entre le domaine et le nom de l’article. Pour faire une URL plus propre, le plugin SEO permet de virer ce mot.

Si des gens on déjà enregistré l’adresse qui comporte « category », il peut être pratique alors de les rediriger vers l’article.

Editer le fichier .htacces et insérer dedans

RewriteEngine On
RedirectPermanent /category/ancien-article/ /nouvelle-article/

***

Catégorie : WEBMASTERING | Commenter
mai 15

Menu déroulant en CSS

Merci à G Cyrillus pour ce menu en CSS, sans JavaScript et compatible Firefox, IE et Chrome.
Perso, le contexte de formatage ne me sert à rien dans mon test mais je ne suis pas expert.

CSS

/* Menu Déroulant sans float CSS3 et centré , GCyrillus */

/* Base CSS sans float et centrage du menu */
ul#menu-gc {
	display:table; /* contexte de formatage : alternative = inline-block */
	margin:auto;   /* centrage pour element similaire a block, si inline-block, alors text-align:center; sur le parent  */
	padding:0;		/* reset marge interne */
	}
#menu-gc li {
	display:inline-block; /* alternative à float avec contexte de formatage */
	}
#menu-gc ul {
	padding:0;			 	/* reset marge internes */
	position:absolute;		/* extraction du flux , peut necessité un z-index selon contexte des styles */
	}
#menu-gc ul li {
	display:block;			/* retour a un comportement de type block */
	}

/* gestion des menus */

/* on cache au repos les menus */
#menu-gc ul {
	left:-9999px;			/* on ejecte le menu de l'écran sans le rendre totalement inaccessible */
	}
/* on affiche le menu au survol de son ITEM parent */
#menu-gc li:hover ul {
	left:auto;				/* on laisse le navigateur faire si pas de positionement relatif impliqué dans un parent  */
	}
	
/* un peu de mise en forme */
#menu-gc, #menu-gc ul {
	box-shadow:inset 0 0px 2px  #333;
	background:#999;
	color:white;
	}
#menu-gc  li {
	min-width:60px;
	text-indent: 0.5em;
	padding: 0.25em 0.5em 0.25em 0;
	}
#menu-gc li:hover {
	background:#ccc;
	}
#menu-gc li li:hover {
	background:#eee;
	}

HTML

<ul id="menu-gc">
	<li>item 1
		<ul>
			<li><a href="#">lien item 1.1 </a></li>
			<li><a href="#">lien item 1.2 </a></li>
			<li><a href="#">lien item 1.3 </a></li>
			<li><a href="#">lien item 1.4 </a></li>
		</ul>
	</li>
	<li>item 2
		<ul>
			<li><a href="#">lien item 2.1 </a></li>
			<li><a href="#">lien item 2.2 </a></li>
			<li><a href="#">lien item 2.3 </a></li>
			<li><a href="#">lien item 2.4 </a></li>
		</ul>
	</li>
	<li>item 3 
		<ul>
			<li><a href="#">lien item 3.1 </a></li>
			<li><a href="#">lien item 3.2 </a></li>
			<li><a href="#">lien item 3.3 </a></li>
			<li><a href="#">lien item 3.4 </a></li>
		</ul>
	</li>
	<li>item 4
		<ul>
			<li><a href="#">lien item 4.1 </a></li>
			<li><a href="#">lien item 4.2 </a></li>
			<li><a href="#">lien item 4.3 </a></li>
			<li><a href="#">lien item 4.4 </a></li>
		</ul>
	</li>
	<li>item 5
		<ul>
			<li><a href="#">lien item 5.1 </a></li>
			<li><a href="#">lien item 5.2 </a></li>
			<li><a href="#">lien item 5.3 </a></li>
			<li><a href="#">lien item 5.4 </a></li>
		</ul>
	</li>

Catégorie : WEBMASTERING | Commenter
janvier 1

MailJet

MailJet est un service en ligne qui permet de créer et gérer des campagnes de newsletters.
Gratuit jusqu’à 6000 envoies par mois (max 200 jours), avec pleins d’options de suivies et de stats.

Un tuto bien fait sur blog.voyelle.me, je vais donc me penser sur la partie technique

Configuration avec OVH (mutualisé)

le but est de paramétrer mailjet et OVH pour que ce dernier accepte que mailjet utilise ces serveurs SMTP pour envoyer des mails en sont nom (en tant que le mail créé par le propriétaire de l’hébergement OVH).
Sur l’admin de Mailjet, à la rubrique compte/configuration SMTP, ou grace à cette adresse , il faut récupérer les infos SPF et la clé DKIM, correspondant à l’adresse mail du compte OVH.
Mailjet et SPF DKIM
La clé DKIM est situé entres les 2 parenthèses.
Ces infos sont ensuite à rentrer dans le manager OVH, à la rubrique Domaines et DNS / zone DNS.
(OVH précise « Afin d’utiliser le MANAGER pour mettre un place votre champ SPF personnalisé, vous devez avoir le domaine défini sur les DNS d’OVH « )
Zone DNS OVH et DKIM
Une fois rentré la clé sur OVH via Zone DNS/DKIM, il indique ça :
OVH résumé
Mails mailjet m’indique une erreur de DKIM.
En fait, il précise que la clé DKIM doit être sur 1 seule ligne mais OVH ne l’a pas fait.
Pour corriger le tire, il faut passer en mode texte et corriger la clé DKIM pour avoir ça :
OVH en mode texte
Il faut parfois un délai avant que OVH valide lé données et que mailJet soit OK, mais une fois fait :
Mailjet OK
septembre 6

Le fichier robots.txt

Empêcher l’indexation d’un site, d’une page…

La ligne Disallow indique les pages à bloquer. Vous pouvez inclure un modèle ou une URL spécifique, l’écriture est sensible à la casse.
L’entrée doit commencer par une barre oblique (/).

Le fichier doit contenir au début : User-agent: * pour bloquer TOUS les spiders qui indexent les sites (bing, Google, Badu…)

OU, on peut sélectionner un spider seul :

  1. googlebot (Google)
  2. bingbot (microsoft)
  3. msnbot (microsoft)

La base de donnée des différents moteurs de recherche

Autre infos sur le fichier robots.txt

 

  • Pour bloquer le site dans son intégralité, insérez une barre oblique.
    Disallow: /
  • Pour bloquer un répertoire et tous les éléments qu’il contient, ajoutez une barre oblique après le nom du répertoire.
    Disallow: /répertoire-xyz/
  • Pour bloquer une page, indiquez la page à bloquer.
    Disallow: /fichier_confidentiel.html
  • Pour supprimer une page et un dossier , ajoutez les lignes suivantes :
    Disallow: /fabien.htm
    disallow: /images/fabien/
  • Pour supprimer une image en particulier de Google Recherche d’images, ajoutez les lignes suivantes :
    User-agent: Googlebot-Image
    Disallow: /images/chiens.jpg
  • Pour supprimer toutes les images de votre site de Google Images, ajoutez les lignes suivantes :
    User-agent: Googlebot-Image
    Disallow: /
  • Pour bloquer un type de fichier spécifique(les fichiers .gif, par exemple), ajoutez les lignes suivantes :
    User-agent: Googlebot
    Disallow: /*.gif$
  • Pour empêcher l’exploration des pages de votre site tout en continuant à afficher des annonces AdSense sur ces pages, désactivez tous les robots autres, à l’exception de Mediapartners-Google. Dans ce cas, les pages n’apparaissent pas dans les résultats de recherche mais le robot Mediapartners-Google peut tout de même les analyser pour définir les annonces à diffuser. Le robot Mediapartners-Google ne partage aucune page avec les autres user-agents Google. Exemples :
    User-agent: *
    Disallow: /
    
    User-agent: Mediapartners-Google
    Allow: /

Tester le fichier robots.txt dans Google Webmaster Tools

  1. Sur la page d’accueil des outils pour les webmasters, cliquez sur le site de votre choix.
  2. Sous Etat de Santé, cliquez sur URL bloquées.
  3. Cliquez sur l’onglet Test de robots.txt, si ce n’est pas déjà fait.
  4. Copiez le contenu de votre fichier robots.txt et collez-le dans le premier champ.
  5. Dans la zone URL, indiquez le site à tester.
  6. Dans la liste User-agents, sélectionnez les user-agents de votre choix.

Aucune des modifications effectuées dans cet outil ne sera sauvegardée. Pour sauvegarder les modifications, vous devez copier le contenu et le coller dans votre fichier robots.txt.

Catégorie : WEBMASTERING | Commenter
juillet 16

Les mentions légales pour un site Web

La loi du 21 juin 2004 précise les infos devant figurer sur tous les sites Web.

Pour un site Web Professionnel, appartenant à une entreprise

  • Le nom du site
  • Le nom de la société propriétaire du site
  • La forme sociale de cette société (SARL, entreprise individuelle…)
  • Le capital
  • Le siège social
  • Le numéro de téléphone
  • Le numéro d’immatriculation au Registre du commerce
  • le numéro d’identification de  TVA
  • Le nom de la ou les personnes qui rédigent les page.

Pour un site Web appartenant à un particulier

  • Nom
  • Prénom
  • Adresse personnel

Si le particulier à une activité professionnel

  • Numéro d’immatriculation au registre du commerce et des sociétés ou au répertoire des métiers

De plus, dans les deux cas, on doit ajouter le nom et l’adresse de l’hébergeur du site.

Catégorie : WEBMASTERING | Commenter
juin 19

Trucs sur 1&1 (1and1)

1&1 sépare bien le nom de domaine du pack choisi.
Le nom de domaine doit être attaché au pack que l’on souhaite utiliser.

Pour chaque compte créé, 1&1 attribut un numéro commençant par « u » suivie d’une série de chiffre.
Par exemple, un TopSite (un site clé en main) aura un identifiant u45125689.
chaque compte à aussi son propre espace disque FTP.

Si l’on veut upgrader son pack, en fait on doit acheter un nouveau pack.
Il sera lié à un autre numéro u86321598 et à un autre espace FTP.

Si on veut passer un site d’un pack à un autre il faut bien penser à faire un transfert du nom de domaine vers le pack choisi.

1&1 envoie les identifiant client/login MAIS pas le mot de passe FTP.
Il faut le créer via l’interface ADMIN de 1&1

FTP

nom de serveur = nom_de_domaine.com

login = le numéro du pack en (u89452368)

passe = celui créé

mode = passif

Google analytics

La mise en place d’un compte analytics (sans avoir un compte Gmail) peux se faire via l’interface 1&1 :

1&1 Internet vous permet de modifier la configuration CNAME de votre Nom de domaine afin de faire pointer le web sur le serveur de votre choix.
Connectez-vous dans un premier temps à l’Espace Client.
Une fois connecté, dans la catégorie Configuration des domaines, sélectionnez votre Nom de domaine et cliquez sur le bouton DNS.
Dans la section Paramètres du serveur de noms cliquez sur Modifier.
Sous Données du domaine sélectionnez CNAME pour la fonction Paramètres généraux.
Renseignez alors l’Alias avec les informations fournies par votre prestataire.
Confirmez votre modification de l’enregistrement CNAME en cliquant sur Enregistrer.

Cependant, Google Analytics me fourni un alias considéré comme « trop long » par 1&1.

L’aide de Google me dit :

En regard de Alias, entrez google.fr pour la confirmation de la propriété du domaine ou ghs.google.com pour une URL personnalisée.

C’est ce que j’ai fait, j’attend la validation par 1&1

juin 2

Insérer du code dans un article WordPress

Après avoir longtemps chercher la meilleur solution, un petit résumé s’impose.

Comme tous les CMS, pour des raisons de sécurité, wordpress empêche ou alter (remplacement de balise par d’autre, suppression d’une partie du code, affichage sur une seule ligne…) le code inséré dans une page ou un article.

Des sources préconises cependant d’encadrer le code avec les balises « PRE » (pour du code de plusieurs lignes) ou « CODE » pour un extrait de code court.
On peut d’ailleurs rajouter du code CSS pour les balises PRE et CODE pour « améliorer » l’affichage.
exemple en entourant de balises PRE:

.test {
background:none repeat scroll #f9f9f9;
border-left:5px solid #ccc;
clear:both;
font:normal normal normal 11px/18px Monaco, monospace;
margin-bottom:18px;
overflow:auto;
padding:10px 15px;
}

Pour ma part, ça a toujours donné des résultats étranges et pas fiables.

Pour corser le tout, j’ai constaté que les thèmes influes sur le rendu de l’affichage du code (certains le coupe ou le font sortir du cadre de l(article).

Le mieux est donc de passer par une extensions WP qui va bien, j’ai choisi SyntaxHighlighter Evolved après plusieurs tests.
Cette extensions ce paramètres simplement via l’admin/extensions et permet meme d’avoir un aperçu du résultat.

Pour que l’extension fasse son boulot, il suffit d’encadrer son code avec des shortcodes correspondant au type de code en question :

Mais on peut aussi utiliser une extension tiers (SyntaxHighlighter TinyMCE Button) qui rajoutera à l’éditeur de WP un bouton « code », permettant d’intégrer et choisir le type de code.


Attention, si on passe par cette méthode, il faut bien cocher « load all brushes » dans les paramètres de l’extension

Le même code que plus haut mais inséré avec le plugin :

.test {
background:none repeat scroll #f9f9f9;
border-left:5px solid #ccc;
clear:both;
font:normal normal normal 11px/18px Monaco, monospace;
margin-bottom:18px;
overflow:auto;
padding:10px 15px;
}
Catégorie : WEBMASTERING | Commenter
novembre 14

Copier des données SQL d’une table à une autre

Via PHPmyAdmin, exporter la 1er table (les données à récupérer) en format EXCEL 97 (.xls), cocher « Afficher les noms de colonnes en première ligne »

l’ouvrir avec calc, chaque champ de la table devrait correspondre à une colonne.

Exporter le 2eme table (qui doit recevoir les données), via la même méthode et le même format

Coller dans les colonnes correspondantes les données de la table 1 et enregistrer le fichier

Vider la table 2 et importer le fichier .xls précédemment enregistré

Catégorie : WEBMASTERING | Commenter
octobre 29

PrestaShop

Récupérer son mot de passe oublié

1. Récupérer le COOKIE_KEY (série de chiffres et lettres) dans le fichier /config/setting.inc.php .

2. Aller sur ce site de cryptage md5 inscrire le COOKIE_KEY et « le_nouveau_mot_de_passe » à la suite sans espace.

3. Aller dans l’admin de la base de données (OVH=  https://phpmyadmin.ovh.net/ ) éditer  la première ligne de la table “_employee” : remplacer le champs ‘passwd’ par le mot de passe généré sur le site md5 .

Modifier mentions légales, livraison…

outils/CMS

Catégorie : WEBMASTERING | Commenter