পোস্ট থাম্বনেলগুলি ব্যবহারকারী-বান্ধব ক্রপিং?


32

আমার ব্যবহারকারীদের কোনও পোস্টের থাম্বনেইলের শস্য ক্ষেত্রটি সংজ্ঞায়িত করার কোনও উপায় আছে? থাম্বনেইলগুলি সর্বদা বিদ্যমান পোস্ট সংযুক্তি থাকে, আমি থাম্বনেল প্রতি অতিরিক্ত সংযুক্তি তৈরি করতে চাই না।

পোস্টের থাম্বনেইলগুলি 200x100 পিক্সেল হওয়া উচিত, এবং পোস্টে ব্যবহৃত একটি চিত্র থেকে আসা। সুতরাং আমার আদর্শ বিশ্বে আপনি যখন "বৈশিষ্ট্যযুক্ত চিত্র সেট করুন" লিঙ্কটি ক্লিক করেন, আপনি ইতিমধ্যে অন্তর্ভুক্ত চিত্রগুলির একটি ওভারভিউ পাবেন এবং যখন আপনি এর মধ্যে একটিতে ক্লিক করেন, আপনি নিজেরাই ক্রপ অঞ্চলটি নির্ধারণ করতে পারেন (এটিকে চলন্ত বা পুনরায় আকার দিচ্ছেন, তবে রাখছেন 2x1 দিক অনুপাত)। আপনি যখন "ওকে" ক্লিক করেন, নতুন পোস্ট থাম্বনেলটি মূল সংযুক্তি ( _wp_attachment_metadata['sizes']['post-thumbnail']উদাহরণস্বরূপ মেটাডেটা ক্ষেত্রে) দিয়ে সংরক্ষণ করা হয়, নতুন সংযুক্তি হিসাবে নয়। ইতিমধ্যে অন্য কোনও পোস্টের জন্য পোস্ট থাম্বনেল হিসাবে ব্যবহৃত একটি চিত্র ব্যবহার করার অনুমতি দেওয়া উচিত নয়, বা কমপক্ষে একটি সতর্কতা দেওয়া উচিত।

আমি বিশ্বাস করি যে অন্তর্ভুক্ত চিত্র সম্পাদক আমার প্রয়োজন অনুসারে কাজ করবে না, যেহেতু আপনি চিত্রের সমস্ত সংস্করণ বা নিয়মিত থাম্বনেইল সম্পাদনা করতে পারেন তবে কেবল পোস্ট থাম্বনেলই নয়। আমি কোন সংস্করণগুলি সম্পাদনা করছি তা জানার জন্য আমি কিছুটা বিভ্রান্তিকরও বোধ করি, সুতরাং আমার ব্যবহারকারীরা এটির সাথে আরও বেশি সমস্যায় পড়বে বলে আমি মনে করি।

এমন কোনও প্লাগইন রয়েছে যা আমি যা চাই তা করি, বা আমি সহজেই আমার প্রয়োজনীয়তা বাড়িয়ে দিতে পারি?

আপডেট: উদাহরণ ইউআই

আমি ম্যাক ওএস এক্স অ্যাড্রেস বুক ইমেজ পিকারটির ইন্টারফেসটি পছন্দ করি: আপনি একটি চিত্র নির্বাচন করুন এবং একটি স্লাইডারের মাধ্যমে একটি নির্দিষ্ট অনুপাতের থাম্বনেইল ক্রপারকে আকার দিন ize আপনি বেস চিত্রটি চারপাশেও টানতে পারেন। আপনি একাধিক মাপের চিত্র এই ধারণা প্রসারিত করতে (আমি একটি আছে post-thumbnailএবং post-thumbnail-1/2যে উদাহরণস্বরূপ অর্ধেক যে মাপ)। ব্যবহারকারীকে এখন চেকবক্সগুলির সাহায্যে যে মাপগুলি সম্পাদনা করা হচ্ছে তা নির্বাচন করতে দিন এবং উপযুক্ত ক্রপ আয়তক্ষেত্রগুলি স্ক্রিনে আঁকুন।

