Question

Est-il possible de laisser mes utilisateurs de définir la zone de recadrage d'une vignette de poste? Les vignettes sont toujours des pièces jointes poste existant, je préfère ne pas créer une pièce jointe supplémentaire par vignette.

Les vignettes postales doivent être 200x100 pixels, et proviennent de l'une des images utilisées dans le poste. Donc, dans mon monde idéal, lorsque vous cliquez sur le lien « Définir l'image en vedette », vous obtenez un aperçu des images déjà fournies, et lorsque vous cliquez sur l'un d'entre eux, vous pouvez définir la zone de recadrage vous (déplacement ou le redimensionnement, mais la tenue le rapport d'aspect de 2x1). Lorsque vous cliquez sur « OK », le nouveau poste miniature est enregistré avec la pièce jointe d'origine (dans le champ de métadonnées _wp_attachment_metadata['sizes']['post-thumbnail'] par exemple), et non comme une nouvelle pièce jointe. L'utilisation d'une image qui est déjà utilisé comme un poste miniature pour un autre poste ne doit pas être autorisé, ou au moins donner un avertissement.

Je crois que l'éditeur d'image inclus ne convient pas à mes besoins, puisque vous pouvez choisir d'éditer toutes les versions de l'image ou la vignette régulière, mais pas seulement la vignette après. Je trouve aussi un peu difficile de savoir ce que les versions que je suis l'édition, donc je pense que mes utilisateurs auront encore plus de mal avec elle.

Y at-il un plugin qui fait ce que je veux, ou que je peux facilement étendre à mes besoins?

Mise à jour: Exemple UI

Je aime vraiment l'interface de Mac OS X carnet d'adresses sélecteur d'image: vous sélectionnez une image et redimensionner un rapport fixe miniature Cropper via un curseur. Vous pouvez également faire glisser l'image de base autour. Vous pouvez étendre cette idée à plusieurs tailles d'image (j'ai un post-thumbnail et post-thumbnail-1/2 qui est la moitié de cette taille, par exemple). Laissez l'utilisateur de sélectionner les tailles (s), il est maintenant avec l'édition des cases à cocher, et dessiner les rectangles de culture appropriés à l'écran.

Le carnet d'adresses Cropper l'image en action

Était-ce utile?

La solution

Le code est toujours un gâchis, mais il semble fonctionner, même sur IE 8. Je prévois de le libérer dans le référentiel, mais dans le temps, vous pouvez jouer avec ma version actuelle . Pour y accéder, vous cliquez sur le « Modifier l'image » lors de l'ajout ou la modification d'une image, il remplace l'habituel éditeur d'image (ils sont très difficiles à combiner). Comme la plupart de la zone d'administration utilise la vignette régulière et ma version actuelle modifie la miniature post, il peut sembler le code n'a pas d'effet, mais l'essayer en montrant un poste miniature et vous devriez le voir changer.

Ce plugin nécessite mon On-Demand Image Resizer , qui est aussi toujours un gâchis, à faire le redimensionnement réel.

image dans l'Exemple cropper

Autres conseils

Votre meilleur pari est d'utiliser une culture d'image à base de javascript et php combiné avec ImageMagick ou GD.

Il devrait être écrit dans vos fonctions ou en tant que plug-in que je ne sais pas de la main de tout hors les plug-ins wordpress étagère, ce qui est surprenant.

Il y a une culture d'image YUI avec php basé option d'enregistrement http: // développeur .yahoo.com / Yui / examples / imagecropper / conn_crop.html

Voici un tutoriel différent sur la façon d'utiliser un jquery Cropper avec php
http://www.webmotionuk.co.uk/php- jquery-image-upload-et-culture /

Une troisième option très similaire au lien ci-dessus en utilisant la même jquery Cropper mais code différent. http://www.leonkessler.com/blog/?p=132

Voici la jcrop à l'aide d'un autre lieu jquery, http: // www.talkincode.com/jcrop-extension-implementation-in-php-932.html

