எலிமெண்டரில் படத்தை ஸ்க்ரோல் எஃபெக்ட் உருவாக்குவது எப்படி

படத்தை ஸ்க்ரோலிங் விளைவை உருவாக்க ஒரு வழி தேவை Elementor ? இந்தக் கட்டுரையில், உங்கள் இணையப் பக்கங்களில் எலிமெண்டரைப் பயன்படுத்தி பட ஸ்க்ரோலிங் விளைவை உருவாக்க உங்களுக்கு வழிகாட்டுவோம்.

பட உருள் விளைவு பயனர் படங்களின் மீது வட்டமிடும்போது முழு படத்தையும் வெளிப்படுத்த உங்களை அனுமதிக்கும். இணையதள டெம்ப்ளேட்களை விற்கும் இணையதளத்தை நீங்கள் பார்வையிடும்போது, பட உருள் விளைவு அம்சங்களுடன் டெம்ப்ளேட்களின் முழு முன்னோட்டத்தையும் பார்க்கலாம்.

இந்த அம்சங்கள் மூலம், உங்கள் பயனர்களுக்கு இணையதளத்தின் முழுப் பார்வையையும் சிறிய இடத்தில் எளிதாகக் காட்டலாம். பொதுவாக, நீங்கள் ஒரு இணையதளத்தின் முழுப் படத்தையும் காட்ட விரும்பினால், அது உங்கள் இணையப் பக்கங்களில் அதிக இடத்தை எடுத்துக் கொள்ளும். மேலும், இது உங்கள் வலைத்தளத்தின் வடிவமைப்பை பாதிக்கிறது.

ஆனால் பிக்சர் ஸ்க்ரோல் எஃபெக்ட் மூலம், பார்வையாளர்களின் கவனத்தை எளிதில் கவரும் வகையில் கவர்ச்சிகரமான முறையில் கூடுதல் படங்களைச் சேர்க்கலாம்.

எலிமெண்டரில் பட உருள் விளைவை உருவாக்கவும்

படத்தை உருள் விளைவைச் சேர்க்க Elementor விட்ஜெட்டை வழங்கவில்லை. எனவே தனிப்பயன் CSS ஐப் பயன்படுத்தி நீங்கள் விளைவைச் சேர்க்க வேண்டும். தனிப்பயன் CSS அம்சம் மட்டுமே கிடைக்கும் Elementor ப்ரோ. எனவே நீங்கள் மேம்படுத்தியுள்ளீர்கள் என்பதை உறுதிப்படுத்தவும் Elementor புரோ.

இப்போது, எலிமெண்டர் எடிட்டருடன் ஒரு பக்கத்தைத் திறந்து, ஒரு பகுதியைச் சேர்க்க பிளஸ் ஐகானைக் கிளிக் செய்யவும்.

இப்போது உங்கள் பகுதிக்கான நெடுவரிசையைத் தேர்ந்தெடுக்க வேண்டும். இங்கே நாம் ஒற்றை நெடுவரிசைப் பகுதியைத் தேர்ந்தெடுக்கிறோம்.

எலிமெண்டரில் பட உருள் விளைவை உருவாக்கவும்

இப்போது செக்ஷன் எடிட் ஐகானைக் கிளிக் செய்து லேஅவுட் டேப்பில் குறைந்தபட்ச உயரத்தை 500 ஆக அமைக்கவும்.

இப்போது பிளாக் விட்ஜெட்டிலிருந்து நீங்கள் உருவாக்கிய பிரிவில் உள் பிரிவுத் தொகுதியைச் சேர்த்து, இயல்புநிலை நெடுவரிசையை அகற்றவும். பிரதான நெடுவரிசையை நீக்க நெடுவரிசை திருத்து ஐகானில் வலது கிளிக் செய்து நீக்கு விருப்பத்தை கிளிக் செய்யவும்.

மீண்டும் உள் பிரிவின் எடிட் ஆப்ஷனுக்குச் சென்று லேஅவுட் டேப்பில் நாம் முன்பு காட்டியபடி குறைந்தபட்ச உயரத்தை 500 ஆக அமைக்கவும்.

இப்போது உள் பிரிவின் நடை தாவலுக்கு மாறவும் மற்றும் பின்னணி விருப்பத்திலிருந்து கிளாசிக் பின்னணியை அமைக்கவும். அடுத்து, உங்கள் பின்னணி படத்தைச் சேர்க்க வேண்டும். படத்தின் நிலை விருப்பத்திலிருந்து, படத்தின் நிலையை அமைக்கவும் மேல் மையம். மீண்டும் விருப்பத்திலிருந்து, விருப்பத்தை அமைக்கவும் இல்லை-மீண்டும் மற்றும் அளவு போன்றது கவர்.

இப்போது தாவலுக்கு மாறவும் மேம்பட்ட தனிப்பயன் CSS சேர்க்க. தனிப்பயன் CSS புலத்தில், பின்வரும் குறியீட்டைச் சேர்க்கவும்:

தேர்வாளர்{ -webkit-transition: Ease-in-out 3s !important; மாற்றம்: ஈஸி-இன்-அவுட் 3s !முக்கியம்; } தேர்வி: மிதவை{பின்னணி-நிலை: மையத்தின் கீழ் !முக்கியம்; }

படங்களின் ஸ்க்ரோலிங் விளைவை மாற்ற, மாற்ற மதிப்பை மாற்றலாம். ஒரே விளைவைக் கொண்ட பல படங்களைச் சேர்க்க விரும்பினால், நெடுவரிசையை நகலெடுத்து பின்புலப் படத்தை மாற்றலாம்.

தீர்மானம்

செயல்முறையைப் பின்பற்றுவதன் மூலம், பக்க பில்டரைப் பயன்படுத்தி உங்கள் இணையதளத்தில் பட உருள் விளைவைச் சேர்க்க முடியும் Elementor. அறிய எங்கள் மற்ற கட்டுரைகளை நீங்கள் பார்க்கலாம்:

இந்த கட்டுரை உங்களுக்கு பயனுள்ளதாக இருக்கும் என்று நம்புகிறோம். இந்த கட்டுரை உங்களுக்கு பிடித்திருந்தால், தொடர்ந்து இணைந்திருக்க எங்களது Facebook பக்கத்தை லைக் செய்யவும்.