ক্রিয়াকলাপে ঠিকানা বইয়ের চিত্র ক্রপার


1
@ জ্যাঁ ফ্যাব্রি - আমার প্রথম অর্থ প্রদানের ওয়ার্ডপ্রেস প্রকল্পটি ক্রপিংয়ের চিত্রগুলি ওয়ার্ডপ্রেসে আসার আগে একটি প্লাগইন ছিল। এটি আপনার চেয়ে চেয়ে আলাদা ছিল বা আমি এটি উত্তর হিসাবে অন্তর্ভুক্ত করেছি। তবে আপনি যা চান তা লেখার জন্য খুব বেশি শক্ত হওয়া উচিত নয় যদি আপনি অনুপ্রাণিত হন ...
মাইকস্কিনকেল

1
@ মাইক: আমি একবার আপনার ওয়েবসাইটে দেখেছি এবং আমি আশা করছিলাম যে এটি কোথাও পাওয়া যাবে। এমনকি যদি এটি আমার (বিস্তৃত) ইচ্ছার তালিকার সমস্ত আইটেমগুলি টিক না দেয় তবে এটি একটি ভাল শুরু করতে পারে।
জান ফ্যাব্রি

@ মাইক - আপনি চিত্র ক্রপিং সম্পর্কিত যে কোনও কোড তৈরি করেছেন বা সংশোধন করেছেন তা পর্যালোচনা করতে আমিও আগ্রহী। আমি মরিয়া হয়ে জাস্ট্রপকে একটি কাস্টম মেটাবক্সে যুক্ত করতে চাইছি যা ওয়ার্ডপ্রেস মিডিয়া গ্যালারীটিতে বিল্ট ইন ব্যবহার করার সময়ও চিত্রগুলি যোগ করার ও কাটানোর অনুমতি দেবে।
নেটকন্সট্রাক্টর.কম

আরে @ জন ফ্যাব্রি এবং @ নেটকন্সট্রাক্টর ডটকম - আমি সবেমাত্র কোডটি পর্যালোচনা করেছি এবং যেহেতু এটি ডব্লিউপি এর জন্য আমার প্রথম প্লাগইন ছিল তাই আমি এটি প্রকাশে খুব বিব্রতবোধ করছি, এটি খারাপ। আমি এখানে মুক্তির জন্য আরও একটি নতুন সমাধানে কাজ করতে চাই তবে এটি
কিছুটা

মাইকে লাজুক হবেন না, পুরানো কোডটি লেখকের নিজের চোখে সবসময়ই খারাপ bad এটাই শুধুই অগ্রগতি :)। @ জ্যান - আপনার ইউআই উদাহরণে, আমার কাছে মনে হচ্ছে পোস্ট থাম্বনেল আকারটি কোনওভাবে পূর্বনির্ধারিত। আপনি এই সম্পর্কে আরও বলতে পারেন?
hakre

উত্তর:


11

কোডটি এখনও একটি জগাখিচুড়ি, তবে এটি আই 8 তেও কার্যকর হবে বলে মনে হচ্ছে it আমি এটি সংগ্রহস্থলে প্রকাশ করার পরিকল্পনা করি তবে এর মধ্যে আপনি আমার বর্তমান সংস্করণটি খেলতে পারেন । এটিকে অ্যাক্সেস করতে আপনি কোনও চিত্র যুক্ত বা সম্পাদনা করার সময় "চিত্র সম্পাদনা করুন" এ ক্লিক করেন, এটি স্বাভাবিক চিত্র সম্পাদককে প্রতিস্থাপন করে (তারা একত্রিত করা খুব শক্ত)। যেহেতু বেশিরভাগ অ্যাডমিন অঞ্চল নিয়মিত থাম্বনেল ব্যবহার করে এবং আমার বর্তমান সংস্করণটি পোস্ট থাম্বনেল সম্পাদনা করে, মনে হয় কোডটির কোনও প্রভাব নেই, তবে একটি পোস্ট থাম্বনেইল দেখিয়ে চেষ্টা করুন এবং আপনার এটি পরিবর্তন হওয়া উচিত।