Qui est pour un nouveau plug-in, ce serait sûrement populaire:)

En supposant que vous avez déjà ajouté le support pour post-vignettes, comme vous parlez l'option « Photo descriptive ».

Si oui, une option que vous avez à ajouter une nouvelle taille de l'image au tableau de téléchargement. Donc, par défaut, vous avez miniature, moyen, grand. Dans le bit suivant du code, cela ajoute une 4ème à l'image que l'assortiment, en fonction de la taille que vous désirez. Ce morceau de code serait ajouté à votre fichier functions.php.

add_image_size( 'new_thumb', 200, 100, true );

"new-pouce" = le nom de la nouvelle image personnalisée
"200" = largeur
"100" = hauteur
"True" = option récolte difficile. Cela va forcer une image à rogner à la largeur / hauteur définie. Sans, il adapte juste proportion.

Maintenant, pour afficher la nouvelle vignette sur une page ou un tableau poste, vous insérez ce qui suit dans votre code HTML

<?php the_post_thumbnail('new_thumb'); ?>

Vous pouvez utiliser les CSS pour avoir grande flexibilité, solution thumbnailing dans votre thème (si on le souhaite) et éviter l'encombrement du fichier:

http: //www.seifi. org / CSS / création-miniatures-utilisant-le-css-clip-property.html

Rappelez-vous que l'image entière sera chargée, alors ne pas utiliser vos originaux 3MB pour cela.

Mise à jour selon la demande de Jan: Si vous ne voulez écrêtage dynamique, pensez à:

  • Pour l'utilisateur = administrateur, créer CSS via PHP; vous pouvez simplement créer un lien vers le php qui lit les paramètres appropriés et régler les paramètres écrêtage en conséquence.
  • Pour l'utilisateur = visiteur, utiliser JavaScript pour modifier les paramètres de découpage dans l'attribut style de l'image.
  • En tant que solution moins invasive, envisager la création d'un shortcode (via le grand plug-in Shortcode Exec PHP) comme le pouce [w = ?? h = ??] url [/ pouce] que vous pouvez traduire à la balise HTML appropriée avec CSS en ligne.

Il y a un plugin appelé WP ancien Post Thumbnail que nous utilisons parfois. Ce n'est pas parfait, et il y a quelques bugs mineurs avec la dernière version fo WP (il n'a pas été mis à jour il est donc pas nécessairement fiable depuis 2008). http://wordpress.org/extend/plugins/wp-post-thumbnail/

Je crois que vous cherchez ceci: http://wordpress.org/extend/plugins/scissors/

J'ai besoin ce pour un projet je travaille aussi.

Je pense que la solution ultime à ce problème serait de modifier le plug-in de http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail- plugin /

et le personnaliser afin que toute les tailles d'image définie dans votre fichier functions.php personnalisé (à l'aide add_image_size( 'new_thumb', 200, 100, true );) obtenir automatiquement utilisé et obtenir le code pour remplacer (ou prolonger) le lien « modifier » lorsque vous souhaitez modifier une image.

En utilisant cette wordpress approche peut continuer à créer son image applicable tailles comme il le fait normalement, mais si vous souhaitez modifier spécifiquement la zone recadrée d'une image spécifique vous avez la possibilité de le faire à son tour remplacerait l'image générée automatiquement cette taille. Hmmm ... bien que des sons confus lecture au-dessus de nouveau son exactement ce que je ressens manque.

Je crois Actuellement le plugin enregistre ces tailles d'image personnalisée à un champ personnalisé dans un poste au lieu d'un poste pour une image applicable.

J'ai décidé de vignettes des cultures en utilisant le natif « wp_get_attachment_image » ... ici va un exemple d'une galerie d'images, avec recadrée vignettes

http://wpworks.wordpress.com / 2010/12/27 / galerie d'image avec l'image-culture /

Cordialement

Licencié sous: CC-BY-SA avec attribution
Non affilié à wordpress.stackexchange
scroll top