(1) প্রয়োজনীয় মডিউল (সংস্করণ: দ্রুপাল 7.0)
Views
Views Slideshow
Chaos tool suite
Libraries
Link Field
Token
(২) মডিউলগুলি ইনস্টল করুন
দ্রুপাল In এ আপনি অ্যাডমিন বিভাগ থেকে মডিউলগুলি ইনস্টল করতে পারেন, তবে আমি এখনও অনুভব করি যে এই নতুন বৈশিষ্ট্যের কোনও অর্থ নেই, কারণ আমাদের ড্রুএপল সাইটের মডিউল লিঙ্কটি অনুসন্ধান করতে হবে এবং তারপরে অ্যাডমিন মডিউল ইনস্টলেশন অঞ্চলে কপি পেস্টটি করতে হবে really পাগল। এটি এত ভাল হত যদি তারা এটিকে ওয়ার্ডপ্রেসের মতো একটি ছোট্ট অনুসন্ধানের ফেস্টারের মতো করে তোলে। যাইহোক আমি কেবল ডাউনলোড করতে এবং এটি পুরানো উপায়ে ইনস্টল করব (আমি এখনও এই পুরানো পদ্ধতিটির পরামর্শ দিই)।
ড্রুপাল সাইট থেকে সমস্ত মডিউল ডাউনলোড করুন এবং ডিরেক্টরিতে আপনার নাম / সাইট / সমস্ত / মডিউল ইনস্টল করুন। Http://www.yoursitename.com/node#overlay=admin/modules এ যান এবং নীচের মতো এই মডিউলগুলি সক্ষম করুন ;
(1) দর্শন (2) দর্শন UI (3) দর্শন স্লাইডশো (4) দর্শন স্লাইডশো: চক্র (5) বিশৃঙ্খলা সরঞ্জাম (6) লিঙ্ক (7) গ্রন্থাগার (8) টোকেন (ptionচ্ছিক) (3) চিত্র ক্যাশে তৈরি করুন
দ্রুপাল In এ চিত্রের ক্যাচগুলি মূল মডিউলটির অংশ এবং ইমেজ শৈলী হিসাবে নামকরণ করা হয়েছে। সুতরাং আসুন এখান থেকে দুটি চিত্রের ক্যাশে তৈরি করুন, একটি পূর্ণ আকারের স্লাইডার চিত্রের জন্য এবং অন্যটি থাম্বনেইল চিত্রের জন্য। এই টিউটোরিয়ালে আমি 935x293 (পিক্সেল) মাত্রা পূর্ণ আকার স্লাইডার চিত্র এবং থাম্বনেইল চিত্রের জন্য 210x100 (পিক্সেল) মাত্রা ব্যবহার করি use দ্রষ্টব্য: এই কনফিগারেশনগুলি সিএসএন পরাজিত করা আপনার প্রয়োজনের উপর নির্ভর করে।
- স্লাইডার চিত্র সেটিংস পূর্ণ করুন
Http://www.yoursitename.com/node#overlay=admin/config/media/image-styles এ যান এবং নতুন স্টাইলের লিঙ্কে ক্লিক করুন (1) একটি চিত্র শৈলীর নাম দিন এবং নতুন শৈলীর বোতামে ক্লিক করুন (2) ) পরবর্তী কনফিগারেশন স্ক্রিনে আপনি চান এমন নতুন স্টাইল নির্বাচন করুন এবং তারপরে অ্যাড বোতামটি ক্লিক করুন (এই টিউটোরিয়ালে আমি পুনরায় আকারের শৈলীটি চয়ন করি) (3) পরবর্তী স্ক্রিনে প্রস্থ এবং উচ্চতা নির্ধারণ করুন এবং অ্যাড এফেক্ট বোতামটিতে ক্লিক করুন। (সেটিংসগুলি আপনার চয়ন করা স্টাইলের উপর নির্ভর করে) আমি প্রস্থটি 935 এবং উচ্চতা 293 পিক্সেল হিসাবে সেট করেছি।
থাম্বনেইল চিত্রের জন্যও একই প্রক্রিয়াটি করুন। (থাম্বনেল চিত্রের মাত্রার জন্য, আমি প্রস্থটি 210 এবং উচ্চতা 100 পিক্সেল হিসাবে সেট করেছি)) (4) নতুন সামগ্রী প্রকার তৈরি করুন
আসুন একটি নতুন সামগ্রীর ধরণ তৈরি করুন, স্ট্রাকচারে ড্যাশবোর্ড মেনু বার থেকে কিক করুন এবং তারপরে সামগ্রী প্রকারগুলি পরে নতুন নতুন সামগ্রী প্রবন্ধের লিঙ্কে ক্লিক করুন।
(১) একটি মানব-পঠনযোগ্য নাম দিন, আমি এটির নাম ফিচার্ড স্লাইডার হিসাবে রেখেছি (মেশিনের নামটি মানব পাঠযোগ্য নামের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে উত্পন্ন হবে) (২) একটি সংক্ষিপ্ত এবং প্রাসঙ্গিক বিবরণ দিন (৩) জমা দেওয়ার ফর্ম সেটিংস, আমি এই হিসাবে ছেড়ে চলেছি ডিফল্ট সেটিংস (4) প্রকাশনা বিকল্পগুলি, আমি কেবলমাত্র প্রকাশিত (অন্য সমস্ত সেটিংস চেক করা হয়নি) চেক করেছি (5) সেটিংস প্রদর্শন করুন, আমি লেখক এবং তারিখের তথ্যটি চেক করেছি। ()) মন্তব্য সেটিংস, আমি গোপন (অক্ষম) সেট করেছি ()) মেনু সেটিংস, আমি ডিফল্ট সেটিংস হিসাবে ছেড়ে যাই। (8) সংরক্ষণ ক্লিক করুন এবং ক্ষেত্র বোতাম যুক্ত করুন (5) নতুন ক্ষেত্র তৈরি করুন
এখানে এই উদাহরণে আমি মাত্র দুটি ফাইল তৈরি করেছি এবং সেগুলি চিত্রের ক্ষেত্র এবং লিঙ্ক ক্ষেত্র। আমরা আমাদের স্লাইডারটি যেখানে আমাদের স্লাইডারটিকে লিঙ্কযুক্ত করতে চান সেখানে একটি কাস্টম লিঙ্ক তৈরি করার জন্য আমাদের স্লাইডার চিত্র এবং লিংক ক্ষেত্র আপলোড করার জন্য চিত্র ক্ষেত্র ব্যবহার করব।
চিত্র ক্ষেত্র সেটিংস
(1) Label: Slider Image
(2) Field: slider_image
(3) Field type: image
(4) Widget (form element): image
(5) Click Save button, and on the field settings page leave default settings and click on Save field settings button.
(6) On the image field configuration settings page you can configure as you wish.
আমি এই ক্ষেত্রটি প্রয়োজনীয় হিসাবে সেট করেছি, আমি স্লাইডার-চিত্র হিসাবে একটি ফাইল পরিচালক নাম যুক্ত করেছি যাতে এই চিত্রগুলি অন্য চিত্র থেকে স্পষ্টরূপে সাজানো হবে। আপনি এখানে সর্বোচ্চ আপলোড আকার এবং রেজোলিউশন সেট করতে পারেন, আমি ওএলডি এবং শিরোনাম ক্ষেত্রটি সক্ষম করেছি এবং শেষ পর্যন্ত সেটিংস বোতামটি সংরক্ষণ করুন টিপুন।
একই পদ্ধতি ব্যবহার করে লিঙ্ক ফিল্ডটিও তৈরি করুন।
লিঙ্ক ফিল্ড সেটিংস (1) লেবেল: স্লাইডার লিঙ্ক (2) ক্ষেত্র: স্লাইডার_লিঙ্ক (3) ক্ষেত্রের প্রকার: লিঙ্ক (4) উইজেট (ফর্ম উপাদান): লিঙ্ক (5) লিঙ্ক ক্ষেত্র কনফিগারেশনের জন্য ডিফল্ট সেটিংসে ইরিচিং ছেড়ে যান । আমি নীচের মত ক্ষেত্রটি পুনরায় সাজিয়েছি; শিরোনাম ক্ষেত্র চিত্র ক্ষেত্র লিংক ক্ষেত্র শারীরিক ক্ষেত্র (আপনি প্রয়োজন না হলে এই ক্ষেত্রটি সরিয়ে ফেলতেও পারেন) প্রদর্শন পরিচালনা করুন পরিচালনা ডিসপ্লে ট্যাবে আপনি ক্ষেত্রের আউটপুট কীভাবে ডিপ্লেড করতে হবে তা কনুইগ্রু করতে পারেন। আমি লিঙ্ক ক্ষেত্রটি লুকানো হিসাবে সেট করেছি এবং আমি লুকানো দ্রুপাল image হিসাবে চিত্রের লেবেলও স্থাপন করেছি: ক্ষেত্রগুলি পরিচালনা করুন ()) বৈশিষ্ট্য স্লাইডার সামগ্রী তৈরি করুন
আমি এই টিউটোরিয়ালের জন্য চারটি বৈশিষ্ট্যযুক্ত স্লাইডার সামগ্রী তৈরি করেছি।
(1) অ্যাড কন্টেন্ট লিঙ্কে ক্লিক করুন (২) বৈশিষ্ট্যযুক্ত স্লাইডার সামগ্রী তৈরি করুন (3) একটি সঠিক শিরোনাম নাম দিন (4) স্লাইডার চিত্র আপলোড করুন (5) Alt এবং শিরোনাম ক্ষেত্রের নাম দিন (6) আপনি যেখানে চান সেখানে একটি লিঙ্ক শিরোনাম এবং url দিন স্লাইডারটি সংযুক্ত হতে হবে ()) আপনি যদি কোনও এসইও বন্ধুত্বপূর্ণ ইউআরএল নাম দিতে পারেন তবে পাথ ক্ষেত্র ব্যতীত সমস্ত oth সেটিংসকে ডিফল্ট হিসাবে রেখে দিন। (8) সামগ্রী সংরক্ষণ করুন।
একইভাবে আরও বৈশিষ্ট্যযুক্ত স্লাইডার সামগ্রী তৈরি করুন (আমি চারটি বিষয়বস্তু তৈরি করেছি) ()) একটি নতুন দর্শন তৈরি করুন
এখন আমাদের নতুন স্লাইডশো ভিউ তৈরির সময়। ড্যাশবোর্ড মেনু থেকে স্ট্রাকচারটিতে ক্লিক করুন এবং তারপরে ভিউতে ক্লিক করুন।
(১) নতুন দেখার লিঙ্ক যুক্ত করুন ক্লিক করুন (২) দর্শনের নাম দিন, আমি বৈশিষ্ট্যযুক্ত স্লাইডার হিসাবে নামকরণ করেছি (মেশিনের নামটি স্বয়ংক্রিয়ভাবে উত্পন্ন হবে) (৩) একটি যথাযথ দর্শন বিবরণ দিন (৪) বৈশিষ্ট্যযুক্ত স্লাইডারের প্রকারের সামগ্রী দেখান (আপনার সামগ্রী টাইপ নাম)। (৫) একটি পেজ তৈরি করুন এবং একটি ব্লক তৈরি করুন পরীক্ষা করুন ()) ব্লক শিরোনামে টাইপ করুন এবং প্রতি পৃষ্ঠায় 5 পৃষ্ঠার "ক্ষেত্রগুলি" আইটেমগুলির "স্লাইডশো" হিসাবে প্রদর্শন বিন্যাসটি চয়ন করুন (আপনি যে আইটেমগুলি প্রদর্শন করতে চান তার সংখ্যা লিখতে পারেন) (7 ) বোতামটি ক্লিক করুন "চালিয়ে যান & সম্পাদনা করুন" ভিউ ফিল্ড সেটিংস প্রথমে আসুন লিঙ্ক ফিল্ড যুক্ত করুন (সবকিছু সঠিকভাবে কাজ করার জন্য লিঙ্কটি অবশ্যই প্রথম ক্ষেত্র হতে হবে) সুতরাং অ্যাড আইকনে ক্লিক করুন এবং গ্রুপগুলি বিষয়বস্তু যুক্ত করুন: লিঙ্ক, ক্লিক করুন পরবর্তী সংযুক্তি উইন্ডোতে "যুক্ত করুন এবং কনফিগার করুন বোতাম" "একটি লেবেল তৈরি করুন" চেক করুন। "Check" প্রদর্শন থেকে বাদ দিন। "প্রয়োগ বোতাম" ক্লিক করুন
এর পরে চিত্র ক্ষেত্রটি যুক্ত করা যাক, সুতরাং অ্যাড আইকনে ক্লিক করুন এবং ফিল্টার থেকে গোষ্ঠীগুলি সামগ্রী নির্বাচন করুন বিষয়বস্তু যুক্ত করুন: চিত্র ক্ষেত্র (দ্রষ্টব্য: নিশ্চিত করুন যে আপনি কেবলমাত্র এই স্লাইডার সামগ্রী প্রকারের জন্য তৈরি করেছেন সেই চিত্রের ক্ষেত্রটি বেছে নিয়েছেন।) "যোগ করুন এবং কনফিগার করুন এ ক্লিক করুন" "পরবর্তী লেখনী উইন্ডোতে বোতামটি" একটি লেবেল তৈরি করুন "চেক করুন।
ফর্ম্যাটর: চিত্র (আপনি যদি রঙিনবক্স বা লাইটবক্স ইনস্টল করেন তবে আপনি সেগুলিকে এখানে চয়ন করতে পারেন!) চিত্র শৈলী: ফুলসাইজ (উপরের ধাপে আপনি যে চিত্র চিত্রটি তৈরি করেছেন তা চয়ন করুন) চিত্রটির সাথে লিঙ্ক করুন: কোনও স্টাইল সেটিংস নয়: ডিফল্ট সেটিংস ছাড়ুন কোনও ফলাফল আচরণ নয়: ছেড়ে দিন ডিফল্ট সেটিংস পুনর্লিখনের ফলাফল: লিঙ্কের পথ হিসাবে এই ক্ষেত্রটিকে আউটপুট চেক করুন: [ভিউ_নোড] (দ্রষ্টব্য: ডলটি কিছুটা স্ক্রোল করুন এবং আপনি কোর টোকেন মডিউল দ্বারা নির্মিত প্রতিস্থাপনের নিদর্শনগুলি দেখতে পাচ্ছেন, (যদি আমরা লিঙ্ক ক্ষেত্রটিকে প্রথম হিসাবে সেট না করি তবে এখানে লিঙ্ক ক্ষেত্রের বিকল্পটি দেখতে পাচ্ছেন না) কেবল [ভিউ_নোড] অনুলিপি করুন তারপরে স্ক্রোল করে লিংক পাথ ফিল্ডে এটি আটকান)) "প্রয়োগ বোতামটি" ক্লিক করুন
অবশেষে থাম্বনেইলের জন্য আমাদের আরও একটি ক্ষেত্র প্রয়োজন, সুতরাং আসক্তি আইকনে ক্লিক করুন এবং ফিল্টারগুলি থেকে গ্রুপগুলি সামগ্রী যুক্ত করুন: চিত্র ক্ষেত্রটি নির্বাচন করুন (দ্রষ্টব্য: নিশ্চিত করুন যে আপনি কেবলমাত্র এই স্লাইডারের সামগ্রী টাইপের জন্য তৈরি করেছেন সেই চিত্রের ক্ষেত্রটি চয়ন করেছেন)) পরের সিফিগ্যুরেশন উইন্ডোতে "যোগ করুন এবং কনফিগার করুন বোতাম" এ ক্লিক করুন "একটি লেবেল তৈরি করুন" এবং ডিসপ্লে থেকে এক্সক্লুড পরীক্ষা করুন, বিন্যাস: চিত্র (যদি আপনি রঙিনবক্স বা লাইটবক্স ইনস্টল করেন তবে আপনি সেগুলি এখানে চয়ন করতে পারেন!) চিত্র শৈলী: থাম্বনেইল (চিত্রক্যাপটি চয়ন করুন আপনি উপরের পদক্ষেপে তৈরি করেছেন) চিত্রটির সাথে লিঙ্ক করুন: স্টাইল সেটিংসের কিছুই নয়: ডিফল্ট সেটিংস ছেড়ে যান না ফলাফল ফলাফল: ডিফল্ট সেটিংস ছেড়ে যান ফলাফলগুলি পুনরায় লেখুন: এই ক্ষেত্রটিকে একটি লিঙ্কের পথ হিসাবে পরীক্ষা করুন: [দেখুন_নোড] (দ্রষ্টব্য: ডলটি কিছুটা স্ক্রোল করুন এবং আপনি কোর টোকেন মডিউল দ্বারা নির্মিত প্রতিস্থাপন নিদর্শনগুলি দেখতে পারেন, (যদি আমরা না করতাম 'টি লিঙ্ক ক্ষেত্রটিকে প্রথমে সেট করুন আমরা এখানে লিঙ্ক ফিল্ড বিকল্প দেখতে পাচ্ছি না) কেবল [ভিউ_নোড] অনুলিপি করুন তারপরে স্ক্রোল করে এটিকে লিঙ্ক পাথ ফিল্ডে আটকান)) "প্রয়োগ বোতামটি" ক্লিক করুন
ফিল্টার সেটিংস দেখুন
ভিউ 3-তে ফিল্টারগুলি শুরুতে তৈরি করা হয় যখন আমরা সামগ্রীর ধরণ এবং অন্যান্য সেটিংস বেছে নিই! আপনার যদি কোনও অতিরিক্ত ফিল্টারিংয়ের প্রয়োজন হয় তবে আপনি এটি এখানে তৈরি করতে পারেন!
স্টাইল সেটিংস দেখুন
ফর্ম্যাট স্লাইডশোতে ক্লিক করুন সেটটিগগুলি এবং পরবর্তী কনফিগারেশন উইন্ডোতে নীচে হিসাবে সেট করুন; (1) তালিকার প্রকার: আনর্ডার্ডেড তালিকা (2) মোড়ানো শ্রেণি: ডিফল্ট সেটিংস ছেড়ে যান (3) স্টাইল> ত্বক: বধির (4) স্লাইডগুলি> স্লাইডশোর ধরণ: চক্র (5) চক্র বিকল্পগুলি আপনাকে jQuery চক্র প্লাগইন ডাউনলোড করতে হবে এবং jquery অনুলিপি করতে হবে। সাইট / সমস্ত / লাইব্রেরি / jquery.crc.all.min.js আপনি প্লাগইনটি http://malsup.com/jquery/cryy এ পাবেন ।
সরল ইংরেজিতে সাইট / সমস্ত ডিরেক্টরিতে "লাইব্রেরি" নামে একটি ফোল্ডার তৈরি করুন এবং তারপরে সেই ডিরেক্টরিতে "jquery.circial" নামে একটি অন্য ফোল্ডার তৈরি করুন এবং শেষ পর্যন্ত কেবল "jquery. سائي.all.min.js" অনুলিপি করুন এবং আটকান এই ডিরেক্টরি
()) ট্রানজিটেশন: বিবর্ণ ()) অ্যাকশন: হোভারে বিরতি দিন (৮) ইন্টারনেট এক্সপ্লোরার টুইটস: ডিফল্ট (9) উইজেট: আপনি শীর্ষ বা নীচের অংশে উভয় বাছাই করতে পারেন (আমি নীচে নীচে এবং অগ্রিম সেটিংস নীচের মত বেছে নিই;) (10) নীচের উইজেটস> পেজার> পেজারের ধরন: ক্ষেত্রগুলি (11) পেজার ক্ষেত্র: সামগ্রী: চিত্র (নোট: সর্বশেষে আমরা থাম্বের জন্য যুক্ত করেছি, উভয় ক্ষেত্রের নাম একই হবে বলে ভুল করবেন না)) (12) স্লাইড সক্রিয় করুন এবং পেজারের উপরে থামিয়ে দিন: চেকড, কন্ট্রোল এবং স্লাইডার কাউন্টারটি চেক করা হয়নি। (13) ক্লিক করুন প্রয়োগ বোতাম।
ফর্ম্যাট শো ফিল্ড সেটিংস
Inline fields: Choose the thumbnail field as inline.
Click Apply button. (Note: Well it actually doesn't change much in appearance but it does change in the code. Next step use the firebug and find the class and add some styles to display properly.)
(8) একটি কাস্টম অঞ্চল তৈরি করুন (alচ্ছিক পদক্ষেপ)
(1) আপনার থিস ফোল্ডারে আপনার_theme_name.info ফাইলটি খুলুন এবং নীচে দেখানো মত একটি নতুন অঞ্চল যুক্ত করুন; অঞ্চল [বৈশিষ্ট্যযুক্ত_স্লাইডার] = বৈশিষ্ট্যযুক্ত স্লাইডার এবং .info ফাইল সংরক্ষণ করুন। (২) আপনার থিমগুলির পৃষ্ঠাগুলি.tpl.php ফাইলটি খুলুন এবং এই কোডগুলি যুক্ত করুন যেখানে আপনি নিজের স্লাইডটি নীচের চিত্রের মতো প্রদর্শিত হতে চান;
এমনকি আপনি পেজ - ফ্রন্ট.tpl.php এর মতো কাস্টম ফ্রন্ট পৃষ্ঠার টেমপ্লেট তৈরি করতে পারেন যাতে আপনার ডিফল্ট পৃষ্ঠায়.tpl.php টেমপ্লেটে কোনও পরিবর্তন করার প্রয়োজন হয় না। [9] ব্লকটি সক্ষম ও কনফিগার করুন
এখন এই ব্লকটি ব্লক অক্ষম অঞ্চলে দৃশ্যমান হবে, সুতরাং ড্যাশবোর্ড মেনু থেকে স্ট্রাকচার> ব্লক এ যান এবং একটি থিমস ডিফল্ট অঞ্চল বা আমাদের তৈরি করা কাস্টম অঞ্চলে (বৈশিষ্ট্যযুক্ত_স্লাইডার) সক্ষম করুন। (অঞ্চলগুলি আপনি যে থিমটি ব্যবহার করছেন তার উপর নির্ভর করে))
ব্লক কনফিগারেশন সেটিংস ব্লকটি সক্ষম করার পরে আপনি ব্লকটি কনফিগার করার জন্য একটি লিঙ্ক পাবেন তাই কনফিগার লিংকে এবং নীচের মত সেটিংস বিভাগে ক্লিক করুন;
(1) ব্লক শিরোনাম (আপনি ব্লক শিরোনামটি কেবল টাইপ করতে চান না) (২) আবার আপনি সমস্ত সক্ষম থিম নির্দিষ্ট অঞ্চল সেটিংস পাবেন। দৃশ্যমানতার সেটিংগুলিতে (3) পৃষ্ঠাগুলি> নির্দিষ্ট পৃষ্ঠায় ব্লক দেখান: কেবলমাত্র তালিকাভুক্ত পৃষ্ঠাগুলি চয়ন করুন এবং টাইপ করুন যাতে এই ব্লকটি কেবল প্রথম পৃষ্ঠায় প্রদর্শিত হবে। সিএসএস টিপস থাম্বনাইলগুলি অনলাইনে প্রদর্শন করার জন্য
থাম্বনেইলগুলি ইনলাইন প্রদর্শনের জন্য আপনার থিমের স্টাইল শীটে এই সিএসএস কোডগুলি যুক্ত করুন। .ভিউস-স্লাইডশো-নিয়ন্ত্রণ-নীচে। ভিউস-স্লাইডশো-পেজার-ফিল্ড-আইটেম {ভাসা: বাম; মার্জিন: 20px 6px; Necessary প্রয়োজনীয় সামঞ্জস্য করুন।