WeChat Official Account (அல்லது எந்த ரிச்-டெக்ஸ்ட் வெளியீடும்) நடத்தினால், மறுபயன்படுத்த விரும்பிய லேஅவுட்களைப் பார்த்திருப்பீர்கள் — தலைப்பிட்ட பிரிவு அட்டை, ஃபாலோ-அஸ் பிளாக், பாணியான மேற்கோள், பிரிப்பான். அவற்றைக் கையால் நகலெடுப்பது என்றால் அடுக்கடுக்கான HTML-ஐத் தோண்ட வேண்டும்; ஒரு தவறான திருத்தம் முழு SVG-ஐயும் உடைக்கும். இந்தக் கருவி சலிப்பான பகுதியை உங்களுக்காகச் செய்கிறது: கட்டுரையை ஒட்டினால், ஒவ்வொரு பாணி பிளாக்கையும் சுயாதீனமான, மறுபயன்பாட்டு மாட்யூலாக வெளியே எடுக்கிறது.
அங்கிருந்து பிளாக்கினுள் இருக்கும் படங்களை மாற்றலாம் (புதியதைப் பதிவேற்றவோ URL-ஐ ஒட்டவோ), அது பயன்படுத்தும் எந்த வண்ணத்தையும் கிளிக் செய்து மறுவண்ணமிடலாம், WeChat எடிட்டர், CMS அல்லது எந்த ரிச்-டெக்ஸ்ட் பெட்டியிலும் ஒட்டத் தயாராக inline HTML ஆக நகலெடுக்கலாம் — பிடித்தவற்றை இந்த உலாவியில் வாழும் உள்ளூர் நூலகத்தில் சேமிக்கலாம். எதுவும் பதிவேற்றப்படாது; உங்கள் பொருட்கள் உங்களுடையவை.
எல்லாம் Clipboard மற்றும் localStorage API-களுடன் கிளையன்ட் பக்கத்திலேயே இயங்குவதால், கணக்கு இல்லை, கிளவுட் இல்லை, பேக்கெண்ட் இல்லை — IMG.DIY-இன் மற்ற பகுதிகளின் அதே local-first சிந்தனைதான்.
பயன்படுத்தும் முறை
- கட்டுரையை ஒட்டவும்WeChat கட்டுரையை (அல்லது எந்த ரிச் கன்டென்ட்டையும்) நகலெடுத்துப் பெட்டியில் ஒட்டுங்கள். மூல HTML-ஐயும் ஒட்டலாம்.
- மாட்யூல்களைப் பிரித்தெடுக்கவும்"பிரித்தெடு" என்பதைக் கிளிக் செய்யுங்கள் — ஒவ்வொரு பாணி பிளாக்கும் பக்க ஸ்டைல்கள் குறுக்கிடாதவாறு தனிமைப்படுத்தப்பட்ட முன்னோட்ட அட்டையாகத் தோன்றும்.
- திருத்தி மறுபயன்படுத்தவும்படங்களை மாற்றி, மறுவண்ணமிட்டு, பின்னர் "HTML நகலெடு" கொண்டு வேறிடத்தில் ஒட்டுங்கள், அல்லது அடுத்த முறைக்காக உங்கள் உள்ளூர் நூலகத்தில் சேமியுங்கள்.
லேஅவுட் மாட்யூல்களை மீண்டும் கட்டுவதற்குப் பதிலாக ஏன் பிரித்தெடுக்க வேண்டும்
WeChat கட்டுரைகளில் அழகாகத் தெரியும் பிளாக்குகள் — தலைப்பிட்ட பிரிவு அட்டைகள், follow-us அழைப்புகள், பாணியான மேற்கோள்கள், SVG பிரிப்பான்கள் — கிட்டத்தட்ட எப்போதும் கையால் தொகுக்கப்பட்ட inline HTML மற்றும் SVG. ஒன்றை முதலிலிருந்து மீண்டும் கட்டுவது என்றால் padding, வண்ணங்கள், கிரேடியன்டுகள், அடுக்கிய span-களைத் துல்லியமாகப் பொருத்த வேண்டும்; ஒரே தவறான திருத்தம் SVG-ஐச் சரித்துவிடும். அதற்குப் பதிலாக முடிந்த பிளாக்கைப் பிரித்தெடுப்பது ஒவ்வொரு விவரத்தையும் அப்படியே காத்து, நொடிகளில் மறுபயன்படுத்தக்கூடியதாக்குகிறது.
இந்தக் கருவி நீங்கள் ஒட்டும் கட்டுரையைப் பகுத்து, ஒவ்வொரு பாணி பிளாக்கையும் சுயாதீன மாட்யூலாக வெளியே தூக்குகிறது. முழுப் பக்கத்தையும் ஒரே கட்டியாகப் பறிப்பது அல்ல; தனித்தனி, மறுபயன்பாட்டுத் துண்டுகளின் நேர்த்தியான பட்டியல் கிடைக்கிறது — மற்றவரின் இடுகையில் அழகான லேஅவுட்டைப் பார்த்தபோது நீங்கள் விரும்பியது அதுதான்.
Local-first — எனவே சொத்துக்கள் உண்மையிலேயே உங்களுடையவை
கிளவுட் எடிட்டர்கள் உங்கள் சேமித்த பிளாக்குகளைக் கணக்கின் பின்னால் அவற்றின் சர்வர்களில் வைத்திருக்கின்றன. இங்கே நூலகம் localStorage வழியாக உங்கள் சொந்த உலாவியில் வாழ்கிறது; காப்புப் பிரதி எடுக்கவோ கணினிகளுக்கிடையே நகர்த்தவோ JSON கோப்பாக ஏற்றுமதி செய்யலாம். எதுவும் பதிவேற்றப்படாது, பதிவு இல்லை; பகுப்பாய்வு, பட மாற்றம், மறுவண்ணமிடல் எல்லாம் உலாவியின் சொந்த DOM மற்றும் Clipboard API-களுடன் உங்கள் சாதனத்திலேயே இயங்கும்.
நடைமுறைப் பலன்: நீங்கள் வேலை செய்யச் செய்ய வளரும் தனிப்பட்ட, எடுத்துச் செல்லக்கூடிய மாட்யூல் நூலகம் — கட்டுரையை ஒட்டி, மறுபயன்படுத்தத் தகுந்த இரண்டு மூன்று பிளாக்குகளை வைத்துக்கொண்டு, அடுத்த முறை அவற்றை நேரடியாக inline HTML ஆக இழுத்து எடுங்கள்.
மக்கள் இதை எதற்குப் பயன்படுத்துகிறார்கள்
பிடித்த லேஅவுட்டை மறுபயன்படுத்துதல் — வேறு கட்டுரையில் அழகான தலைப்பிட்ட அட்டையையோ பிரிப்பானையோ பார்த்தீர்களா — பிரித்தெடுத்து, உங்கள் பிராண்டுக்கு மறுவண்ணமிட்டு, உங்கள் வரைவில் நகலெடுங்கள்.
வீட்டுப் பாணி கிட் கட்டுதல் — ஒவ்வொரு இதழிலும் பயன்படுத்தும் பிரிவுத் தலைப்புகள், மேற்கோள் பாணிகள், follow-us அட்டைகளை ஒரே உள்ளூர் நூலகத்தில் சேகரியுங்கள்.
டெம்ப்ளேட் பிளாக்கில் படங்களை மாற்றுதல் — பிடித்த படம்-அட்டை லேஅவுட்டை வைத்துக்கொண்டு, ஒவ்வொரு முறையும் படத்தை மட்டும் உங்கள் பதிவேற்றத்தால் மாற்றுங்கள்.
உங்கள் பிராண்டுக்கு மறுவண்ணமிடல் — inline ஸ்டைல்களைத் தேடி அலையாமல், பிளாக்கின் accent வண்ணத்தை எல்லா இடத்திலும் ஒரே நேரத்தில் மாற்றுங்கள்.
எடிட்டர்களுக்கிடையே பிளாக்குகளை நகர்த்துதல் — WeChat எடிட்டர், CMS அல்லது எந்த ரிச்-டெக்ஸ்ட் பெட்டியிலும் பாணி மாறாமல் ஒட்டும் inline HTML-ஐ நகலெடுங்கள்.
தனிப்பட்ட, எடுத்துச் செல்லும் சேமிப்பு — காப்புப் பிரதிக்கோ வேறு உலாவிக்கு எடுத்துச் செல்லவோ நூலகத்தை JSON ஆக ஏற்றுமதி செய்யுங்கள் — கணக்கு இல்லை, கிளவுட் இல்லை.
ஏன் IMG.DIY
பிளாக் பிரித்தெடுப்பு
SVG அட்டைகள், தலைப்புகள், மேற்கோள்கள், பிரிப்பான்களை சுயாதீன மாட்யூல்களாக எடுக்கிறது.
படங்களை உள்ளேயே மாற்றுங்கள்
பிளாக்கில் உள்ள எந்தப் படத்தையும் உங்களுடையதாக மாற்றுங்கள் — பதிவேற்றமோ URL-ஓ.
ஒரே கிளிக்கில் மறுவண்ணம்
பிளாக் பயன்படுத்தும் எந்த வண்ணத்தையும் கிளிக் செய்து எல்லா இடத்திலும் ஒரே நேரத்தில் மாற்றுங்கள்.
inline HTML நகல்
WeChat எடிட்டர், CMS அல்லது எந்த ரிச்-டெக்ஸ்ட் பெட்டியிலும் நேரடியாக ஒட்டுங்கள்.
உள்ளூர் நூலகம்
மாட்யூல்களை இந்த உலாவியில் சேமித்து, JSON ஆக ஏற்றுமதி/இறக்குமதி செய்யுங்கள்.
பதிவேற்றம் இல்லை
முழுவதும் உங்கள் உலாவியிலேயே இயங்குகிறது — உங்கள் பொருட்கள் சாதனத்தை விட்டு வெளியேறாது.