படிவ ஸ்டைலிங்
ஆட்டோ ஃபார்ம் பில்டர், படிவ வடிவமைப்பின் மீது உங்களுக்கு முழுமையான கட்டுப்பாட்டை வழங்குகிறது. உங்கள் பிராண்ட் வண்ணங்களுக்கு ஏற்றவாறு அமைத்து, உங்கள் எழுத்துருக்களைப் பயன்படுத்தி, இடைவெளியைச் சரிசெய்து, உங்கள் தளத்தின் இயல்பான ஒரு பகுதியாகத் தோற்றமளிக்கும் படிவங்களை வடிவமைக்கவும்.
ஏன் படிவ ஸ்டைலிங் முக்கியம்?
உங்கள் வலைத்தளத்திற்கு ஒரு பிராண்ட் உள்ளது. உங்கள் படிவங்கள் அதைப் பிரதிபலிக்க வேண்டும்.
உங்கள் தளத்தின் மற்ற பகுதிகளிலிருந்து படிவங்கள் வித்தியாசமாகத் தெரிந்தால், பார்வையாளர்கள் தயங்குவார்கள். அவர்கள் இன்னும் அதே வலைத்தளத்தில் இருக்கிறார்களா என்று அவர்கள் ஆச்சரியப்படுகிறார்கள். அந்தத் தயக்கத்திற்கு மாற்றங்கள் செலவாகும்.
பாணியிலான படிவங்கள் தொழில்முறைத் திறனையும் வெளிப்படுத்துகின்றன. மெருகூட்டப்பட்ட படிவம் பார்வையாளர்களுக்கு நீங்கள் விவரங்களைப் பற்றி அக்கறை கொள்கிறீர்கள் என்பதைக் கூறுகிறது - மேலும் நீங்கள் படிவ வடிவமைப்பில் அக்கறை கொண்டிருந்தால், அவர்களின் தரவைப் பற்றியும் நீங்கள் அக்கறை கொள்ளலாம்.
படிவ ஸ்டைலிங் எவ்வாறு செயல்படுகிறது
ஆட்டோ ஃபார்ம் பில்டர், அதன் படிவ இடைமுகத்திலேயே ஒரு காட்சிப் பாணி திருத்தியை உள்ளடக்கியுள்ளது.
- என்ன ஸ்டைல் செய்ய வேண்டும் என்பதைத் தேர்ந்தெடுக்கவும்.. படிவ கொள்கலன், புல லேபிள்கள், உள்ளீட்டு புலங்கள், பொத்தான்கள் அல்லது பிழை செய்திகளிலிருந்து தேர்வு செய்யவும்.
- அமைப்புகளை சரிசெய்யவும். மதிப்புகளை மாற்ற வண்ணத் தேர்விகள், ஸ்லைடர்கள் மற்றும் கீழ்தோன்றும் மெனுக்களைப் பயன்படுத்தவும். கற்றுக்கொள்ள அல்லது நினைவில் கொள்ள CSS தொடரியல் இல்லை.
- உடனடியாக முன்னோட்டமிடுங்கள். ஒவ்வொரு மாற்றமும் நேரடி முன்னோட்டத்தில் உடனடியாகத் தோன்றும். வெளியிடுவதற்கு முன்பு உங்கள் படிவம் எப்படி இருக்கும் என்பதைப் பாருங்கள்.
- இயல்புநிலைகளாகச் சேமி. உங்கள் ஸ்டைலை புதிய படிவங்களுக்கு தானாகவே பயன்படுத்துங்கள். ஒரு முறை உருவாக்கி, எல்லா இடங்களிலும் மீண்டும் பயன்படுத்தவும்.
நீங்கள் என்ன தனிப்பயனாக்கலாம்
நிறங்கள்
உங்கள் படிவத்தில் உள்ள ஒவ்வொரு நிறத்தையும் கட்டுப்படுத்தவும். படிவ கொள்கலன் மற்றும் தனிப்பட்ட புலங்களுக்கான பின்னணி வண்ணங்கள். லேபிள்கள், பிளேஸ்ஹோல்டர்கள் மற்றும் உள்ளீட்டு உரைக்கான உரை வண்ணங்கள். இயல்புநிலை, ஃபோகஸ் மற்றும் பிழை நிலைகளுக்கான பார்டர் வண்ணங்கள். பின்னணி, உரை மற்றும் ஹோவர் விளைவுகளுக்கான பட்டன் வண்ணங்கள்.
அச்சுக்கலை
லேபிள்கள் மற்றும் உள்ளீட்டு புலங்களுக்கான எழுத்துருக்களைத் தேர்வுசெய்யவும். எழுத்துரு அளவுகளை சுயாதீனமாக சரிசெய்யவும் - முக்கியத்துவத்திற்கு பெரிய லேபிள்கள், இரண்டாம் நிலை தகவலுக்கு சிறிய உதவி உரை. தடித்த லேபிள்கள் அல்லது இலகுவான உள்ளீட்டு உரைக்கு எழுத்துரு எடையைக் கட்டுப்படுத்தவும்.
இடைவெளி மற்றும் தளவமைப்பு
சுவாச அறையை உருவாக்க புலங்களுக்கு இடையில் இடைவெளியை அமைக்கவும். வசதியான உரை உள்ளீட்டிற்காக புலங்களுக்குள் திணிப்பை சரிசெய்யவும். உங்கள் பக்க தளவமைப்பிற்குள் அதை சரியாக நிலைநிறுத்த முழு படிவத்தையும் சுற்றி ஓரங்களைக் கட்டுப்படுத்தவும்.
எல்லைகள் மற்றும் மூலைகள்
எல்லை அகலம், நடை மற்றும் வண்ணத்தை வரையறுக்கவும். நவீன தோற்றத்திற்கு மூலைகளை வட்டமிடுங்கள் அல்லது குறைந்தபட்ச வடிவமைப்பிற்கு அவற்றை கூர்மையாக வைத்திருங்கள். வெவ்வேறு வடிவ நிலைகளுக்கு வெவ்வேறு எல்லை பாணிகளைப் பயன்படுத்துங்கள் - இயல்புநிலையாக நுட்பமான எல்லைகள், முக்கிய எல்லைகள் கவனம் செலுத்துகின்றன.
பொத்தான்கள்
உங்கள் பிராண்டிற்குப் பொருந்தக்கூடிய சமர்ப்பிப்பு பொத்தான்களை வடிவமைக்கவும். பின்னணி நிறம், உரை நிறம், எல்லை ஆரம், திணிப்பு, எழுத்துரு அளவு மற்றும் எழுத்துரு எடை. பொத்தான்கள் பதிலளிக்கக்கூடியதாகவும் கிளிக் செய்யக்கூடியதாகவும் உணரும் வகையில் ஹோவர் மற்றும் செயலில் உள்ள நிலைகளைத் தனிப்பயனாக்குங்கள்.
படிவ கொள்கலன்
ஒட்டுமொத்த படிவ ரேப்பரை வடிவமைக்கவும். பின்னணி வண்ணத்தைச் சேர்க்கவும் அல்லது அதை வெளிப்படையாக வைத்திருக்கவும். ஆழத்திற்கு பெட்டி நிழல்களைப் பயன்படுத்தவும். வட்ட வடிவ கொள்கலன்களுக்கு எல்லை ஆரத்தை அமைக்கவும். படிவங்கள் மிகவும் அகலமாக நீட்டாமல் இருக்க அதிகபட்ச அகலத்தைக் கட்டுப்படுத்தவும்.
பொதுவான படிவ ஸ்டைலிங் காட்சிகள்
பிராண்ட் வழிகாட்டுதல்களைப் பொருத்து
உங்கள் நிறுவனம் குறிப்பிட்ட வண்ணங்களைக் கொண்டுள்ளது—முதன்மைக்கு #0F2D5F, உச்சரிப்புகளுக்கு #F59E0B. அந்த மதிப்புகளை ஸ்டைல் எடிட்டரில் உள்ளிடவும். படிவ பொத்தான்கள் உங்கள் உச்சரிப்பு நிறத்தைப் பயன்படுத்துகின்றன. படிவ லேபிள்கள் உங்கள் முதன்மை நிறத்தைப் பயன்படுத்துகின்றன. சரியான பிராண்ட் நிலைத்தன்மை.
உயர்-மாறுபட்ட படிவங்களை உருவாக்கவும்
அடர் பின்னணி வலைத்தளமா? தனித்து நிற்கும் ஒளி வடிவங்களை உருவாக்கவா? ஒளி பின்னணியா? பார்வைக்கு போட்டியிடாமல் படிவப் பகுதியை வரையறுக்க நுட்பமான நிழல்களுடன் எல்லையிடப்பட்ட படிவங்களைப் பயன்படுத்தவும்.
குறைந்தபட்ச படிவங்களை வடிவமைத்தல்
எல்லைகளை அகற்று, இடைவெளியைக் குறை, வெளிப்படையான பின்னணிகளைப் பயன்படுத்துங்கள். ஒரு பெட்டியில் உட்காருவதற்குப் பதிலாக பக்கத்துடன் ஒருங்கிணைந்ததாக உணரும் படிவங்களை உருவாக்குங்கள்.
தடித்த அழைப்புப் படிவங்களை உருவாக்குங்கள்.
பெரிய பொத்தான்கள், வலுவான வண்ணங்கள், தாராளமான திணிப்பு. உங்கள் மிக முக்கியமான லீட் ஜெனரேஷன் பக்கங்களுக்கு கவனத்தை கோரும் படிவங்களை உருவாக்கவும்.
எந்த கருப்பொருளுக்கும் பொருந்தக்கூடிய படிவங்கள்
ஆட்டோ ஃபார்ம் பில்டர் அனைத்து வேர்ட்பிரஸ் தீம்களுடனும் செயல்படும். நீங்கள் வடிவமைத்த படிவங்கள் எந்தவொரு வடிவமைப்புச் சூழலுக்கும் ஏற்பத் தங்களை மாற்றியமைத்துக் கொள்ளும்.
Woodmart, Astra, GeneratePress, Divi அல்லது வேறு ஏதேனும் கருப்பொருளைப் பயன்படுத்துகிறீர்களா? உங்கள் படிவங்கள் பூர்வீகமாகத் தோன்றும். எந்தவொரு வடிவமைப்பு அமைப்பையும் பொருத்த போதுமான கட்டுப்பாட்டை ஸ்டைல் எடிட்டர் உங்களுக்கு வழங்குகிறது.
கருப்பொருள் முரண்பாடுகள் இல்லை. பாணி மரபுரிமை சிக்கல்கள் இல்லை. நீங்கள் விரும்பும் விதத்தில் சரியாகத் தோன்றும் வடிவங்கள் மட்டுமே.
CSS தேவையில்லை
உங்கள் படிவங்களை வடிவமைக்க தனிப்பயன் CSS எழுத வேண்டிய அவசியமில்லை. காட்சி எடிட்டர் எல்லாவற்றையும் கையாளுகிறது.
ஆனால், உங்களுக்கு CSS கட்டுப்பாடு தேவைப்பட்டால், ஆட்டோ ஃபார்ம் பில்டர் ஒவ்வொரு படிவத்திற்கும் தனிப்பயன் CSS-ஐ ஆதரிக்கிறது. விளிம்புநிலைச் சூழல்களுக்கு மேலெழுதல்களைச் சேர்க்கலாம் அல்லது விஷுவல் எடிட்டரில் கிடைக்காத மேம்பட்ட ஸ்டைலிங்கைப் பயன்படுத்தலாம். மேம்பட்ட பயனர்கள் தங்களுக்குத் தேவையான நெகிழ்வுத்தன்மையைப் பெறுகிறார்கள்.
