সোর্স কোড
আপনার Elementor সাইটে কোড স্নিপেট শেয়ার করুন সঠিক উপায়ে ens সুন্দরভাবে ফরম্যাট করা এবং দর্শকদের ব্যবহার করা সহজ। এই সোর্স কোড উপাদানটি আপনাকে HTML, CSS, JavaScript, PHP, বা 80+ প্রোগ্রামিং ভাষার যেকোনো একটি পরিষ্কার সিনট্যাক্স হাইলাইটিং সহ প্রদর্শন করতে দেয়। শুধু আপনার ভাষা বাছাই করুন, আপনার শৈলীর সাথে মানানসই একটি রঙের থিম চয়ন করুন এবং আপনার কোড পেস্ট করুন। এমনকি এটি একটি সহজ “Copy” বোতাম যোগ করে যাতে ব্যবহারকারীরা অবিলম্বে এক ক্লিকে আপনার কোডটি ধরতে পারে। এটি টিউটোরিয়াল, ডকুমেন্টেশন, ডেভেলপার পোর্টফোলিও বা যেকোনো সাইটের জন্য নিখুঁত টুল যেখানে আপনাকে পরিষ্কারভাবে এবং পেশাগতভাবে কোড প্রদর্শন করতে হবে।
ওয়াইড ল্যাঙ্গুয়েজ এবং থিম সাপোর্ট
80 টিরও বেশি বিভিন্ন প্রোগ্রামিং এবং মার্কআপ ভাষায় কোড প্রদর্শন করুন, প্রতিটিতে সঠিক সিনট্যাক্স হাইলাইট করা আছে। আপনার সাইটের অন্ধকার বা হালকা নান্দনিকতার সাথে মেলে 8+ ভিজ্যুয়াল থিম থেকে বেছে নিন, আপনার কোডকে পঠনযোগ্য এবং দৃষ্টিকটু করে তোলে।
- HTML, CSS, JS, এবং PHP এর মতো একাধিক ভাষা কভার করে এমন টিউটোরিয়াল ব্লগের জন্য উপযুক্ত।
- একটি আধুনিক, বিকাশকারী-বান্ধব চেহারার জন্য একটি অন্ধকার থিম ব্যবহার করুন৷।
- নিশ্চিত করুন যে কোডটি এক নজরে পড়া এবং বোঝা সহজ, শেখার অভিজ্ঞতা উন্নত করে।
এক-ক্লিক কপি কার্যকারিতা
একটি ব্যবহারকারী-বান্ধব বোতাম অন্তর্ভুক্ত করুন যা দর্শকদের তাদের ক্লিপবোর্ডে অবিলম্বে আপনার কোড অনুলিপি করতে দেয়। বোতামের পাঠ্য, অবস্থান এবং নিশ্চিতকরণ বার্তাটি কাস্টমাইজ করুন যা অনুলিপি করার পরে প্রদর্শিত হয়, তাদের ম্যানুয়ালি নির্বাচন এবং অনুলিপি করার প্রয়োজনীয়তা দূর করে।
- যারা আপনার স্নিপেটগুলি পুনরায় ব্যবহার করতে চান তাদের জন্য ব্যবহারকারীর অভিজ্ঞতাকে ব্যাপকভাবে উন্নত করে৷।
- আপনার মূল্যবান কোড গ্রহণ এবং ব্যবহার করা সহজ করে ব্যস্ততা বাড়ান।
- ব্যবহারকারীদের স্পষ্ট প্রতিক্রিয়া জানাতে একটি “ed!” নিশ্চিতকরণ দেখান৷।
সম্পূর্ণ ভিজ্যুয়াল কাস্টমাইজেশন
আপনার ডিজাইনের সাথে নির্বিঘ্নে মিশ্রিত করতে কোড ব্লকের প্রতিটি অংশকে স্টাইল করুন। কন্টেইনারের প্যাডিং, মার্জিন এবং সীমানা সামঞ্জস্য করুন এবং স্বাধীনভাবে কপি বোতামের রঙ, টাইপোগ্রাফি এবং কোণার রাউন্ডিং ডিজাইন করুন।
- কোড ব্লকের ব্যাকগ্রাউন্ড এবং সীমানা আপনার সাইটের কালার স্কিমের সাথে মেলে।
- একটি বিশিষ্ট কপি বোতাম ডিজাইন করুন যা ক্লিককে উৎসাহিত করে।
- পৃষ্ঠায় একটি পরিষ্কার, সমন্বিত চেহারার জন্য কোডের চারপাশে ব্যবধান নিয়ন্ত্রণ করুন।
সোর্স কোডের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
সিনট্যাক্স হাইলাইট করার জন্য আমি কীভাবে প্রোগ্রামিং ভাষা পরিবর্তন করব?
বিষয়বস্তু সেটিংসে, আপনার স্নিপেটের জন্য সঠিক ভাষা নির্বাচন করতে “” ড্রপডাউন মেনু ব্যবহার করুন (যেমন, HTML, CSS, PHP)। এটি নিশ্চিত করে যে কীওয়ার্ড এবং সিনট্যাক্স সঠিকভাবে রঙিন হয়েছে।
আমি কি কোডের পাশের লাইন নম্বরগুলি লুকাতে পারি?
হ্যাঁ। আপনি "No।”" এ "Enable Line Number”" বিকল্পটি সেট করে লাইন নম্বরগুলি নিষ্ক্রিয় করতে পারেন এটি আপনাকে কোডের একটি ক্লিনার ব্লক দেয় যদি আপনার উদাহরণের জন্য লাইন নম্বরগুলি প্রয়োজনীয় না হয়৷।
আমি কপি বোতামটি কোথায় রাখতে পারি?
আপনি বোতামের অবস্থান বেছে নিতে পারেন, যেমন কোড ব্লকের "শীর্ষ ডান কোণ"৷ আপনি এটির দৃশ্যমানতা নিয়ন্ত্রণ করতে পারেন, এটিকে সর্বদা দেখানোর জন্য সেট করে বা সম্ভবত শুধুমাত্র হোভারে প্রদর্শিত হতে পারে৷।
প্রদর্শিত কোড কি ওয়েবসাইট দর্শকদের দ্বারা সম্পাদনাযোগ্য?
না। কোডটি দেখার এবং অনুলিপি করার জন্য একটি স্ট্যাটিক, স্টাইলযুক্ত ব্লক হিসাবে উপস্থাপন করা হয়েছে। দর্শকরা সরাসরি আপনার পৃষ্ঠায় সোর্স কোড সম্পাদনা করতে পারবেন না; এটি শুধুমাত্র প্রদর্শনের উদ্দেশ্যে।
আমি কি প্রি-সেট থিমের পরিবর্তে আমার নিজস্ব রঙের স্কিম ব্যবহার করতে পারি?
উপাদানটি বেশ কয়েকটি পূর্ব-পরিকল্পিত থিম অফার করে (যেমন "আগামীকাল")। সম্পূর্ণ কাস্টম রং ব্যবহার করতে, আপনাকে সম্ভবত কাস্টম CSS যোগ করতে হবে, কারণ স্টাইলিং বিকল্পগুলি প্রাথমিকভাবে ধারক এবং বোতাম নিয়ন্ত্রণ করে, অভ্যন্তরীণ সিনট্যাক্স রং নয়।
কপি বোতাম কি মোবাইল ডিভাইসে কাজ করে?
হ্যাঁ, কপি কার্যকারিতা সমস্ত ডিভাইসে কাজ করার জন্য ডিজাইন করা হয়েছে। বোতামটি স্পর্শ-বান্ধব, এবং একটি ফোন বা ট্যাবলেটে ট্যাপ করা হলে কপি কমান্ডটি কার্যকর হবে৷।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
