[wordpress] Extension PagePlus

Bienvenue

Née d’un besoin spécifique, PagesPlus est une simple extension pour la plate-forme Wordpress qui ajoute aux Pages ce qui est normalement réservé aux Articles, c’est à dire la possibilité d’y mettre des Mots Clefs, de classer la page dans des Catégories et d’y ajouter un Extrait. Ce sont des ajouts qui me permettent de mieux gérer les nombreuses pages de mon site/blogue.

Si l’extension vous intéresse, vous n’avez qu’à télécharger le fichier archive wp-pagesplus.zip et extraire le fichier wp-pagesplus.php directement dans le dossier plugins de Wordpress, normalement /wp-contents/plugins/.

[Usage]

Prenez note: La catégorie par défaut pour les Pages est la même que celle choisie par défaut pour les Articles, une option retrouvée dans Options d’Écriture.  Veillez changer cette catégorie si elle ne vous convient pas pour les Pages (ou Articles) et le faire pour chaque page déjà publiée puisque ces pages auront hérité de la catégorie par défaut.

Si vous désirez exclure des catégories des pages Home, Recherche, Archives et flux RSS il existe le plugin ACE – Advanced Category Exclusion, Content Exclusion, Advanced Content Excluder pour WordPress. Le site de l’extension: http://ace.dev.rain.hu/  Avec ACE vous pourrez exclure les Pages (ou articles) affichant telle ou telle  catégorie.

Dans la prochaine version il y aura la possibilité d’ajouter une catégorie par défaut pour les pages différente de celle des Articles.

[Aperçu] 

Ajout des modules Mots Clefs, Catégories er Extrait aux Options de la Page (encadré en rouge).

[Wordpress] Carrousel photos et texte

J’ai désinstallé le réputé plugin Wordpress Feature Content Gallery que j’utilisais en page d’accueil. Je le trouve un peu lourd avec l’utilisation des ‘champs personnalisés’, visuellement complexe avec ses flèches et pop-up qui s’affichent de toute part, et finalement peu souple à l’usage (exemple, une seule photo possible par article). L’important c’est le ‘message’ et Feature Content Gallery ne remplit pas bien ce rôle à mon avis.

A la place, j’ai construit un carrousel très simple qui laisse toute la place au message, fondé sur la librairie  jQuery. Le code nécessaire est inséré au lieu d’apparition du carrousel sur la page, il y a 9 paramètres pour la configuration, et on y ajoute manuellement dans une liste les photos ou le texte html stylisé. La tabulation s’ajoute au fil des items de la liste et un mode auto peut être actionné (ou mis en paramètre) pour faire défiler sans fin les items de la liste. En mode défilement automatique, la diapo peut être bloquée en posant la souris dessus. Il est possible de créer un lien vers un item du carrousel.

Le résultat est visible Diapositive Volvox.

Mon code est disponible. L’installation du carrousel demande une légère connaissance du contenu des pages de son modèle (template) Wordpress, Drupal ou autre afin d’y insérer le code et le configurer.

Traduction Google Rest

Une petite application qui met à profit le Service de Traduction Google REST dont on trouvera tout le détail sur cette page de Google Code:  Google Ajax API Language. La traduction peut se faire dans une vingtaine de langues.

[Téléchargement]

[Code]

Fonction GoogleRest Delphi qui englobe l’API Google de traduction, d’après Marco Cantu:

function TBabelGoogleRest.DoTranslate(strIn: string): string;
var
strUrl, strResult: string;
nPosA, nPosB: Integer;
begin
Http1.Request.Referer := ''; // pas encore opérationel
strUrl := Format (
'http://ajax.googleapis.com/ajax/services/language/translate?' +
'v=1.0&q=%s&langpair=%s',
[TIdUri.ParamsEncode (strIn),
FFromLang + '%7C' + FToLang]); // format ne reconnait pas %7 !!!
strResult := Http1.Get(strUrl);
nPosA := Pos ('"translatedText":', strResult); // début de JSON data
if nPosA = 0 then
begin
nPosA := Pos ('"responseDetails":', strResult); // début de JSON data
nPosA := nPosA + Length ('"responseDetails":');
end
else
nPosA := nPosA + Length ('"translatedText":');// partage
nPosA := PosEx ('"', strResult, nPosA) + 1; // ouverture
nPosB := PosEx ('"', strResult, nPosA) - 1; // fermeture
Result := Copy (strResult, nPosA, nPosB - nPosA + 1);
end;

[php wordpress] Afficher les titres d’une même catégorie

Tout simplement pour afficher (dans une colonne ou widget php) quelques titres d’une même catégorie.

Les variables:

numberposts= Nombre de titres à afficher.
category= ID de la catégorie.
offset= 0 si plus d’un post par page, 1 si seul. 1 post par page.

<ul>
<?php
global $post;
$myposts = get_posts('numberposts=5&offset=0&category=1');
foreach($myposts as $post) :
?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

[Référence] : Wordpress CODEX Template Tags/getposts

Noms de couleurs reconnus pour le Web

