যোগাযোগের ফর্ম 7 এলিমেন্টর উইজেট: CSS ছাড়া CF7 স্টাইল করুন
বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনে যোগাযোগের ফর্ম 7 উইজেট আপনার তৈরি করা যেকোনো ফর্ম রাখে যোগাযোগ ফর্ম 7 একটি এলিমেন্টর পৃষ্ঠায় এবং আপনাকে প্যানেল থেকে এটি স্টাইল করতে দেয়। ফর্মটি চয়ন করুন, একটি ডিজাইনের বৈচিত্র চয়ন করুন, তারপরে ধারক, শিরোনাম, ক্ষেত্র, লেবেল সেট করুন, বোতাম এবং ত্রুটি বার্তা জমা দিন। যোগাযোগ ফর্ম 7 এখনও ক্ষেত্রগুলি পরিচালনা করে এবং ইমেল পাঠায়। চারটি ডিজাইনের বৈচিত্র বিনামূল্যে এবং আরও সাতটি মাস্টার অ্যাডনস প্রো-এর সাথে আসে। আপনার বিনামূল্যে যোগাযোগ ফর্ম 7 প্লাগইন ইনস্টল করা এবং অন্তত একটি ফর্ম তৈরি করা প্রয়োজন৷।
এলিমেন্টরে যোগাযোগের ফর্ম 7 কীভাবে যুক্ত করবেন
আপনি Elementor প্রয়োজন, বিনামূল্যে যোগাযোগ ফর্ম 7 প্লাগইন এবং বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইন।
- যোগাযোগ ফর্ম 7 ইনস্টল করুন এবং এর অধীনে আপনার ফর্ম তৈরি করুন যোগাযোগ, নতুন যোগ করুন, আপনার প্রয়োজনীয় ক্ষেত্র এবং ইমেল সেটিংস সহ।
- ইনস্টল করুন এবং সক্রিয় করুন WordPress.org থেকে মাস্টার অ্যাডঅন.
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন এবং এর জন্য উইজেট প্যানেল অনুসন্ধান করুন যোগাযোগ ফর্ম 7। মাস্টার অ্যাডঅন ব্যাজ সহ একটি বেছে নিন।
- মধ্যে যোগাযোগ ফর্ম নির্বাচন করুন, আপনার ফর্ম চয়ন করুন।
- শৈলীতে, একটি ডিজাইনের বৈচিত্র বেছে নিন (স্টাইল এক থেকে চারটি বিনামূল্যে)।
- ধারক, ক্ষেত্র, লেবেল, বোতাম এবং ত্রুটিগুলি সামঞ্জস্য করুন, তারপর লাইভ পৃষ্ঠায় একটি পরীক্ষার বার্তা জমা দিন৷।
প্রতিটি সেটিং এর মধ্যে আচ্ছাদিত করা হয় যোগাযোগ ফর্ম 7 উইজেট সেটিংস গাইড।
ডিজাইনের ভিন্নতা: 4টি বিনামূল্যে, 7টি প্রো
স্টাইলে, ডিজাইন লেআউট, একটি নির্বাচন করুন ডিজাইনের বৈচিত্র। স্টাইল ওয়ান থেকে স্টাইল ফোর ফ্রি প্লাগইনে রয়েছে। স্টাইল ফাইভ থেকে স্টাইল ইলেভেন প্রয়োজন মাস্টার অ্যাডনস প্রো। প্রতিটি প্রকরণ ক্ষেত্র এবং বোতামকে একসাথে স্টাইল করে এবং আপনি নীচের বিভাগে পরে যেকোনো অংশ পরিবর্তন করতে পারেন।
- পৃষ্ঠার প্রতিটি উইজেট তার নিজস্ব বৈচিত্র ব্যবহার করতে পারে, তাই একটি ফুটার ফর্ম এবং একটি পরিচিতি পৃষ্ঠা ফর্ম আলাদা দেখতে পারে৷।
- নীচের বিষয়বস্তু ট্যাবে ফর্মটি চয়ন করুন৷ যোগাযোগ ফর্ম নির্বাচন করুন। তালিকাটি আপনার যোগাযোগের ফর্ম 7-এ তৈরি করা ফর্মগুলি দেখায়৷।
- যোগাযোগ ফর্ম 7 সক্রিয় না থাকলে, উইজেট একটি ফর্মের পরিবর্তে একটি বিজ্ঞপ্তি দেখায়৷।
স্টাইলিং যোগাযোগ ফর্ম 7: উইজেট বনাম CSS বনাম এলিমেন্টর প্রো ফর্ম
একটি Elementor সাইটে একটি সুদর্শন ফর্ম পেতে তিনটি সাধারণ উপায় আছে। তারা কিভাবে তুলনা করে তা এখানে।
| মাস্টার অ্যাডঅন CF7 উইজেট | CF7 এ কাস্টম CSS | এলিমেন্টর প্রো ফর্ম উইজেট | |
|---|---|---|---|
| ফর্ম নির্মাতা | যোগাযোগ ফর্ম 7 | যোগাযোগ ফর্ম 7 | এলিমেন্টর প্রো-তে বিল্ট ইন |
| স্টাইলিং | প্যানেল নিয়ন্ত্রণ এবং 11টি বৈচিত্র (4টি বিনামূল্যে) | CSS লিখুন এবং বজায় রাখুন | প্যানেল নিয়ন্ত্রণ |
| খরচ | বিনামূল্যে (7 বৈচিত্র প্রো প্রয়োজন) | বিনামূল্যে | এলিমেন্টর প্রো প্রয়োজন |
| জন্য সেরা | সাইটগুলি ইতিমধ্যেই CF7 ব্যবহার করছে৷ | বিকাশকারী যারা সম্পূর্ণ নিয়ন্ত্রণ চান | Elementor Pro-এর সাইটগুলি যেগুলি এক জায়গায় ফর্ম এবং অ্যাকশন চায়৷ |
আপনার যদি ইতিমধ্যেই যোগাযোগের ফর্ম 7 ফর্ম থাকে, তাহলে উইজেট হল সেগুলিকে আপনার ডিজাইনের সাথে মেলে তোলার দ্রুততম উপায়৷ আপনি যদি একটি ভিন্ন ফর্ম প্লাগইন ব্যবহার করেন, দেখুন নিনজা ফর্ম বা মাধ্যাকর্ষণ ফর্ম উইজেট, বা মেইলচিম্প সাইনআপের জন্য উইজেট।
ফর্ম ধারক এবং শিরোনাম
ফর্ম ধারক একটি রঙ, গ্রেডিয়েন্ট বা চিত্রের পটভূমি সেট করে, ক বর্ডার টপ কালার, ফর্ম প্রস্থ এবং ফর্ম প্যাডিং. দ্য শিরোনাম বিভাগটি আপনার ফর্ম মার্কআপের ভিতরে একটি শিরোনামের রঙ, প্রান্তিককরণ এবং টাইপোগ্রাফি সেট করে, যদি আপনার ফর্মটিতে একটি থাকে।
- একটি প্রশস্ত কলামে একটি সংকীর্ণ ফর্মকে কেন্দ্রে রাখতে 100% এর নিচে ফর্ম প্রস্থ সেট করুন।
- উপরের সীমানা রঙ ফর্মের উপরে একটি সাধারণ উচ্চারণ হিসাবে কাজ করে।
- প্যাডিং একটি রঙিন কার্ডের ভিতরে ফর্ম রুম দেয়।
ক্ষেত্র এবং লেবেল
ইনপুট এবং টেক্সটেরিয়া পটভূমির রঙ, পাঠ্যের রঙ, প্যাডিং, সেট করে ক্ষেত্রের প্রস্থ, পাঠ্য ক্ষেত্র, পাঠ্য এলাকা এবং মেনু নির্বাচনের জন্য সীমানা এবং সীমানা ব্যাসার্ধ। লেবেল এর নিজস্ব রঙ এবং টাইপোগ্রাফি রয়েছে, তাই ক্ষেত্রের নামগুলি দর্শকদের টাইপ থেকে আলাদা হতে পারে।
- ক্ষেত্র প্রস্থ শতাংশে কাজ করে, আপনার CF7 ফর্ম মার্কআপে নির্মিত দুই-কলামের লেআউটের জন্য সহজ।
- চেকবক্স, রেডিও বোতাম এবং ফাইল ইনপুট আপনার থিম বা CF7 স্টাইলিং রাখে।
- অ্যাক্সেসযোগ্যতার জন্য ক্ষেত্রের পটভূমি এবং পাঠ্যের মধ্যে যথেষ্ট বৈসাদৃশ্য রাখুন।
বোতাম এবং ত্রুটি বার্তা জমা দিন
সাবমিট বোতাম টাইপোগ্রাফি প্লাস নরমাল এবং হোভার ট্যাব রয়েছে: সাধারণের জন্য ব্যাকগ্রাউন্ড, টেক্সট কালার এবং বর্ডার কালার এবং হোভারের জন্য ব্যাকগ্রাউন্ড এবং টেক্সট কালার। সীমানা প্রস্থ, সীমানা রঙ, ব্যাসার্ধ এবং প্যাডিং ট্যাবের নীচে সেট করা আছে। দ্য ত্রুটি বিভাগ শৈলী ত্রুটি বার্তা ক্ষেত্র অধীনে এবং বৈধতা ত্রুটি পুরো ফর্মের জন্য, এবং বিষয়বস্তু ট্যাবে আপনি তাদের প্রতিটি দেখাতে বা লুকাতে পারেন।
- ডিফল্ট বোতামটি সাদা টেক্সট সহ বেগুনি (#6e00e9), তাই আপনার ব্র্যান্ডের রং সেট করুন।
- ক্ষেত্রের ত্রুটিগুলি লুকিয়ে রাখা ফর্মটিকে আরও পরিপাটি করে তোলে, কিন্তু দর্শকরা তখন ফর্ম-স্তরের বার্তার উপর নির্ভর করে৷।
- বোতামের জন্য কোন আইকন নিয়ন্ত্রণ নেই। একটি যোগ করতে, দেখুন যোগাযোগ ফর্ম 7 জমা বোতামে একটি ফন্ট দুর্দান্ত আইকন কীভাবে যুক্ত করবেন.
যোগাযোগ ফর্ম 7 এর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমি কিভাবে এটিকে আমার বিদ্যমান যোগাযোগ ফর্ম 7 ফর্মের সাথে সংযুক্ত করব?
বিষয়বস্তু ট্যাবে, খুলুন যোগাযোগ ফর্ম নির্বাচন করুন। এটি যোগাযোগ ফর্ম 7-এ আপনার তৈরি করা প্রতিটি ফর্ম তালিকাভুক্ত করে৷ একটি চয়ন করুন এবং উইজেটটি আপনার নির্বাচিত নকশার সাথে এটি প্রদর্শন করে৷।
আমার ফর্ম কি এখনও ইমেল পাঠাবে এবং যোগাযোগ ফর্ম 7 এ কনফিগার করা হিসাবে কাজ করবে?
হ্যাঁ। উইজেট শুধুমাত্র ফর্ম দেখতে কেমন পরিবর্তন করে। ক্ষেত্র, ইমেল সেটিংস, বার্তা এবং স্প্যাম সুরক্ষা যোগাযোগ ফর্ম 7 এ থাকে এবং আপনি সেখানে সেট আপ করার সাথে সাথে কাজ করে৷।
যোগাযোগ ফর্ম 7 উইজেট বিনামূল্যে?
হ্যাঁ, উইজেটটি বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনের অংশ, এবং স্টাইল ওয়ান থেকে স্টাইল ফোর বিনামূল্যে। স্টাইল ফাইভ থেকে স্টাইল ইলেভেন প্রয়োজন মাস্টার অ্যাডনস প্রো। যোগাযোগ ফর্ম 7 নিজেই বিনামূল্যে।
আমার কি যোগাযোগ ফর্ম 7 প্লাগইন দরকার?
হ্যাঁ। এই উইজেটটি যোগাযোগ ফর্ম 7 ফর্ম স্টাইল করে, তাই বিনামূল্যে যোগাযোগ ফর্ম 7 প্লাগইন ইনস্টল এবং সক্রিয় করা আবশ্যক৷ এটি ছাড়া, উইজেটটি একটি "যোগাযোগ ফর্ম 7 সক্রিয় নয়" বিজ্ঞপ্তি দেখায়৷।
আমি যোগাযোগ ফর্ম 7 প্লাগইনে একটি নতুন ক্ষেত্র যোগ করলে কি হবে?
যোগাযোগ ফর্ম 7 এ ফর্মটি সম্পাদনা করুন এবং সংরক্ষণ করুন। উইজেট আপডেট করা ফর্ম দেখায়, এবং আপনার ক্ষেত্র এবং লেবেল শৈলীগুলি নতুন ক্ষেত্রে প্রযোজ্য কারণ তারা সমস্ত পাঠ্য ক্ষেত্র এবং লেবেলকে লক্ষ্য করে। প্রিভিউ আপডেট না হলে এলিমেন্টর এডিটর রিফ্রেশ করুন।
আমার ফর্ম স্টাইল করার জন্য আমার কি CSS জানতে হবে?
রঙ, সীমানা, ব্যবধান এবং টাইপোগ্রাফির জন্য না, যা সমস্ত প্যানেল নিয়ন্ত্রণ। ফর্মের ভিতরে লেআউট, যেমন দুটি ক্ষেত্র পাশাপাশি রাখা, আপনার যোগাযোগ ফর্ম 7 ফর্ম মার্কআপ থেকে আসে।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
