it-swarm.asia

Küçük resimlerin kullanıcı dostu bir şekilde kırpılması?

Kullanıcılarımın küçük resimdeki kırpma alanını tanımlamasına izin vermenin bir yolu var mı? Küçük resimler her zaman ekler halindedir, küçük resim başına ek bir ek oluşturmak istemem.

Küçük resimler 200x100 piksel olmalı ve yayında kullanılan görüntülerden birinden gelmelidir. Bu yüzden, ideal dünyamda "Sunulan Resmi Ayarla" bağlantısını tıkladığınızda, önceden dahil edilmiş resimlere genel bir bakış elde edersiniz ve bunlardan birine tıkladığınızda, kırpma alanını kendiniz tanımlayabilirsiniz (taşıyarak veya yeniden boyutlandırarak, ancak 2x1 en boy oranı). "Tamam" ı tıklattığınızda, yeni yayın minik resmi, yeni bir ek olarak değil, orijinal ekle (örneğin, _wp_attachment_metadata['sizes']['post-thumbnail'] meta veri alanında) kaydedilir. Başka bir gönderi için zaten küçük resim olarak kullanılan bir resmin kullanılmasına izin verilmemeli veya en azından bir uyarı verilmelidir.

Eklenen resim düzenleyicinin ihtiyaçlarıma uygun olmayacağına inanıyorum, çünkü görüntünün tüm sürümlerini veya normal minik resmi düzenlemeyi seçebilirsiniz, ancak yalnızca post minik resmi değil. Ayrıca hangi sürümleri düzenlediğimi bilmek biraz kafa karıştırıcı buluyorum, bu yüzden kullanıcılarımın daha fazla sorun yaşayacağını düşünüyorum.

İstediğimi yapan veya ihtiyaçlarımı kolayca karşılayabileceğim bir eklenti var mı?

Güncelleme: Örnek UI

Mac OS X Adres Defteri görüntü seçicisinin arabirimini çok beğendim: bir görüntü seçtiniz ve kaydırıcı aracılığıyla sabit oranlı bir küçük resim kırpıcısını yeniden boyutlandırıyorsunuz. Temel görüntüyü etrafına da sürükleyebilirsiniz. Bu fikri birden fazla görüntü boyutuna genişletebilirsiniz (örneğin, bu boyutun yarısı olan bir post-thumbnail ve post-thumbnail-1/2 var). Kullanıcının şimdi düzenlemekte olduğu boyutları onay kutularıyla seçmesine izin verin ve ekranda uygun kırpma dikdörtgenlerini çizin.

The Address Book image cropper in action

32
Jan Fabry

Kod hala bir karışıklık, ancak IE'de bile çalışıyor gibi görünüyor 8. Onu depoda bırakmayı planlıyorum, ancak bu arada mevcut sürümüm ile oynayabilirsiniz. Bir görüntüyü eklerken veya düzenlerken "Görüntüyü Düzenle" yi tıkladığınızda, normal görüntü düzenleyicinin yerini alır (birleştirilmesi çok zordur). Yönetici alanının çoğu normal küçük resmi kullandığından ve geçerli sürümüm küçük resmi düzenlerse, kodun bir etkisi olmadığından görünebilir, ancak küçük resmi göstererek deneyin; bunun değiştiğini görmelisiniz.

Bu eklenti gerçek yeniden boyutlandırmayı yapmak için benim İsteğe Bağlı Görüntü Yeniden Düzenleyiciyi , yine de bir karmaşa yaratıyor.

Example image in the cropper

11
Jan Fabry

En iyi bahis, javascript tabanlı bir görüntü kırpma ve ardından ImageMagick veya Image Gd ile birlikte php kullanmaktır.

İşlevlerinize veya bir eklenti olarak yazılmış olması gerekir; çünkü şaşırtıcı olan hiçbir şey, kelime eklentisi dışında kullanılamaz.

Php tabanlı kaydetme seçeneği olan bir YUI görüntü kırpma var http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html

Php ile jquery cropper nasıl kullanılacağı konusunda farklı bir öğretici
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

Aynı jquery cropper'ı ancak farklı kodu kullanan yukarıdaki bağlantıya çok benzeyen üçüncü bir seçenek. http://www.leonkessler.com/blog/?p=132

İşte bunun yerine jquery'nin jprop'unu kullanan bir başka: http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html

Yeni bir eklenti için kim, bu kesinlikle popüler olurdu :)