এই প্লাগইনটির আসল পুনরায় আকার দেওয়ার জন্য আমার অন-ডিমান্ড চিত্র প্রতিরোধকের প্রয়োজন , যা এখনও বিশৃঙ্খলা।

ফলের মধ্যে উদাহরণ চিত্র


মুক্তির জন্য কোড প্রস্তুত? এটা কি গিথুব? আমি আমার বয়লারের সাথে এর মতো কার্যকারিতা সংহত করতে মরে যাচ্ছি
মাইল্ড ফাজ

আপনি কী / কীভাবে এই কাজটি করেছেন তাতে আমি খুব আগ্রহী! দয়া করে কোডটি শেয়ার করুন। আপনার কোডটি কি ডিফল্ট ওয়ার্ডপ্রেস মিডিয়া লাইব্রেরি ব্যবহার করে কাজ করে এবং এটি কি আপনাকে সম্পাদনা পোস্টের স্ক্রিনে একটি সাধারণ মেটাবক্স তৈরি করার অনুমতি দেয় যেখানে আপনি একটি নির্দিষ্ট চিত্র কল করতে পারেন এবং এটি একটি নির্দিষ্ট আকারের জন্য অনুলিপি করতে পারেন যা আপনি তৈরি করেছেন যেমন "নিউ_থাম" সংজ্ঞায়িত হিসাবে add_image_size ('new_thumb', 200, 100, সত্য) এর মতো কিছু মাধ্যমে ?? আদর্শ পরিস্থিতি হ'ল শিরোনাম চিত্রের নির্মাতার মতো এমন কিছু থাকতে পারে যা প্রতিটি আকারের জন্য পৃথক মেটাবক্সের উপর ভিত্তি করে প্রতিটি সংজ্ঞায়িত চিত্রের আকার পরিবর্তন করতে পারে।
নেটকন্সট্রাক্টর.কম

@ জনফ্যাব্রি আপনি কি এখনও এই কোডটি প্লাগিন হিসাবে প্রকাশ করেছেন? আমি এই কার্যকারিতা প্রয়োজন এমন কারও কাছে এটি প্রস্তাব দিতে চাই!
চিপ বেনেট

@ জান-ফেব্রি এই ফাংশনটি কীভাবে চলল? কোন সাফল্য?
স্টিভেন

4

আপনার সেরা বেট হ'ল একটি জাভাস্ক্রিপ্ট ভিত্তিক চিত্রের ক্রপ ব্যবহার করা এবং তারপরে চিত্রম্যাগিক বা চিত্র জিডির সাথে মিলিত পিএইচপি করা।

এটি আপনার ফাংশনগুলিতে বা প্লাগ-ইন হিসাবে লিখতে হবে কারণ আমি শেল্ফ ওয়ার্ডপ্রেস প্লাগইনগুলির কোনও হাত বন্ধ জানি না, যা অবাক করার মতো।

পিএইচপি ভিত্তিক সংরক্ষণ বিকল্পের সাথে একটি YUI চিত্র ক্রপ রয়েছে http://developer.yahoo.com/yui/example/imagecropper/conn_crop.html

পিএইচপি http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/ এর সাথে কীভাবে জ্যাকারি ক্রপ্পার ব্যবহার করবেন সে সম্পর্কে এখানে একটি আলাদা টিউটোরিয়াল দেওয়া আছে

উপরের লিঙ্কের সাথে একই তৃতীয় বিকল্পটি একই জ্যাকুই ক্রপ্পার তবে ভিন্ন কোড ব্যবহার করে। http://www.leonkessler.com/blog/?p=132

এখানে আরেকটি ব্যবহার jQuery এর jcrop পরিবর্তে হয়, http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html

কে নতুন প্লাগ-ইন করার জন্য প্রস্তুত রয়েছে, এটি অবশ্যই জনপ্রিয় হবে :)


