বিষয়বস্তু রাজা, তারা বলে, কিন্তু চেহারা রাণী। এবং আজকের ওয়েব প্রপার্টির অবস্থাতে এটি আরও বেশি সত্য হতে পারে না। একটি নজরকাড়া নকশা থাকা ওয়েব মালিকদের তাদের দর্শকদের মনোযোগ আকর্ষণ করতে সাহায্য করবে৷ সুচিন্তিত বিন্যাস, সুরেলা রঙের সংমিশ্রণ এবং সুন্দর ফন্টগুলি ছাড়াও, ওয়েব মালিকরা একটি ভিজিটরের তাত্ক্ষণিক বিজ্ঞপ্তি পেতে যে উপায়গুলি ব্যবহার করতে পারেন তা হল চলন্ত, টাইপরাইটার-এর মতো পাঠ্যগুলি ব্যবহার করা৷ আপনি যদি একজন ওয়ার্ডপ্রেস ব্যবহারকারী হন, তাহলে আপনি Typed Js নামে একটি প্লাগইন ব্যবহার করে সহজেই এই প্রভাবটি অর্জন করতে পারেন। .
দ্রষ্টব্য :যেহেতু ইফেক্টটি মুভিং টেক্সট, এবং শব্দ বা একটি স্ট্যাটিক ছবি ব্যবহার করে "শীতলতা" বর্ণনা করা কঠিন, তাই আমি আমার ব্যক্তিগত ওয়েবসাইট প্রকল্পে এটি ব্যবহার করার সিদ্ধান্ত নিয়েছি, এবং আপনি সেখানে ফলাফল দেখতে পাবেন।
প্লাগইন ইনস্টল এবং সেট আপ করা
ওয়ার্ডপ্রেসে একটি প্লাগইন ইনস্টল করা খুব সহজ, বিশেষ করে যারা কিছু সময়ের জন্য প্ল্যাটফর্মের সাথে টিঙ্কার করেছেন তাদের জন্য। আপনাকে যা করতে হবে তা হল আপনার অ্যাডমিন এলাকায় লগ ইন করুন এবং বাম সাইডবার থেকে "প্লাগইন -> নতুন যোগ করুন" মেনুটি ব্যবহার করুন৷ প্লাগইন রিপোজিটরি থেকে "টাইপড জেএস" অনুসন্ধান করুন, তারপর এটি ইনস্টল করুন এবং সক্রিয় করুন৷
এখন আপনি একটি নতুন Typed Js প্রভাব যোগ করতে প্রস্তুত। একটি নতুন পোস্ট যোগ করার প্রক্রিয়াটি কমবেশি একই রকম। প্রথমে, বাম সাইডবার থেকে "টাইপ করা -> নতুন যোগ করুন" মেনুতে যান, তারপর আপনার নতুন টাইপ করা প্রভাবটিকে একটি নাম দিন৷
গুরুত্বপূর্ণ ! "জেনারেট করা শর্টকোড"-এ মনোযোগ দিন। এটি "[বর্গাকার বন্ধনী]" এর মধ্যে স্ট্রিং। বন্ধনী সহ সবকিছু অনুলিপি করুন, এবং শর্টকোডটি যেখানে আপনি দেখতে চান সেখানে সন্নিবেশ করুন৷ স্ট্রিংগুলির একটি ভিন্ন সেটের আলাদা শর্টকোড থাকবে৷
৷
"টাইপ করা বিকল্প" থেকে আপনি শব্দ/বাক্য/বাক্যের স্ট্রিং যোগ করতে পারেন যা আপনি আপনার পছন্দের ক্রম ব্যবহার করে প্রদর্শিত হতে চান। একটি নতুন স্ট্রিং যোগ করতে "প্লাস (+)" বোতাম এবং একটি এন্ট্রি মুছতে "মাইনাস (-)" বোতামটি ব্যবহার করুন।
স্ট্রিংগুলির নীচে প্রভাবের চেহারা সামঞ্জস্য করার জন্য বিভিন্ন সেটিংস রয়েছে৷ আপনি টাইপিং স্পিড, স্টার্ট ডিলে, ব্যাক স্পিড এবং ব্যাক ডেলে কাস্টমাইজ করতে পারেন। সমস্ত সংখ্যা মিলিসেকেন্ডে। এছাড়াও আপনি স্ট্রিংগুলিকে লুপে প্রদর্শিত হতে সেট করতে পারেন, কার্সার দেখাতে পারেন, কার্সার হিসাবে একটি অক্ষর চয়ন করতে পারেন এবং এটিকে ব্লিঙ্ক করতে পারেন৷
আরেকটি জিনিস যা আপনি সামঞ্জস্য করতে পারেন তা হল ডিসপ্লে, যেমন ফন্ট এবং রঙ।
এবং আপনি সমস্ত সেটিংস সম্পন্ন করার পরে, "প্রকাশ করুন" বা "আপডেট করুন" টিপুন৷
আপনার ওয়ার্ডপ্রেস এ প্রভাব ব্যবহার করা
আগেই উল্লেখ করা হয়েছে, টাইপড ইফেক্ট ব্যবহার করার জন্য আপনাকে শর্টকোডটি কপি করতে হবে এবং যেখানে দেখাতে চান সেখানে পেস্ট করতে হবে। আমার ওয়েবসাইটের জন্য, আমি SiteOrigin পেজ বিল্ডার ব্যবহার করে তৈরি করা ল্যান্ডিং পৃষ্ঠায় এটি ব্যবহার করতে যাচ্ছি।
প্রথমে, আমি "পৃষ্ঠা -> নতুন যোগ করুন" এর মাধ্যমে একটি নতুন পৃষ্ঠা তৈরি করি। তারপর আমি "পৃষ্ঠা নির্মাতা" ট্যাবে স্যুইচ করি, একটি নতুন "সারি" যোগ করি, এটি একটি কলামে সেট করি এবং সারির ভিতরে "সাইটঅরিজিন হিরো" উইজেট যোগ করি।
তারপরে আমি ফ্রেমটি খুলি এবং সাধারণ ওয়ার্ডপ্রেস পোস্টগুলির সাথে একইভাবে বিষয়বস্তু সম্পাদনা করি। আমি পূর্ববর্তী পোস্টে তৈরি করা শর্টকোডটি সন্নিবেশ করি।
ডিজাইন সম্পূর্ণ করার জন্য, আমি একটি "বোতাম" যোগ এবং কাস্টমাইজ করি যা পূর্বে সেট করা "আমার সাথে যোগাযোগ করুন" পৃষ্ঠার সাথে লিঙ্ক করবে যাতে আমার পরিষেবার প্রয়োজন এমন একজন দর্শক আমার সাথে যোগাযোগ করতে পারে।
এবং এখানে চূড়ান্ত ফলাফল। আপনি যদি বাস্তব সময়ে অ্যাকশনের প্রভাবের একটি উদাহরণ দেখতে চান, আপনি আমার সাইটে যেতে পারেন।
আপনি যত খুশি টাইপ করা Js আইটেম তৈরি করতে পারেন, তারপর শর্টকোডগুলি কপি এবং পেস্ট করুন এবং পোস্ট বা পৃষ্ঠাগুলির মধ্যে যে কোনও জায়গায় প্রভাব সন্নিবেশ করুন৷ যদিও এটি খুব দুর্দান্ত হবে, আপনি শিরোনামে প্রভাবটি ব্যবহার করতে পারবেন না। আমি চেষ্টা করেছি৷
টাইপড জেএস প্রভাব সম্পর্কে আপনি কি মনে করেন? আপনি কি আপনার ওয়ার্ডপ্রেস সাইট(গুলি) এ এটি ব্যবহার করে দেখতে পারেন? নীচের মন্তব্য ব্যবহার করে আপনার চিন্তা এবং মতামত শেয়ার করুন.
