মোবাইলে অ্যাঙ্কর ইস্যুতে এলিমেন্টরের স্ক্রোল কীভাবে ঠিক করবেন

এলিমেন্টর হল ওয়ার্ডপ্রেসের জন্য একটি জনপ্রিয় পৃষ্ঠা নির্মাতা প্লাগইন যা ব্যবহারকারীদের কোনো কোডিং জ্ঞান ছাড়াই অত্যাশ্চর্য এবং ইন্টারেক্টিভ ওয়েবসাইট তৈরি করতে দেয়। এর অনেক বৈশিষ্ট্যগুলির মধ্যে একটি হল অ্যাঙ্কর লিঙ্ক তৈরি করার ক্ষমতা যা একটি পৃষ্ঠার নির্দিষ্ট বিভাগে স্ক্রোল করে। যাইহোক, কিছু ব্যবহারকারী মোবাইল ডিভাইসে এই অ্যাঙ্কর লিঙ্কগুলি সঠিকভাবে কাজ না করার সাথে একটি সমস্যা রিপোর্ট করেছেন, যা ওয়েবসাইটের মালিক এবং দর্শক উভয়ের জন্যই হতাশাজনক হতে পারে।

আপনি যদি এই সমস্যার সম্মুখীন হন, চিন্তা করবেন না! মোবাইলে এলিমেন্টরের স্ক্রোল-টু-অ্যাঙ্কর সমস্যা সমাধানে আপনাকে সাহায্য করতে পারে এমন বেশ কয়েকটি সমাধান উপলব্ধ রয়েছে। এই নির্দেশিকায়, আমরা আপনার ওয়েবসাইটের সেটিংস সামঞ্জস্য করা, কাস্টম কোড ব্যবহার করা এবং প্লাগইনগুলি ইনস্টল করা সহ এই সমস্যাটি সমাধান এবং সমাধান করার সবচেয়ে কার্যকর উপায়গুলি অন্বেষণ করব৷ এই টিপস এবং কৌশলগুলির সাহায্যে, আপনি নিশ্চিত করতে সক্ষম হবেন যে আপনার ওয়েবসাইটের অ্যাঙ্কর লিঙ্কগুলি সমস্ত ডিভাইসে মসৃণ এবং নির্বিঘ্নে কাজ করে, আপনার দর্শকদের জন্য আরও ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করে৷

এলিমেন্টরে, অ্যাঙ্কর কি?

জাম্প মেনু হল অ্যাঙ্কর মেনুর অন্য নাম। এই অ্যাঙ্কর আইডি আপনাকে আপনার পছন্দ হিসাবে নির্দিষ্ট করা জায়গায় নিয়ে যাবে৷ অ্যাঙ্কর মেনু আপনার দর্শকদের পরবর্তী পৃষ্ঠায় নেভিগেট করতে, যেকোনো লিঙ্কে ক্লিক করতে এবং যেকোনো অনুসন্ধান করতে সক্ষম করে। এটি সাধারণভাবে, একটি ওয়ার্ডপ্রেস ওয়েবসাইটের অপারেটর।

কীভাবে আপনার সাইটে অ্যাঙ্কর ব্যবহার করা আপনাকে সাহায্য করতে পারে

একটি নোঙ্গর একাধিক উদ্দেশ্য পরিবেশন করতে পারেন. এই লিঙ্কেজ আপনার ওয়েবসাইটে সার্ফিং অভিজ্ঞতা অপ্টিমাইজ করে. সুবিধাগুলো নিম্নরূপ:

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

ব্যবহারকারীর অভিজ্ঞতা উন্নত করে

অ্যাঙ্কর লিঙ্ক ব্রাউজিং সহজতর. আপনার দর্শকরা সহজভাবে ক্লিক করতে পারেন, আলতো চাপতে পারেন এবং পছন্দসই পরিষেবাটি পেতে পারেন৷ এটি অনলাইন অভিজ্ঞতা উন্নত করে।

আপনাকে বিষয়বস্তুর শীর্ষে ফিরে যেতে দেয়

আপনি যদি খুব বেশি স্ক্রল করেন, তাহলে অ্যাঙ্কর লিঙ্কগুলি আপনাকে পৃষ্ঠার শীর্ষে যেতে সহায়তা করতে পারে। এই টুলটি আপনার সময় বাঁচাবে এবং আপনাকে ট্র্যাকে রাখবে।

দক্ষ ব্রাউজিং নিশ্চিত করে