ওয়ার্ডপ্রেস কোরের মধ্যে ইতিমধ্যে ইমেজ ক্রপ কোড (এইচটিএমএল, জেএস এবং পিএইচপি) রয়েছে। আমি মনে করি একটি ভাল প্লাগইন এটি পুনরায় ব্যবহার করবে। এটি আবশ্যক নয়, কেবল তাই বলছি। আপনি ঠিক এই সত্যটি সম্পর্কে ঠিক বলেছেন যে জ্যান দ্বারা আঁকানো ইউআই উদাহরণটির মতো কিছু দরকার।
hakre

@ হ্যাক্রে, শেষটির সাথে যুক্ত উইক জ্যাক্রপ যা ডাব্লুপি কোরে ফিরে গেছে ২.৮-এ । আমার মনে আছে তখনই এটি সম্পর্কে পড়ছিলাম তবে আমি সংগ্রহস্থলটিতে একটি প্লাগইন ব্যতীত অন্য যে কোনও অ্যাকাউন্ট ব্যবহার করা হয়েছে সে সম্পর্কে কোনও তথ্যই পাই না ।
ম্যাট

@ ম্যাট: যদি এটি মূলটিতে সংহত করা হত (আমি ঠিক এখন যে ফসলের ইউআই সম্পর্কে সমস্ত সুনির্দিষ্ট বিষয় জানি না) সেখানে আমি ধারণা করি যে এটি মূল চিত্র ইউআই বৈশিষ্ট্যের জন্য ব্যবহৃত হয়েছে। এই বৈশিষ্ট্যটি সর্বদা পাওয়া যায় না তবে কেবলমাত্র যদি নির্দিষ্ট পিএইচপি বা সিস্টেম চিত্রের পাঠাগার পাওয়া যায়। এই অনিবার্য হওয়ার জন্য দুঃখিত তবে এটি এখন পর্যন্ত মূল বাস্তবায়নে প্রবেশ করি নি। তবে আমি জানি একটি আছে;)
হ্যাক্রে

1

আপনি "বৈশিষ্ট্যযুক্ত চিত্র" বিকল্পের কথা বলছেন বলে ধরে নেওয়া হচ্ছে যে আপনি ইতিমধ্যে পোস্ট-থাম্বনেইলগুলির জন্য সমর্থন যোগ করেছেন।

যদি তা হয় তবে একটি বিকল্প আপনার কাছে আপলোড অ্যারেটিতে একটি নতুন চিত্র আকার যুক্ত করতে হবে। সুতরাং ডিফল্ট হিসাবে, আপনার থাম্বনেইল, মাঝারি, বড়, নীচের কোডটিতে, এটি আপনার পছন্দ অনুযায়ী যে আকারের হবে তার উপর ভিত্তি করে এই ভাণ্ডারে একটি চতুর্থ চিত্র যুক্ত করে। এই বিট কোডটি আপনার ফাংশন.এফপি ফাইলটিতে যুক্ত হবে।

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

"নতুন-থাম্ব" = নতুন কাস্টম চিত্রের নাম
"200" = প্রস্থ
"100" = উচ্চতা
"সত্য" = শক্ত ক্রপ বিকল্প। এটি কোনও চিত্রকে সংজ্ঞায়িত প্রস্থ / উচ্চতায় ক্রপ করতে বাধ্য করবে। ছাড়া, এটি অনুপাতের জন্য মাত্র স্কেল করে।

এখন, কোনও পৃষ্ঠা বা পোস্ট অ্যারেতে নতুন থাম্বনেলটি প্রদর্শনের জন্য, আপনি নিম্নলিখিতটি আপনার এইচটিএমএলতে সন্নিবেশ করবেন

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

@ স্নিক্স: এই উত্তরের জন্য ধন্যবাদ, তবে আমি যা খুঁজছি তা তা নয়। আমি সাইটের ডিজাইনার হিসাবে আমাকে নয়, ক্রপ করা উচিত এমন অঞ্চলটি সংজ্ঞায়নের জন্য আমি একটি উপায় চাই। সুতরাং অঞ্চলটি চিত্র থেকে চিত্রের পরিবর্তিত হতে পারে।
জান ফ্যাব্রি

1