Ces noms de couleur sont reconnus par la plupart des navigateurs sur le Web.  Ainsi on pourra utiliser le nom plutôt que le code hexadécimal – quoique ce dernier ne porte jamais à confusion pour aucun navigateur.  Ne sont montrées ici, à titre indicatif, que des noms facilement mémorisés. Couleurs classées par ordre alphabétique de noms.

aliceblue #F0F8FF	antiquewhite #FAEBD7	aqua #00FFFF	aquamarine #7FFFD4
azure #F0FFFF	beige #F5F5DC	bisque #FFE4C4	black #000000
blanchedalmond #FFEBCD	blue #0000FF	blueviolet #8A2BE2	brown #A52A2A
burlywood #DEB887	cadetblue #5F9EA0	chartreuse #7FFF00	chocolate #D2691E
coral #FF7F50	cornflowerblue #6495ED	cornsilk #FFF8DC	crimson #DC143C
cyan #00FFFF	darkblue #00008B	darkcyan #008B8B	darkgoldenrod #B8860B
darkgray #A9A9A9	darkgreen #006400	darkkhaki #BDB76B	darkmagenta #8B008B
darkolivegreen #556B2F	darkorange #FF8C00	darkorchid #9932CC	darkred #8B0000
darksalmon #E9967A	darkseagreen #8FBC8B	darkslateblue #483D8B	darkslategray #2F4F4F
darkturquoise #00CED1	darkviolet #9400D3	deeppink #FF1493	deepskyblue #00BFFF
dimgray #696969	dodgerblue #1E90FF	firebrick #B22222	floralwhite #FFFAF0
forestgreen #228B22	fuchsia #FF00FF	gainsboro #DCDCDC	ghostwhite #F8F8FF
gold #FFD700	goldenrod #DAA520	gray #808080	green #008000
greenyellow #ADFF2F	honeydew #F0FFF0	hotpink #FF69B4	indianred #CD5C5C
indigo #4B0082	ivory #FFFFF0	khaki #F0E68C	lavender #E6E6FA
lavenderblush #FFF0F5	lawngreen #7CFC00	lemonchiffon #FFFACD	lightblue #ADD8E6
lightcoral #F08080	lightcyan #E0FFFF	lightgoldenrodyellow #FAFAD2	lightgreen #90EE90
lightgrey #D3D3D3	lightpink #FFB6C1	lightsalmon #FFA07A	lightseagreen #20B2AA
lightskyblue #87CEFA	lightslategray #778899	lightsteelblue #B0C4DE	lightyellow #FFFFE0
lime #00FF00	limegreen #32CD32	linen #FAF0E6	magenta #FF00FF
maroon #800000	mediumaquamarine #66CDAA	mediumblue #0000CD	mediumorchid #BA55D3
mediumpurple #9370DB	mediumseagreen #3CB371	mediumslateblue #7B68EE	mediumspringgreen #00FA9A
mediumturquoise #48D1CC	mediumvioletred #C71585	midnightblue #191970	mintcream #F5FFFA
mistyrose #FFE4E1	moccasin #FFE4B5	navajowhite #FFDEAD	navy #000080
oldlace #FDF5E6	olive #808000	olivedrab #6B8E23	orange #FFA500
orangered #FF4500	orchid #DA70D6	palegoldenrod #EEE8AA	palegreen #98FB98
paleturquoise #AFEEEE	palevioletred #DB7093	papayawhip #FFEFD5	peachpuff #FFDAB9
peru #CD853F	pink #FFC0CB	plum #DDA0DD	powderblue #B0E0E6
purple #800080	red #FF0000	rosybrown #BC8F8F	royalblue #4169E1
saddlebrown #8B4513	salmon #FA8072	sandybrown #F4A460	seagreen #2E8B57
seashell #FFF5EE	sienna #A0522D	silver #C0C0C0	skyblue #87CEEB
slateblue #6A5ACD	slategray #708090	snow #FFFAFA	springgreen #00FF7F
steelblue #4682B4	tan #D2B48C	teal #008080	thistle #D8BFD8
tomato #FF6347	turquoise #40E0D0	violet #EE82EE	wheat #F5DEB3
white #FFFFFF	whitesmoke #F5F5F5	yellow #FFFF00	yellowgreen #9ACD32

Note: Les noms retenus plus haut ne font pas partie des standards web W3C web. Les standards W3C HTML et CSS ne reconnaissent que 16 noms de couleur: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, et yellow.  L’emploi des valeurs hexadécimales dans les documents HTML ou CSS évitera toute erreur.

[Complément]

Color Match Redux. Outil en ligne permettant de voir une palette de couleurs qui s’agencent bien ensemble.

ColorCombos. Trouver la combinaison parfaite de couleurs.

Color Palette Generator. Trouver une palette de couleur s’agençant parfaitement à une image.

Logiciel Volvox Listra Utilitaire portable sans installation pour aider dans le choix des couleurs et fontes à utiliser dans les documents html.

Pantone – pour l’inspiration et les quelques logiciels gratuits après enregistrement.

Page suivante »