স্ক্রোলিং ছাড়াও, অ্যাঙ্কর লিঙ্কগুলি ক্লিক করা, পূর্ববর্তী পৃষ্ঠায় ফিরে যাওয়া ইত্যাদির জন্যও ব্যবহার করা যেতে পারে। এটি দক্ষ ব্রাউজিং সহজতর করে।

দ্রুত কর্মক্ষমতা

আপনি কমান্ড থেকে একটি অবিলম্বে প্রতিক্রিয়া পেতে পারেন. নির্দেশাবলী ইনপুট করার পরিবর্তে, অ্যাঙ্কর লিঙ্কগুলি দ্রুত নেভিগেশনের জন্য অনুমতি দেয়।

কেন এলিমেন্টরের স্ক্রোল টু অ্যাঙ্কর ফিচার মোবাইলে কাজ করে না

এলিমেন্টরে স্ক্রোল টু অ্যাঙ্কর কেন মোবাইলে কাজ করে না তা ব্যাখ্যা করা কঠিন। যাইহোক, একটি ব্যাপক তদন্তের পরে, আমরা নিম্নলিখিত তথ্যগুলি নির্ধারণ করতে সক্ষম হয়েছি:

অপর্যাপ্ত লক্ষ্যমাত্রা

যদি আপনার পৃষ্ঠায় টার্গেট লিঙ্কের অভাব থাকে, যেমন Sobre-Agencia, Como-Fazer, পরিষেবা, পরিচিতি ইত্যাদি। এটি আপনার স্ক্রোল লিঙ্ককে কাজ করা থেকে বাধা দিতে পারে।

এক্সটেনশন অসুবিধা কারণ

যদি আপনার অ্যান্ড্রয়েড ডিভাইসটি এক্সটেনশনের সাথে লোড করা থাকে, তাহলে এটি স্ক্রোল বৈশিষ্ট্যটিকে অপারেটিং থেকে ব্লক করতে পারে।

অনেকগুলি প্লাগইন

যদি আপনার ওয়েবসাইটে অত্যধিক সংখ্যক প্লাগইন থাকে তবে এটি আপনার ওয়ার্ডপ্রেস অ্যাঙ্কর সাড়া দেওয়া বন্ধ করার আরেকটি কারণ হতে পারে। অতিরিক্ত প্লাগইন একে অপরের সাথে সংঘর্ষ হয়। এটি আপনার ওয়েবসাইট অ্যাক্সেসযোগ্য হয়ে উঠতে পারে।

খারাপ সার্ভারের অবস্থা

যদি আপনার ওয়েবসাইটের সার্ভার প্লাগইনগুলি পরিচালনা করতে অক্ষম হয় তবে এটি আপনার লিঙ্কগুলিকে কাজ করা থেকে বাধা দেওয়ার কারণ হতে পারে।

অ্যাঙ্করে এলিমেন্টর স্ক্রোল ঠিক করার সবচেয়ে কার্যকরী 5 টি টিপস

এলিমেন্টর স্ক্রোল টু অ্যাঙ্কর অকার্যকর হওয়ার কারণ সত্ত্বেও, নিম্নলিখিত টিপসগুলি আপনাকে আপনার ওয়েবসাইট মেরামত করতে সহায়তা করবে৷ এখানে যায়;

টার্গেট তৈরি করা

আপনার পৃষ্ঠার কোনো টার্গেট লিঙ্ক না থাকলে আপনার স্ক্রোল লিঙ্ক কাজ নাও করতে পারে। এই কারণে, আপনাকে প্রথমে লক্ষ্য লিঙ্কগুলি তৈরি করতে হবে এবং তারপরে নিম্নলিখিত পদ্ধতিতে সেগুলিকে জোর দিতে হবে:

প্রথমে, আপনার থিম নির্বাচন করুন এবং আপনার শীটে নিম্নলিখিত কোডগুলি লিখুন।

.menu-item a{
     Color: black;


}

আপনার লিঙ্কটি আপনার দর্শকদের কাছে দৃশ্যমান কিনা তা যদি আপনি জানতে চান তবে এই বিকল্পটি বেছে নিন। এটি করতে, নিম্নলিখিত CSS প্রদান করুন:

.menu-itema.mPS2id-highlight{
      color: red;
}

একটি জাভাস্ক্রিপ্ট ফিল্টার ব্যবহার করুন

এলিমেন্টর অ্যাঙ্কর উইজেটের জন্য, একটি জাভাস্ক্রিপ্ট ফিল্টার ব্যবহার করা যেতে পারে। ফিল্টার যোগ করতে নিম্নলিখিত প্রোগ্রাম চালান:

add_action( 'wp_footer', function() {
    if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
        return;
    }
    ?>
    <script>
        jQuery( function( $ ) {
            $( window ).on( 'elementor/frontend/init', function() {

                elementorFrontend.hooks.addFilter( 'frontend/handlers/menu_anchor/scroll_top_distance', function( scrollTop ) {
                    var isMobile = $(window).width() <= 760;
                    if (isMobile) {
                        return scrollTop - 1000;
                    } else {
                        return scrollTop;
                    }   
                } ); 
            } );
        } );
    </script>
    <?php
} );

স্ক্রোলিং সামঞ্জস্য করুন

বিকল্প সমাধান হিসাবে মোবাইল মোডে মেনু খোলা থাকার সময় অফসেট স্ক্রলিং সামঞ্জস্য করুন।

মেনু বন্ধ হওয়া থেকে আটকান

যদিও এটি একটি কার্যকর সমাধান নয়, তবে একমাত্র বিকল্প হল মেনু বার ড্রপ-ডাউন খোলা রাখা। আপনার স্ক্রোল অ্যাঙ্কর আটকে গেলে এটি নেভিগেশনকে সহজ করবে।

ডিফল্ট থিম নির্বাচন করুন

আপনার সাইটে অ্যাঙ্কর আইকন ঠিক করার জন্য আপনি একটি জিনিস করতে পারেন তা হল আইকনটি ঠিক করা। ওয়ার্ডপ্রেসের জন্য ডিফল্ট থিম বেছে নিন। এই উচ্চতর.

একটি প্লাগইন ব্যবহার করে আপনার এলিমেন্টর ওয়েবসাইটে কীভাবে সহজেই একটি অ্যাঙ্কর যুক্ত করবেন

একটি ওয়েবসাইটে একটি অ্যাঙ্কর লিঙ্ক যোগ করার জন্য একটি প্লাগইন সবচেয়ে সুবিধাজনক পদ্ধতি। একটি অ্যাঙ্কর যোগ করতে, অনুগ্রহ করে নীচের পদক্ষেপগুলি অনুসরণ করুন:

কোনো লিঙ্ক যোগ করার আগে লিঙ্ক-সংযোজন প্লাগইন ইনস্টল করুন। তারপরে, একটি শর্টকোড ব্লক তৈরি করুন যেখানে অ্যাঙ্কর লিঙ্কগুলি উপস্থিত হওয়া উচিত। নিম্নলিখিত শর্টকোডগুলি চালান:

[ps2id id='section-1'/]

একটি ব্র্যান্ড-নতুন শর্টকোড ব্লকে অ্যাঙ্কর লিঙ্কগুলি সন্নিবেশ করান৷ আপনি যেখানে লিঙ্কটি দেখতে চান সেখানে এটি রাখুন। নিম্নলিখিত কোডগুলি চালান:

[ps2id url='#some-id']link text[/ps2id]

তারপরে, 'some-id'-এর পরিবর্তে তৈরি করা অ্যাঙ্করের নাম এবং লিঙ্ক-টেক্সট পছন্দসই অ্যাঙ্কর দিয়ে দিন। এখন পরিবর্তন সংরক্ষণ করুন. তুমি পেরেছ.

5 সেরা অ্যাঙ্কর এবং স্ক্রোল প্লাগইন

কয়েক ডজন প্লাগইন রয়েছে যা সংযোগের অ্যাক্সেসযোগ্যতাকে ব্যাপকভাবে উন্নত করে। একটি বিস্তৃত তদন্তের পরে, আমরা সেরা হিসাবে নীচে তালিকাভুক্ত পাঁচটি অ্যাঙ্কর প্লাগইন প্রস্তাব করি৷

মোড়ক উম্মচন

প্রতিটি ওয়েবসাইটের মালিক একটি সম্পূর্ণ কার্যকরী ওয়ার্ডপ্রেস ওয়েবসাইট চায়। এটি সঠিকভাবে কাজ না করলে আপনার ব্যবহারকারীরা হতাশ হতে পারে। মোবাইলে একটি অ্যাঙ্করে স্ক্রোল করতে Elementor- এর অক্ষমতা একটি সাধারণ সমস্যা যা প্রতিটি ওয়েবসাইটের মালিকের সম্মুখীন হয়৷ আপনার জীবনকে সহজ করার জন্য, আমরা সবচেয়ে কার্যকর হ্যাকগুলি হাইলাইট করেছি। আমরা বিশ্বাস করি যে এই তথ্যগুলি আপনাকে আপনার মেরামত করতে সহায়তা করবে৷