বড় নমনীয়তা পেতে, আপনার থিমে থাম্বনেইলিং ঠিক করতে (ফাইল চাইলে) এড়াতে আপনি ফাইল ব্যবহার করতে চাইতে পারেন:

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

মনে রাখবেন পুরো চিত্রটি লোড হবে, সুতরাং এর জন্য আপনার 3 এমবি অরিজিনাল ব্যবহার করবেন না।

জানুয়ারির অনুরোধ অনুসারে আপডেট করুন: আপনি যদি ডায়নামিক ক্লিপিং চান তবে বিবেচনা করুন:

  • ব্যবহারকারী = প্রশাসকের জন্য, পিএইচপি এর মাধ্যমে সিএসএস তৈরি করুন; আপনি কেবলমাত্র php এর সাথে লিঙ্ক করতে পারেন যা উপযুক্ত সেটিংস পড়ে এবং সে অনুযায়ী ক্লিপিং পরামিতিগুলি সমন্বয় করতে পারে।
  • ব্যবহারকারীর = দর্শনার্থীদের জন্য, চিত্রের শৈলীর বৈশিষ্ট্যে ক্লিপিং পরামিতিগুলি পরিবর্তন করতে জাভাস্ক্রিপ্ট ব্যবহার করুন।
  • একটি কম আক্রমণাত্মক সমাধান হিসাবে, [থাম্ব ডাব্লু = ?? এর মতো একটি শর্টকোড (দুর্দান্ত প্লাগইন শর্টকোড এক্সিকিউট পিএইচপি এর মাধ্যমে) তৈরি করার বিষয়টি বিবেচনা করুন ?? h = ??] url [/ থাম্ব] যা আপনি ইনলাইন সিএসএসের সাথে উপযুক্ত এইচটিএমএল ট্যাগটিতে অনুবাদ করতে পারেন।

প্রকৃতপক্ষে, আপনি একাধিক আকার না এড়াতে সিএসএসের মাধ্যমে ক্রপিং করতে পারেন, তবে আপনি কীভাবে ব্যবহারকারীর (পোস্টের লেখক) ফসলের ক্ষেত্রটি সংজ্ঞা দিতে দেবেন যা দেখানো উচিত?
জান ফ্যাব্রি

উপরে সম্পাদনা দেখুন।
রাফেল

স্পষ্ট করার জন্য ধন্যবাদ। এটি ধরে নিয়েছে যে ব্যবহারকারী কাঙ্ক্ষিত শস্য ক্ষেত্রের পিক্সেল অবস্থানগুলি জানেন? আমি প্রকৃতপক্ষে আরও একটি গ্রাফিকাল উপায় খুঁজছি (বর্তমান চিত্র সম্পাদক হিসাবে, তবে থাম্বনেইলগুলি পোস্ট করার জন্য লক্ষ্যযুক্ত এবং নিয়মিত থাম্বনেইল নয়)।
জান ফ্যাব্রি

আমি আশা করি আপনি এটি একটি প্লাগইন হতে চান, না কিছু হ্যাক। আপনি কয়েকটি ডিফল্ট বিকল্প সরবরাহ করতে পারেন যা বেশিরভাগ ক্ষেত্রে যথেষ্ট পরিমাণে কাঁপুন: কোণ, কেন্দ্র, প্রান্তগুলিকে কেন্দ্র করে এবং এই জাতীয় (সমস্ত সহজেই গণনা করা)। আমি ফ্রি ইনপুট সরবরাহ করা থেকে বিরত থাকব কারণ লোকেরা যদি ছদ্মবেশে প্রবেশ করে তবে তারা সাইটের প্রবাহকে খারাপভাবে গণ্ডগোল করতে পারে। একটি গ্রাফিকাল ক্লিপ নির্দিষ্ট করে দেওয়া (বাস্তবায়নের জন্য জেনফোটো দেখুন) ঠিক আছে, আমার ধারণা, তবে কীভাবে মানগুলি ব্যবহার করতে হয় তার নীতিগুলি একই থাকুন; আপনাকে কেবল জিইউআই তৈরি করতে হবে। এটি আমি আপনাকে সাহায্য করতে পারে না।
রাফেল

