தனிப்பயன் உணவக மெனு தீம்கள்
உங்கள் உணவகத்தின் டிஜிட்டல் மெனுவுக்கு உங்கள் பிராண்டை பிரதிபலிக்கும் தனித்துவமான தோற்றத்தை இப்போது கொடுக்கலாம் — ஒன்பது தயாரான தீம்களிலிருந்து தேர்வுசெய்க, அல்லது உங்கள் சொந்த நிறங்கள் மற்றும் எழுத்துருவுடன் முற்றிலும் தனிப்பயன் வடிவமைப்பை உருவாக்குங்கள்.
புதியது என்ன
உங்கள் பொது மெனு பக்கம் இப்போது முழு தீம் தனிப்பயன் ஆதரிக்கிறது. இதற்கு முன்பு, அனைத்து உணவகங்களின் பொது மெனுகளும் ஒரே பழைய கிளாசிக் சாம்பல்-வெள்ளை தோற்றத்தையே பயன்படுத்தின. இந்த புதுப்பிப்புடன், உணவக உரிமையாளர்கள் வினாடிகளில் தங்களின் பிராண்டை பிரதிபலிக்கும் ஒரு முன்பே உருவாக்கப்பட்ட தீமைக் தேர்ந்தெடுக்கலாம் — அல்லது Pro திட்டத்தில், ஒவ்வொரு நிறத்தையும் தனித்தனியாக அமைக்கலாம்.
தேர்வு செய்ய 9 முன்பே உருவாக்கப்பட்ட தீம்கள்
ஒவ்வொரு தீமும் முழுமையான, கவனமாக வடிவமைக்கப்பட்ட நிறத் தொகுப்பு. உங்கள் உணவகத்தின் தன்மைக்கு பொருந்துவதைத் தேர்ந்தெடுக்குங்கள்; உங்கள் மெனு உடனே மாற்றமடையும்.
- கிளாசிக் — நீல உச்சரிப்புடன் சுத்தமான சாம்பல் மற்றும் வெள்ளை — இயல்புநிலையும் உலகளாவியமாக வாசிக்கக்கூடிய தோற்றமும்
- டார்க் — ஒளிர்ந்த உரையுடன் டார்க் சார்கோல் பின்னணிகள் மற்றும் இண்டிகோ (indigo) உச்சரிப்பு — மென்மையானதும் நவீனமும்
- வார்ம் — Lora serif உடன் அம்பர் மற்றும் தேன் நிற டோன்கள் — வரவேற்பானதும் கைத்திறன் சார்ந்ததும்
- ஃபாரஸ்ட் — புதிய பச்சைகள் மற்றும் நிலத்தோடு கூடிய எல்லைகள் — பண்ணையிலிருந்து நேரடியாக கிடைக்கும் உணவு மற்றும் ஆர்கானிக் கருத்துகளுக்கு அருமை
- ஓஷன் — குளிர்ந்த வான நீலங்கள் மற்றும் கடற்படை நிற உச்சரிப்பு — புத்துணர்ச்சியாகவும் கடற்கரை உணர்வாகவும்
- எலெகண்ட் — Playfair Display செரிப் கொண்ட மென்மையான ஊதா டோன்கள் — நுணுக்கமானதும் உயர்தரமானதும்
- ரஸ்டிக் — Merriweather serif உடன் சூடான கல் நிறங்கள் — வசதியானதும் பாரம்பரியமானதும்
- மினிமலிஸ்ட் — மிகவும் நுண்மையான சாம்பல் நிறங்களுடன் வெள்ளை-அருகிய நிறம் மற்றும் DM Sans — ஒடுக்கப்பட்டு, நவீனமாக
- போல்ட் — துணிவான Nunito எழுத்துருவுடன் கருப்பு-வெள்ளை உயர் மாறுபாடு கொண்ட தொகுப்பு — நம்பிக்கையுடன் நேரடியாக
- ட்ராட்டோரியா — கிரீம் பின்னணியில் டெரகோட்டா மற்றும் ஒலிவ் நிறங்கள், Lora serif — நிகரற்ற இத்தாலிய வெப்பம்
- பிஸ்ட்ரோ — டீப் நேவி, கிரீம் மற்றும் மஸ்டர்ட் கோல்ட் நிறங்களுடன் Playfair Display — பிரெஞ்சு கஃபே நுட்பம்
- நள்ளிரவு — பிளேஃபேர் Display-ல் கோல்டு அசென்ட்களுடன் உயர்த்தப்பட்ட கல் மேற்பரப்புகள் கொண்ட நியர்-பிளாக் பின்னணி — ஸ்டீக்கஹவுஸ் மற்றும் காக்டெயில் பார் சிறப்பு
- ஜென் — DM Sans உடன் ஒரே வெர்மிலியன் அசென்டுடன் வாஷி-பேப்பர் ஆஃப்-வைட் — ஜப்பானிய குறைந்தபட்ச ஸ்டைல்
- கடற்கரை — டீல் மற்றும் சன்-யெல்லோ Nunito ஆகியவற்றுடன் சீ-ஃோம் பின்னணிகள் — மத்தியதரைக் கடல் மற்றும் காற்றோட்டம்
- ரோசே — டீப் பிங்க் முதன்மை நிறத்துடன் பளப் ரோஸ் பின்னணி மற்றும் மென்மையான DM Sans — பேக்கரி, பிரஞ்ச் மற்றும் பாதிசெரி உற்சாகம்
உங்கள் மெனுவுக்கு அதன் சொந்த ஸ்டைலை வழங்குங்கள்
உங்கள் உணவகத்தின் தனித்தன்மைக்கு ஏற்ப, ஒன்பது தயாரான தீம்களில் ஒன்றைத் தேர்ந்தெடுக்கவும் — இருண்ட மற்றும் நேர்த்தியானது முதல் சூடான மற்றும் கிராமியமானது வரை. ஒவ்வொரு தீமும் முழுமையான நிறப் பட்டியல் மற்றும் எழுத்துருவை உடனடியாகப் பயன்படுத்தும்.
- அனைத்து உணவகங்களுக்கும் இலவசமாக — 9 முன்பே உருவாக்கப்பட்ட தீம்கள்
- சேமிப்பதற்கு முன் நேரடி முன்னோட்டம் — விருந்தினர்கள் என்னப் பார்க்கிறார்கள் என்பதை துல்லியமாகப் பாருங்கள்
- Pro சந்தாதாரர்களுக்கு தனிப்பயன் நிறங்கள் மற்றும் எழுத்துருக்கள்
இது எப்படி வேலை செய்கிறது
ஒவ்வொரு தீமும் CSS தனிப்பயன் பண்புகளை (custom properties) பயன்படுத்தி, உங்கள் பொது மெனு பக்கங்களுக்கு முழுமையான நிறத் தொகுப்பையும் எழுத்துருவையும் பயன்படுத்துகிறது. நிறங்கள், எல்லைகள், பின்னணிகள் மற்றும் எழுத்துப்பாங்கு அனைத்தும் ஒன்றாகவே புதுப்பிக்கப்படும்; அதனால் முடிவு எப்போதும் நோக்கமுள்ளதும் ஒருங்கிணைந்ததுமானதாக இருக்கும். எந்தப் பக்க அமைப்புமின்றி இந்த மாற்றம் உடனடியாக அமலுக்கு வரும்.
உணவகங்கள் இதைப் பயன்படுத்தும் விதம்
மெனு தீம்களை உணவகங்கள் பயன்படுத்தும் சில நடைமுறை வழிகள் இவை:
உங்கள் உணவகத்தின் தன்மையைப் பொருத்துங்கள்
ஒரு இருண்ட பிஸ்ட்ரோ அல்லது வைன் பாருக்கு அதன் சூழலுக்கு பொருந்த Dark தீமை தேர்வு செய்யலாம். ஒரு கிராமப்புற, பழமையான நாட்டுப் பகுதி உணவகம் Warm அல்லது Rustic தேர்வு செய்யலாம். குறைந்தபட்ச (minimalist) நவீன கஃபே Minimalist அல்லது Bold உடன் செல்லலாம். இப்போது உங்கள் மெனு பொதுவான டிஜிட்டல் டெம்ப்ளேட்டாக அல்லாது, உங்கள் உட்பரப்பின் இயல்பான நீட்சியாகத் தோன்றும்.
விருந்தினர்களுடன் உங்கள் பிராண்ட் நம்பகத்தன்மையை உருவாக்குங்கள்
வாடிக்கையாளர்கள் உடனே ஒரு முதல் பாதிப்பை உருவாக்குகிறார்கள். உங்கள் பிராண்ட் நிறங்களையும் தனித்துவமான டைப்ப்ஃபேஸையும் பயன்படுத்தும் ஒரு மெனு, அவர்கள் ஒரு உணவுப் பொருளையும் படிப்பதற்கு முன்பே, அந்த உணவகம் தொழில்முறை மற்றும் விவரங்களில் கவனம் செலுத்துகிறது என்பதை காட்டும். நல்ல வடிவமைப்பு நம்பிக்கையை உருவாக்கி, மொத்த உணவு அனுபவத்தை மேலும் ஒரே மாதிரியாக உணரச் செய்கிறது.
சிறப்பு நிகழ்வுகளுக்காகத் தனித்து தெரிவுங்கள்
நீங்கள் தீம் சார்ந்த இரவுகள், பாப்-அப்கள், அல்லது பருவகால நிகழ்வுகள் நடத்தினால், தீம்களை மாற்றி அந்த மாற்றத்தை வாடிக்கையாளர்களுக்கு சுட்டிக்காட்டுங்கள். விடுமுறை சுவைமதிப்பீட்டு மெனுவுக்கு ஒரு விழாக்கால சூடான நிறத் தொகுப்போ, அல்லது மிச்சலின்-பாணி செஃப் டேபிள் நிகழ்வுக்கு ஒரு சுத்தமான குறைந்தபட்ச (minimalist) தோற்றமோ — ஒவ்வொரு சந்தர்ப்பத்திற்கும் அதற்கான தனி லுக் கிடைக்கும்.
சரியான பிராண்ட் அடையாளத்துடன் பொருந்துங்கள் (Pro)
Pro பயனர்கள் தனிப்பட்ட நிறங்களை — பின்னணி (background), மேற்பரப்பு (surface), எழுத்து (text), உச்சரிப்பு (accent), எல்லை (border) — மேலும் எழுத்துருவையும் (font) மீறி, ஏற்கனவே உள்ள பிராண்ட் அடையாளத்துடன் சரியாகப் பொருந்தவாறு அமைக்கலாம். அனைத்து டிஜிட்டல் தொடர்புகளிலும் ஒரே மாதிரியான காட்சித் தரங்களை பராமரிக்க வேண்டிய உணவக குழுக்கள் அல்லது ஃபிராஞ்சைசுகளுக்கு இது பயனுள்ளது.
தனிப்பயன் நிறங்கள் மற்றும் எழுத்துருக்கள் (Pro)
Pro சந்தாதாரர்கள் முன்பே உருவாக்கப்பட்ட தீம்களை விட மேலும் சென்று, வடிவமைப்பின் ஒவ்வொரு பகுதிக்கும் எந்த hex நிறத்தையும் அமைக்கலாம் — பின்னணி, கார்ட்கள், உரை, இணைப்புகள், எல்லைகள் — மேலும் ஆறு தேர்ந்தெடுக்கப்பட்ட (curated) டைப்ப்ஃபேஸ்களில் ஒன்றைத் தேர்வுசெய்யலாம். இதனால், உங்கள் உட்பரப்பில் உள்ள மெனுக்கள் அல்லது வலைத்தளத்தில் பயன்படுத்திய துல்லியமான hex மதிப்புகள் வரை, உள்ளிருந்த பிராண்ட் வழிகாட்டுதலை சரியாக மீண்டும் உருவாக்குவது சாத்தியமாகிறது.
தொடங்குவது
மேல் வழிசெலுத்தல் பட்டியில் இருந்து Theme editor-ஐ திறக்கவும். முன்கூட்டியே தயார் செய்யப்பட்ட தீம் கிரிட்-ஐ பார்வையிட்டு, உடனடி நேரடி முன்னோட்டத்தைக் காண ஒன்றை கிளிக் செய்து, பின்னர் சேமிக்கவும். உங்கள் பொது மெனு உடனடியாக புதுப்பிக்கும் — மறுபதிவேற்றம் தேவையில்லை.
எல்லா பார்வையாளர்களுக்கும் தீம் மாற்றங்கள் உடனடியாக அமலுக்கு வரும். Pro தனிப்பயன் நிறத் தீம்கள், முன்கூட்டியே தயார் செய்யப்பட்ட தீம்களுடன் இருக்கும் அதே CSS மாறி (variable) கட்டமைப்பைப் பயன்படுத்துகின்றன; அதனால் கூடுதல் எந்த அமைப்பும் இல்லாமல் எல்லா திரை அளவுகளிலும் மற்றும் சாதனங்களிலும் வேலை செய்யும்.