Jos ylläpidät WeChat Official Accountia (tai mitä tahansa rikastekstijulkaisua), olet nähnyt asetteluja, joita toivoisit voivasi käyttää uudelleen — otsikoidun osiokortin, seuraa meitä -lohkon, tyylitellyn sitaatin, erottimen. Niiden kopioiminen käsin tarkoittaa sisäkkäisen HTML:n kaivamista, ja yksi väärä muokkaus rikkoo koko SVG:n. Tämä työkalu tekee ikävän osan puolestasi: liitä artikkeli, ja se poimii jokaisen tyylitellyn lohkon itsenäiseksi, uudelleenkäytettäväksi moduuliksi.
Sen jälkeen voit vaihtaa lohkon sisältämät kuvat (lataa uusi tai liitä URL), värittää sen uudelleen napsauttamalla mitä tahansa sen käyttämää väriä, kopioida lohkon inline-HTML:nä liittämisvalmiina WeChat-editoriin, CMS:ään tai mihin tahansa rikastekstikenttään — ja tallentaa suosikkisi paikalliseen kirjastoon, joka elää tässä selaimessa. Mitään ei ladata palvelimelle; materiaalisi ovat sinun.
Koska kaikki toimii selainpäässä Clipboard- ja localStorage-rajapinnoilla, tiliä, pilveä tai taustapalvelinta ei ole — sama paikallisuusperiaate kuin muuallakin IMG.DIY:ssä.
Käyttöohje
- Liitä artikkeliKopioi WeChat-artikkeli (tai mikä tahansa rikassisältö) ja liitä se kenttään. Voit liittää myös raakaa HTML-lähdekoodia.
- Poimi moduulitNapsauta Poimi — jokainen tyylitelty lohko ilmestyy omana esikatselukorttinaan, eristettynä niin etteivät sivun tyylit häiritse.
- Muokkaa ja käytä uudelleenVaihda kuvia, väritä uudelleen, ja Kopioi HTML liittääksesi muualle, tai Tallenna paikalliseen kirjastoosi seuraavaa kertaa varten.
Miksi poimia asettelumoduulit sen sijaan että rakentaisi ne uudelleen
WeChat-artikkelien hyvännäköiset lohkot — otsikoidut osiokortit, seuraa-meitä-kehotteet, tyylitellyt sitaatit, SVG-erottimet — ovat lähes aina käsin koottua inline-HTML:ää ja SVG:tä. Sellaisen rakentaminen tyhjästä tarkoittaa täsmälleen samojen marginaalien, värien, liukuvärien ja sisäkkäisten span-elementtien toistamista, ja yksikin väärä muokkaus romahduttaa SVG:n. Valmiin lohkon poimiminen sen sijaan säilyttää jokaisen yksityiskohdan ja muuttaa sen sekunneissa uudelleenkäytettäväksi.
Tämä työkalu jäsentää liittämäsi artikkelin ja nostaa jokaisen tyylitellyn lohkon esiin itsenäisenä moduulina. Et kaavi kokonaista sivua yhdeksi möykyksi; saat siistin listan yksittäisiä, uudelleenkäytettäviä paloja — juuri sen, mitä halusit nähdessäsi hienon asettelun jonkun toisen julkaisussa.
Paikallinen ensin, jotta materiaalit ovat oikeasti sinun
Pilvieditorit säilyttävät tallennetut lohkosi omilla palvelimillaan tilin takana. Täällä kirjasto elää omassa selaimessasi localStoragen kautta, ja voit viedä sen JSON-tiedostoksi varmuuskopiointia tai koneiden välillä siirtoa varten. Mitään ei ladata palvelimelle, rekisteröitymistä ei ole, ja jäsentäminen, kuvien vaihtaminen ja uudelleenvärjäys toimivat kaikki laitteellasi selaimen omilla DOM- ja Clipboard-rajapinnoilla.
Käytännön hyöty on henkilökohtainen, siirrettävä moduulikirjasto, joka kasvaa työn ohessa: liitä artikkeli, säilytä ne pari kolme uudelleenkäytön arvoista lohkoa, ja seuraavalla kerralla vedät ne suoraan takaisin inline-HTML:nä.
Mihin sitä käytetään
Käytä uudelleen asettelua, josta pidit — Näetkö hienon otsikkokortin tai erottimen toisessa artikkelissa — poimi se, väritä brändisi mukaiseksi ja kopioi omaan luonnokseesi.
Rakenna oma tyylipakki — Kerää joka numerossa käyttämäsi osio-otsikot, sitaattityylit ja seuraa-meitä-kortit yhteen paikalliseen kirjastoon.
Vaihda mallilohkon kuvat — Säilytä suosikkikuvakorttiasettelusi ja vaihda vain kuva joka kerta omaan lataukseesi.
Väritä brändisi mukaan — Muuta lohkon korostusväri kaikkialla kerralla sen sijaan että metsästäisit inline-tyylejä.
Siirrä lohkoja editorien välillä — Kopioi inline-HTML:ää, joka liimautuu tyyleineen WeChat-editoriin, CMS:ään tai mihin tahansa rikastekstikenttään.
Pidä yksityinen, siirrettävä kokoelma — Vie kirjastosi JSON-muodossa varmuuskopioksi tai toiseen selaimeen — ei tiliä, ei pilveä.
Miksi IMG.DIY
Lohkojen poiminta
Poimii SVG-kortit, otsikot, sitaatit ja erottimet itsenäisiksi moduuleiksi.
Vaihda kuvat suoraan
Korvaa mikä tahansa lohkon kuva omallasi — lataamalla tai URL-osoitteella.
Uudelleenväritys yhdellä napsautuksella
Napsauta mitä tahansa lohkon käyttämää väriä ja vaihda se kaikkialta kerralla.
Kopioi inline-HTML
Liitä suoraan WeChat-editoriin, CMS:ään tai mihin tahansa rikastekstikenttään.
Paikallinen kirjasto
Tallenna moduulit tähän selaimeen ja vie/tuo ne JSON-muodossa.
Ei latausta palvelimelle
Toimii kokonaan selaimessasi — materiaalisi eivät koskaan poistu laitteeltasi.