1

ডাব্লুপি পোস্ট থাম্বনেল নামে একটি পুরাতন প্লাগইন রয়েছে যা আমরা মাঝে মাঝে ব্যবহার করি। এটি নিখুঁত নয়, এবং ডাব্লুপি এর সর্বশেষ সংস্করণ সহ কিছু ছোট ছোট বাগ রয়েছে (এটি ২০০৩ সাল থেকে আপডেট হয়নি তাই এটি নির্ভরযোগ্য নয়)। http://wordpress.org/extend/plugins/wp-post-thumbnail/


1

আমি বিশ্বাস করি আপনি এটি খুঁজছেন: http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

আমি এটি চেষ্টা করে দেখিনি, তবে এটির জন্য আপনার সন্ধান করা কার্যকারিতাটি দেওয়া উচিত।

এখানে মূল প্লাগইন পৃষ্ঠা। http://wordpress.org/extend/plugins/scissors/

আমি যে প্রকল্পে কাজ করছি তার জন্যও এটি প্রয়োজন।


পরামর্শের জন্য ধন্যবাদ. আমি কাঁচি দেখেছি (এবং জানতাম যে কেউ এটি 3.0 এ উন্নীত করেছে) তবে আমি মনে করি এটি আমার জন্য যা খুব নমনীয়: অবশ্যই এমন একটি ক্রপার অবশ্যই পূর্বনির্ধারিত আকারে কাটবে। কাঁচি আরও অনেক কিছু করতে পারে এবং তাই আমার শেষ ব্যবহারকারীদের গুলিয়ে দিতে পারে।
জান ফ্যাব্রি

1

আমি মনে করি এই সমস্যার চূড়ান্ত সমাধান হ'ল http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail-plugin/ থেকে প্লাগইনটি পরিবর্তন করা হবে to

এবং এটি কাস্টমাইজ করুন যাতে আপনার ফাংশন.এফপি ফাইলের মধ্যে কোনও কাস্টম চিত্রের মাপ নির্ধারিত হয় (ব্যবহার করে add_image_size( 'new_thumb', 200, 100, true ); ) ) স্বয়ংক্রিয়ভাবে ব্যবহার হয়ে যায় এবং তারপরে কোনও চিত্র পরিবর্তন করতে চাইলে "সম্পাদনা" লিঙ্কটি প্রতিস্থাপন (বা প্রসারিত) করার কোড পান।

এই পদ্ধতির ওয়ার্ডপ্রেসটি ব্যবহার করা সাধারণভাবে যেমনটি এর প্রযোজ্য চিত্রের আকারগুলি তৈরি করা অবিরত করতে পারে তবে আপনি যদি নির্দিষ্টভাবে কোনও নির্দিষ্ট চিত্রের ক্রপযুক্ত ক্ষেত্রটি বিশেষভাবে সংশোধন করতে চান তবে এমনটি করার ক্ষমতা আপনার রয়েছে যা ঘুরে ফিরে সেই আকারের জন্য স্বয়ংক্রিয়ভাবে উত্পন্ন চিত্রটিকে প্রতিস্থাপন করবে। হুঁ ... যদিও এটিকে আবার পড়তে দ্বিধাদ্বন্দ্ব মনে হচ্ছে ঠিক ঠিক এটি অনুপস্থিত।

বর্তমানে আমি বিশ্বাস করি যে প্লাগইনটি প্রযোজ্য চিত্রের জন্য কোনও পোস্টের পরিবর্তে কোনও পোস্টের মধ্যে এই কাস্টম চিত্রের আকারগুলি একটি কাস্টম ফিল্ডে সংরক্ষণ করে।


1

আমি নেটিভ "wp_get_attachment_image" ব্যবহার করে থাম্বনেইল ক্রপ করার সিদ্ধান্ত নিয়েছি ... এখানে কাটা থাম্বনেইস সহ একটি চিত্র গ্যালারী উদাহরণ দেওয়া আছে

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

শুভেচ্ছান্তে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.