Utilisant Wordpresses Admin Color Picker

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Septembre 14th, 2009, 10:07 pm

Lorsque vous créez un nouveau poste dans Wordpress, il est une couleur de premier plan font Picker. Si vous cliquez sur "Plus de couleurs», il ouvre une version avancée du sélecteur de couleurs.

Y at-il un moyen facile à utiliser que la récolteuse de couleur avancés dans un plugin Wordpress?

Je veux juste avoir un lien qui ouvre le sélecteur de couleur, et faire que sélecteur de couleur de mettre à jour une zone de texte avec la couleur sélectionnée.
Ive a regardé par la source, mais la façon dont son installation semble un peu compliqué pour ce qui Im essayant de le faire Im se demandant s'il ya encore une façon plus simple.

Je ne veux pas d'inclure d'autres codes color picker avec mon plugin, ce serait stupide theres envisage déjà une impressionnante celui-là.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 14th, 2009, 10:07 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 15th, 2009, 1:43 pm

Im not sure comment disponibles qui colorpicker est depuis sa part de l'éditeur (Im pas positif, mais je pense thats un ajout tiers pour WP). Pour autant que je peux dire au autres plugins contenant un sélecteur de couleurs semblent utiliser leurs propres afin que vous peut-être pas de chance.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Septembre 15th, 2009, 4:12 pm

Yeah Ive a commencé à creuser la question de plus et il semble utiliser TinyMCE comme le principal éditeur et jQuery pour le pimenter un peu.

Ive arrivé au point de trouver un IFRAME avec une structure pour le sélecteur de couleur dans la source, mais il semble être subordonné à l'existence d'installation TinyMCE comme un éditeur riche dans le pare pas les cadres.

C'est probablement possible d'installer un éditeur de mannequin et transmettre ce qui se passe qui lui sont en mesure d'utiliser le sélecteur, mais sa commence à ressembler à son trouble plus que sa valeur.
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Septembre 17th, 2009, 6:02 am

J'ai fini par tomber sur un code sélecteur de couleur dans la recherche d'autre chose. Theres un sélecteur de couleur incluse qui peuvent être utilisés dans les greffons.

Ce n'est pas joli, mais son simple à installer (à condition que vous n'avez pas à désosser elle après l'avoir trouvé...) Et ça fonctionne.

Pour charger la bibliothèque et les choses, il dépend de vous prévaloir de ce droit partout où vous êtes ADMIN_MENU et actions contextual_help sont ajoutés.

PHP Code: [ Select ]
wp_enqueue_script('colorpicker');


Vous n'avez pas besoin de JS beaucoup après cela.
Première theres définir un remplacement pour la fonction intégrée à la bibliothèque pour assigner la couleur. Non requis, mais il vous permet de faire des choses comme l'affichage d'une palette de couleurs ainsi que la mise à jour le champ de formulaire, si vous le définir.
JAVASCRIPT Code: [ Select ]
window.pickColor = function(a)
{
   ColorPicker_targetInput.value = a;
   jQuery('#' + myObj.swatch).css('background-color', a);
}
  1. window.pickColor = function(a)
  2. {
  3.    ColorPicker_targetInput.value = a;
  4.    jQuery('#' + myObj.swatch).css('background-color', a);
  5. }


Après cette theres le programme d'installation pour le sélecteur
JAVASCRIPT Code: [ Select ]
myObj = new Object();
myObj.cp = new ColorPicker();
myObj.cp.writeDiv();
  1. myObj = new Object();
  2. myObj.cp = new ColorPicker();
  3. myObj.cp.writeDiv();



Theres Alors, l'affaire d'une fonction de ce que vous cliquez sur pour appeler. Dans cet exemple "t" est l'ID / nom du champ de formulaire que la couleur doit être renvoyée. "p" est l'ID de l'élément que le sélecteur de couleur doit être affiché sous.
NOTE: La bibliothèque semble utiliser la version prototype de $ ()
JAVASCRIPT Code: [ Select ]
myObj.ColorPicker = function(t, p)
{
   myObj.swatch = p;
   myObj.cp.select($(t), myObj.swatch);
   return true;
}
  1. myObj.ColorPicker = function(t, p)
  2. {
  3.    myObj.swatch = p;
  4.    myObj.cp.select($(t), myObj.swatch);
  5.    return true;
  6. }


En tout état de cause, Im tenté d'écrire juste mon propre sélecteur de couleur peu. Bien que je ne doit pas comprendre plus de code pour celui-ci, vraiment tout ce que je avoir besoin de de faire est très à la communication " #colorPickerDiv "div l'affiche dans un peu.
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Septembre 17th, 2009, 6:16 am

Bah. Doesnt travailler correctement dans Firefox.
Strong with this one, the sudo is.
  • suzie
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Fév 07, 2004
  • Messages: 1127
  • Loc: England
  • Status: Offline

Message Octobre 4th, 2009, 2:18 am

I love Nattyware,

http://www.nattyware.com/pixie.php

Une couleur page web j'ai aimé aujourd'hui m'a fait tout ce que j'ai besoin d'avoir ma couleur préférée dans mon Wordpress si j'avais besoin de l'utiliser...rouge...I love rouge.

<span style = "color: #802425; "> <blabla / span>

Ou dans Photoshop
RGB: 128.37.36

Cela devrait être profonde lol rouge pas encore essayé.

Thats fine pour les postes de texte sur la durée de Wordpress (couleur). La page rouge serait fait en CSS.

Widget: Je ne sais jamais vu que l'un avant n'importe où.

:mrgreen:

Afficher de l'information

  • Total des messages de ce sujet: 6 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 89 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC