দ্য মাস্টার অ্যাডঅন দ্বারা যোগাযোগ ফর্ম 7 উপাদান আপনার মধ্যে জনপ্রিয় যোগাযোগ ফর্ম 7 প্লাগইন ব্যবহার করে তৈরি ফর্মগুলিকে সংহত এবং স্টাইল করতে ব্যবহৃত একটি বিশেষ উইজেট৷ এলিমেন্টর ডিজাইন। এটি আপনাকে Elementor এর মাধ্যমে শক্তিশালী ভিজ্যুয়াল কাস্টমাইজেশন অর্জন করার সময় CF7 এর শক্তিশালী কার্যকারিতা লাভ করতে দেয়।
যোগাযোগ ফর্ম 7 উপাদান ব্যবহার করে, আপনি করতে পারেন:
- নির্বাচন করুন ড্রপডাউন থেকে বিদ্যমান যেকোনো যোগাযোগ ফর্ম 7 ফর্ম।
- একাধিক থেকে চয়ন করুন ডিজাইনের বৈচিত্র (স্টাইল ওয়ান মাধ্যমে স্টাইল ইলেভেন).
- এর দৃশ্যমানতা নিয়ন্ত্রণ করুন ত্রুটি বার্তা এবং বৈধতা ত্রুটি.
- সম্পূর্ণরূপে কাস্টমাইজ করুন ফর্ম ধারক, ইনপুট এবং টেক্সটেরিয়া ক্ষেত্র, লেবেল, এবং সাবমিট বোতাম জন্য স্বাভাবিক এবং ঘোরাঘুরি করা রাজ্যগুলি।
- এর প্রদর্শন শৈলী ত্রুটি এবং বৈধতা বার্তা.
সুতরাং, আসুন দেখি কিভাবে এই উপাদানটি যোগ এবং কাস্টমাইজ করা যায়।
এলিমেন্টরে যোগাযোগের ফর্ম 7 উইজেট কী? #
কন্টাক্ট ফর্ম 7 এলিমেন্টর উইজেট হল একটি মাস্টার অ্যাডঅন এলিমেন্ট যা এলিমেন্টরের ভিতরে বিদ্যমান যেকোন কন্টাক্ট ফর্ম 7 ফর্ম প্রদর্শন করে এবং আপনাকে এর ডিজাইনের উপর সম্পূর্ণ ভিজ্যুয়াল নিয়ন্ত্রণ দেয়। এটি CF7 কে ফর্ম লজিক এবং ইমেল ডেলিভারি পরিচালনা করে রাখে, যখন আপনি এলিমেন্টরের স্টাইল ট্যাব থেকে কন্টেইনার, ইনপুট ক্ষেত্র, লেবেল, জমা বোতাম এবং ত্রুটি বার্তা স্টাইল করেন। মাস্টার অ্যাডনস এগারোটি ডিজাইনের প্রিসেট পাঠায় (ফ্রি প্লাগইনে স্টাইল ওয়ান থেকে ফোর, প্রো-তে স্টাইল ফাইভ থেকে ইলেভেন), তাই আপনি কোনো CSS না লিখেই আপনার সাইটের সাথে মেলে একটি প্লেইন CF7 ফর্ম রিস্টাইল করতে পারেন। এটা বিনামূল্যে অংশ মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন লাইব্রেরি। একটি ওভারভিউ এবং CSS এবং Elementor Pro ফর্ম উইজেটের সাথে তুলনা করার জন্য, দেখুন যোগাযোগ ফর্ম 7 এলিমেন্টর উইজেট পৃষ্ঠা।
যোগাযোগ ফর্ম 7 উপাদান যোগ এবং কনফিগার করা #
Elementor-এ একটি স্টাইল করা যোগাযোগ ফর্ম 7 ফর্ম যোগ করতে: Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন, টেনে আনুন যোগাযোগ ফর্ম 7 ক্যানভাসে উইজেট করুন, ড্রপডাউন থেকে আপনার ফর্মটি নির্বাচন করুন, একটি ডিজাইনের বৈচিত্র চয়ন করুন (স্টাইল এক থেকে চারটি বিনামূল্যে), তারপর কন্টেইনার, ক্ষেত্র, লেবেলগুলিকে সূক্ষ্ম-টিউন করুন এবং জমা দিন বোতামটি শৈলী ট্যাব। নীচের ধাপগুলি প্রতিটি অংশের মধ্য দিয়ে বিস্তারিতভাবে চলে।
আপনার ওয়েবসাইটের যেকোনো পৃষ্ঠায় যোগাযোগ ফর্ম 7 উপাদান যোগ এবং কনফিগার করতে এই পদক্ষেপগুলি অনুসরণ করুন।
ধাপ 1: একটি পৃষ্ঠা তৈরি বা সম্পাদনা করুন #
- আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, যান পৃষ্ঠা → নতুন যোগ করুন একটি নতুন পৃষ্ঠা তৈরি করতে। আপনি একটি বিদ্যমান পৃষ্ঠা নির্বাচন করতে পারেন এবং ক্লিক করতে পারেন সম্পাদনা করুন.
- এর পরে, “ এ ক্লিক করুনElementor দিয়ে সম্পাদনা করুন” বোতাম।
ধাপ 2: যোগাযোগ ফর্ম 7 উপাদান খুঁজুন #
- বাম হাতের এলিমেন্টর প্যানেলে, “ খুঁজে পেতে অনুসন্ধান বার ব্যবহার করুনযোগাযোগ ফর্ম 7.”
- পৃষ্ঠার আপনার পছন্দসই বিভাগে অ্যাডনটি টেনে আনুন এবং ফেলে দিন।
ধাপ 3: যোগাযোগ ফর্ম 7 সেটিংস কাস্টমাইজ করুন #
অ্যাডন স্থাপন করার পরে, আপনি বাম-হাতের প্যানেলে কাস্টমাইজেশন বিভাগগুলি পাবেন, প্রাথমিকভাবে এর অধীনে বিষয়বস্তু এবং শৈলী ট্যাব।
বিষয়বস্তু ট্যাব #
এখানেই আপনি ফর্মটি নির্বাচন করেন এবং ত্রুটির দৃশ্যমানতা নির্ধারণ করেন।
যোগাযোগ ফর্ম 7: #
- যোগাযোগ ফর্ম নির্বাচন করুন: ড্রপডাউন তালিকা থেকে আপনি যে নির্দিষ্ট যোগাযোগ ফর্ম 7 ফর্মটি প্রদর্শন করতে চান তা চয়ন করুন৷।
- ত্রুটি শৈলী (ত্রুটি বার্তা /বৈধকরণ ত্রুটি): কিনা চয়ন করুন প্রদর্শন বা লুকান পৃথক ক্ষেত্রের অধীনে নোটিশ (ত্রুটি বার্তা) এবং ফর্ম-স্তরের বৈধতা বার্তা (বৈধকরণ ত্রুটি)।
ডিজাইন লেআউট: #
- ডিজাইনের বৈচিত্র: ফর্মের জন্য একটি পূর্ব-পরিকল্পিত শৈলী নির্বাচন করুন (স্টাইল ওয়ান মাধ্যমে স্টাইল ইলেভেন).
স্টাইল ট্যাব #
এখানেই আপনি ফর্ম এবং এর উপাদানগুলির চাক্ষুষ চেহারা নিয়ন্ত্রণ করেন।
ফর্ম ধারক: #
- পটভূমির ধরন: সম্পূর্ণ ফর্ম ধারক জন্য পটভূমি শৈলী সেট করুন: ক্লাসিক বা গ্রেডিয়েন্ট.
- বর্ডার টপ কালার: পাত্রের উপরের সীমানার জন্য একটি রঙ সেট করুন।
- ফর্ম প্রস্থ (%) / ফর্ম প্যাডিং: ফর্ম পাত্রের আকার এবং অভ্যন্তরীণ ব্যবধান নিয়ন্ত্রণ করুন।
শিরোনাম: #
- রঙ / প্রান্তিককরণ / টাইপোগ্রাফি: ফর্মের শিরোনাম স্টাইল করুন (যদি একটি CF7 কাঠামোতে উপস্থিত থাকে)।
ইনপুট এবং টেক্সটেরিয়া: #
- পটভূমির রঙ / পাঠ্যের রঙ: সমস্ত ইনপুট এবং টেক্সটেরিয়া ক্ষেত্রের জন্য পটভূমি এবং পাঠ্যের রঙ সেট করুন।
- প্যাডিং: ক্ষেত্রগুলির ভিতরের ব্যবধান সামঞ্জস্য করুন।
- ক্ষেত্রের প্রস্থ (%): ক্ষেত্রগুলির অনুভূমিক আকার সেট করুন।
- বর্ডার টাইপ / বর্ডার ব্যাসার্ধ: ইনপুট ক্ষেত্রের জন্য সীমানা শৈলী এবং বৃত্তাকার কোণ সেট করুন।
লেবেল: #
- রঙ / টাইপোগ্রাফি: ফিল্ড লেবেলের জন্য পাঠ্যের রঙ এবং ফন্ট সেটিংস স্টাইল করুন।
বোতাম জমা দিন: #
- বোতাম টাইপোগ্রাফি: বোতাম পাঠ্যের জন্য ফন্ট সেটিংস নিয়ন্ত্রণ করুন।
- সাধারণ /হোভার: উভয় অবস্থায় বোতামের জন্য নিম্নলিখিত সেট করুন:
- পটভূমির ধরন
- টেক্সট কালার
- বর্ডার কালার
- সীমানা ব্যাসার্ধ /প্যাডিং: বোতামের বৃত্তাকার কোণ এবং ভিতরের ব্যবধান সেট করুন।
ত্রুটি: #
- ত্রুটি বার্তা (ক্ষেত্রের অধীনে): স্বতন্ত্র ক্ষেত্রের নীচে প্রদর্শিত নোটিশগুলিকে স্টাইল করুন, যেমন একটি প্রয়োজনীয় ক্ষেত্রের বার্তা৷।
- পাঠ্যের রঙ / পটভূমির রঙ / সীমান্তের ধরন।
- বৈধতা ত্রুটি (সম্পূর্ণ ফর্ম): একটি জমা বৈধতা ব্যর্থ হলে দেখানো ফর্ম-স্তরের বার্তা স্টাইল করুন।
- পটভূমির রঙ / পাঠ্যের রঙ / সীমান্তের ধরন।
ধাপ 4: আপনার পৃষ্ঠা সংরক্ষণ করুন এবং প্রকাশ করুন #
একবার আপনি আপনার পছন্দ অনুযায়ী সবকিছু কাস্টমাইজ করেছেন:
- “ এ ক্লিক করুনপ্রকাশ করুন” বোতাম (যদি এটি একটি নতুন পৃষ্ঠা হয়) বা “হালনাগাদ” (যদি একটি বিদ্যমান পৃষ্ঠা সম্পাদনা করা হয়)।
- সমস্ত শৈলী সঠিকভাবে প্রয়োগ করা হয়েছে তা নিশ্চিত করতে ফ্রন্টএন্ডে ফর্ম জমা এবং ত্রুটি বার্তা পরীক্ষা করুন।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
আমি কিভাবে এলিমেন্টরে যোগাযোগ ফর্ম 7 স্টাইল করব?
আপনার এলিমেন্টর পৃষ্ঠায় মাস্টার অ্যাডনস যোগাযোগ ফর্ম 7 উইজেট যোগ করুন, ড্রপডাউন থেকে আপনার ফর্ম নির্বাচন করুন, তারপর স্টাইল ট্যাব খুলুন। সেখান থেকে আপনি ফর্ম কন্টেইনার, ইনপুট এবং টেক্সটেরিয়া ক্ষেত্র, লেবেল, জমা বোতাম এবং ত্রুটি বার্তাগুলি পুনরায় স্টাইল করতে পারেন। ম্যানুয়াল স্টাইলিং এড়িয়ে যেতে আপনি একটি ডিজাইন প্রিসেট (চারটি বিনামূল্যে, আরও সাতটি প্রো সহ) বাছাই করতে পারেন।
মাস্টার অ্যাডঅনগুলিতে যোগাযোগের ফর্ম 7 উইজেট কি বিনামূল্যে?
হ্যাঁ। যোগাযোগ ফর্ম 7 উইজেট বিনামূল্যের অংশ মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন লাইব্রেরি। আপনার শুধুমাত্র বিনামূল্যে যোগাযোগ ফর্ম 7 প্লাগইন এবং মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয় প্রয়োজন; কোন এলিমেন্টর প্রো প্রয়োজন নেই। স্টাইল ওয়ান থেকে স্টাইল ফোর বিনামূল্যে, এবং স্টাইল ফাইভ থেকে স্টাইল ইলেভেনের জন্য মাস্টার অ্যাডঅন প্রো প্রয়োজন।
মাস্টার অ্যাডঅনগুলিতে কতগুলি পরিচিতি ফর্ম 7 ডিজাইন শৈলী অন্তর্ভুক্ত রয়েছে?
মাস্টার অ্যাডঅন-এ এগারোটি ডিজাইনের বৈচিত্র রয়েছে, স্টাইল ওয়ান থেকে স্টাইল ইলেভেন লেবেলযুক্ত। স্টাইল ওয়ান থেকে স্টাইল ফোর বিনামূল্যে, এবং স্টাইল ফাইভ থেকে স্টাইল ইলেভেনের জন্য মাস্টার অ্যাডঅন প্রো প্রয়োজন। অবিলম্বে একটি সম্পূর্ণ চেহারা প্রয়োগ করতে ডিজাইন লেআউট বিভাগের অধীনে একটি বেছে নিন, তারপর আপনার ব্র্যান্ডের সাথে মেলে স্টাইল ট্যাবে রঙ, সীমানা এবং টাইপোগ্রাফি সামঞ্জস্য করুন।
আমি কি যোগাযোগ ফর্ম 7 জমা বোতামে একটি ফন্ট দুর্দান্ত আইকন যোগ করতে পারি?
হ্যাঁ। এই উইজেটে অন্তর্নির্মিত বোতাম স্টাইলিং এর বাইরে, আপনি কীভাবে করবেন সে সম্পর্কে আমাদের নির্দেশিকা অনুসরণ করে পাঠান বোতামে একটি আইকন যোগ করতে পারেন যোগাযোগ ফর্ম 7 জমা বোতামের ভিতরে একটি ফন্ট দুর্দান্ত আইকন প্রয়োগ করুন। এটি আপনার এখানে সেট করা সাধারণ এবং হোভার বোতাম শৈলীগুলির সাথে ভালভাবে যুক্ত।
কেন আমার পরিচিতি ফর্ম 7 স্টাইলিং এলিমেন্টরে দেখানো হচ্ছে না?
এটি প্রায় সবসময় ক্যাশিং বা একটি প্লাগইন দ্বন্দ্ব। যোগাযোগের ফর্ম 7 এবং মাস্টার অ্যাডঅন উভয়ই সক্রিয় রয়েছে তা নিশ্চিত করুন, নিশ্চিত করুন যে আপনি মাস্টার অ্যাডঅনস যোগাযোগ ফর্ম 7 উইজেট ব্যবহার করছেন (সাধারণ CF7 শর্টকোড নয়), তারপর আপনার পৃষ্ঠার ক্যাশে পরিষ্কার করুন এবং হার্ড-রিলোড করুন। সম্পদ চর্বিহীন রাখা সাহায্য করে; আমাদের টিপস দেখুন আপনার Elementor ওয়েবসাইট গতি বাড়ান.