4
Wyck

Büyük esnekliğe sahip olmak, temanızdaki küçük resimleri düzeltmek (isteniyorsa) ve dosya karmaşasını önlemek için CSS kullanmak isteyebilirsiniz:

http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html

Tüm görüntünün yükleneceğini unutmayın, bu nedenle 3 MB orijinallerinizi bunun için kullanmayın.

Jan’in isteğine göre güncelleme: Dinamik kırpma istiyorsanız, aşağıdakileri göz önünde bulundurun:

  • Kullanıcı için = yönetici, PHP ile CSS oluşturun; sadece uygun ayarları okuyan php ile bağlantı kurabilir ve kırpma parametrelerini buna göre ayarlayabilirsiniz.
  • Kullanıcı = ziyaretçi için, görüntünün stil özniteliğindeki kırpma parametrelerini değiştirmek için JavaScript kullanın.
  • Daha az invaziv bir çözüm olarak, [thumb w = ?? gibi bir kısa kod (büyük eklenti aracılığıyla Kısa Kod Yürütme PHP) oluşturmayı düşünün. h = ??] url [/ thumb] inline CSS ile uygun HTML etiketine çevirebilirsiniz.
1
Raphael

Bunu aradığına inanıyorum: http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

Bunu denemedim, ancak aradığınız işlevselliği size sunmalıdır.

Buradaki orijinal eklenti sayfası. http://wordpress.org/extend/plugins/scissors/

Üzerinde çalıştığım bir proje için buna ihtiyacım var.

1
tomcat23

Yerel "wp_get_attachment_image" kullanarak minik resimleri kırpmaya karar verdim ... işte kırpılmış küçük resimleri olan bir resim galerisi örneği

http://wpworks.wordpress.com/2010/12/27/image-gallery-with-image-crop/

Saygılarımla

1
Alvaro Neto

WP Post Bazen kullandığımız küçük resim adlı eski bir eklenti var. Mükemmel değil ve en son sürümüne WP sahip bazı küçük hatalar var (2008'den bu yana güncellenmedi, bu yüzden mutlaka güvenilir değil). http://wordpress.org/extend/plugins/wp-post-thumbnail/

1
gabrielk

"Sunulan Görüntü" seçeneğinden bahsederken, küçük resimler için zaten destek eklediğinizi varsayalım.

Öyleyse, seçeneklerden biri, yükleme dizisine yeni bir resim boyutu eklemenizi sağlar. Yani varsayılan olarak, küçük, orta, büyük. Aşağıdaki kod bitinde, istediğiniz boyuta bağlı olarak, bu ürün grubuna 4. görüntü ekler. Bu kod parçası functions.php dosyasına eklenir.

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

"new-thumb" = yeni özel görüntünün adı
"200" = genişlik
"100" = yükseklik
"true" = sert ürün seçeneği. Bu, görüntüyü tanımlanmış genişliğe/yüksekliğe kırpmaya zorlar. Olmadan, sadece orantılı ölçeklenir.

Şimdi, yeni küçük resmi bir sayfada veya yazı dizisinde görüntülemek için aşağıdakileri HTML’nize eklersiniz

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

Bu sorunun nihai çözümünün http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail-plugin/ adresinden eklentiyi değiştirmek olacağını düşünüyorum.

ve özelleştirin, böylece .fp dosyanızda tanımlanan (add_image_size( 'new_thumb', 200, 100, true ); işlevini kullanarak) tanımlanmış herhangi bir özel resim boyutu otomatik olarak kullanılır ve daha sonra bir resmi değiştirmek istediğinizde "düzenle" bağlantısını değiştirmek (veya genişletmek) için kodu alırsınız.

Bu yaklaşımı kullanmak wordpress normalde olduğu gibi uygulanabilir görüntü boyutlarını oluşturmaya devam edebilir, ancak belirli bir görüntünün kırpılmış alanını özel olarak değiştirmek isterseniz, bu boyut için otomatik olarak oluşturulan görüntünün yerine geçecek şekilde yapma yeteneğine sahip olursunuz. Hmmm ... her ne kadar bu, tekrar okuduğumda kafa karıştırıcı çıksa da, hissettiğim eksik.

Şu anda eklentinin, bu özel resim boyutlarını, uygulanabilir bir resim için bir yazı yerine bir yazı içindeki özel bir alana kaydettiğine inanıyorum.

1