Formatuoto teksto redaktoriaus naudojimas turiniui

„Shopify“ formatuoto teksto redaktoriumi galite formatuoti ir stilizuoti savo internetinėje parduotuvėje rodomą turinį.

Kur naudoti formatuoto teksto redaktorių

Formatuoto teksto redaktoriumi galite pridėti arba redaguoti tekstą keliose Jūsų parduotuvės vietose:

• Gaminių aprašai
• Kolekcijų aprašai
• Tinklaraščio įrašai
• Puslapiai
• Parduotuvės politika

Jei naudojate suderinamą temą, tuomet galite pridėti formatuoto teksto sekcijas į savo puslapius ar šablonus naudodami temų rengyklę.

HTML turinio pridėjimas naudojant formatuoto teksto redaktorių

Formatuoto teksto redaktoriumi galite įvesti HTML turinį į savo tinklaraščio įrašus, puslapius, gaminių aprašus ir kolekcijų aprašus.

Spustelėkite mygtuką , kad peržiūrėtumėte formatuoto teksto redaktoriuje esančio turinio HTML kodą.

HTML rodinyje galite atlikti daug formatuoto teksto redaktoriaus turinio pakeitimų. Naudodami HTML galite pridėti vaizdų, vaizdo įrašų ar lentelių, taip pat galite taisyti klaidas arba tikslinti išdėstymą bei turinio stilių.

Medijos valdiklio įterpimas

Jei norite įterpti vaizdo įrašo ar muzikos valdiklį, pirmiausia turite jį patalpinti paslaugoje, pvz., Youtube, Vimeo ar SoundCloud. Šios paslaugos sugeneruoja įterpiamąjį kodą, kurį galite nukopijuoti ir įklijuoti į savo „Shopify“ administratoriaus formatuoto teksto redaktorių.

Veiksmai:

1. Raskite medijos, kurią norite įterpti, įterpiamąjį kodą.
2. Pažymėkite visą įterpiamąjį kodą spustelėdami jį ir paspausdami ctrl + A PC kompiuteryje arba command + A „Mac“ kompiuteryje.
3. Nukopijuokite įterpiamąjį kodą paspausdami ctrl + C PC kompiuteryje arba command + C „Mac“ kompiuteryje.
4. Savo „Shopify“ administratoriaus skydelyje, redaguodami turinį, formatuoto teksto redaktoriuje spustelėkite mygtuką Rodyti HTML.
5. Įklijuokite įterpiamąjį kodą paspausdami ctrl + V PC kompiuteryje arba command + V „Mac“ kompiuteryje.
6. Spustelėkite Įrašyti.

Teksto formatavimas naudojant formatuoto teksto redaktorių

Naudodami mygtuką Formatavimas, galite greitai sukurti pastraipas, antraštes arba citatų blokus. Tinkamas formatavimas ir antraščių lygiai padeda žmonėms bei paieškos sistemoms skaityti Jūsų svetainės turinį.

Norėdami pasirinkti teksto formatą, pažymėkite tekstą ir spustelėkite mygtuką Formatavimas.

Formatavimo parinktys

• Pastraipa

  Didžioji dalis Jūsų svetainės tekstinio turinio yra pastraipos tekstas. Pastraipos teksto šrifto dydis paprastai yra 10–12 pt, tačiau kai kuriose temose naudojami skirtingi šrifto dydžiai.

• Antraštė (1–6)

  Antraštės naudojamos turiniui struktūrizuoti. Yra 6 antraščių lygiai. 1 lygio antraštė yra svarbiausias lygis, o 6 lygio antraštė – mažiausiai svarbus.

• Citatos blokas

  Citatos blokas naudojamas, kai norima parodyti kito autoriaus tekstą, pvz., citatą ar ištrauką iš knygos ar svetainės.

Pusjuodis tekstas

Norėdami tekstą parašyti pusjuodžiu šriftu, pažymėkite jį ir spustelėkite mygtuką Pusjuodis.

Teksto rašymas kursyvu

Norėdami tekstą parašyti kursyvu, pažymėkite jį ir spustelėkite mygtuką Kursyvas.

Teksto pabraukimas

Norėdami pabraukti tekstą, pažymėkite jį ir spustelėkite mygtuką Pabraukimas.

Sąrašo su ženkleliais kūrimas

Norėdami sukurti sąrašą su ženkleliais, spustelėkite mygtuką „Sąrašas su ženkleliais“.

Galite įvesti tekstą, kad sukurtumėte pirmąjį sąrašo su ženkleliais elementą. Norėdami sukurti naujus sąrašo elementus, paspauskite klavišą enter arba return. Norėdami užbaigti sąrašą, du kartus paspauskite klavišą enter arba return.

Numeruoto sąrašo kūrimas

Norėdami sukurti numeruotą sąrašą, spustelėkite mygtuką „Numeruotas sąrašas“.

Galite įvesti tekstą, kad sukurtumėte pirmuosius numeruoto sąrašo elementus. Norėdami sukurti naujus sąrašo elementus, paspauskite klavišą enter arba return. Norėdami užbaigti sąrašą, du kartus paspauskite klavišą enter arba return.

Teksto įtrauka

Pastraipos įtrauka sukuria paraštę kairėje jos pusėje. Norėdami padidinti pastraipos įtrauką, spustelėkite mygtuką „Didinti įtrauką“.

Mažinti teksto įtrauką

Sumažinus pastraipos įtrauką pašalinamos visos buvusios paraštės. Norėdami sumažinti pastraipos įtrauką, spustelėkite mygtuką „Mažinti įtrauką“.

Teksto lygiavimas

Norėdami lygiuoti tekstą, pažymėkite jį, spustelėkite mygtuką „Lygiavimas“ ir pasirinkite „Lygiuoti kairėje“, „Lygiuoti centre“ arba „Lygiuoti dešinėje“.

Teksto spalvos keitimas

1. Pažymėkite tekstą ir spustelėkite mygtuką „Spalva“.
2. Spustelėkite spalvą arba įveskite šešioliktainį kodą, kad pakeistumėte pažymėto teksto spalvą į pasirinktą.

Teksto fono spalvos keitimas

1. Pažymėkite tekstą ir spustelėkite mygtuką „Spalva“.
2. Spustelėkite skirtuką „Fonas“.
3. Spustelėkite spalvą arba įveskite šešioliktainį kodą, kad pakeistumėte pažymėto teksto fono spalvą į pasirinktą.

Formatavimo valymas formatuoto teksto redaktoriuje

Norėdami pašalinti teksto ar vaizdų formatavimą, pažymėkite turinį ir spustelėkite mygtuką „Valyti formatavimą“.

Lentelių įterpimas naudojant formatuoto teksto redaktorių

Naudodami formatuoto teksto redaktorių galite įterpti lenteles į savo tinklaraščio įrašus, puslapius, produktų ir kolekcijų aprašus. Sukūrę lentelę, į ją galite įdėti tekstą, vaizdus ar net vaizdo įrašus.

Veiksmai:

1. Formatuoto teksto redaktoriuje spustelėkite mygtuką „Įterpti lentelę“.
2. Spustelėkite „Įterpti lentelę“, kad įterptumėte lentelę. Taip sukuriama lentelė su viena eilute ir vienu stulpeliu.

Sukūrę lentelę, dar kartą spustelėkite mygtuką „Įterpti lentelę“, kad pakeistumėte lentelės eilutes ir stulpelius:

• Įterpti eilutę aukščiau: perkelkite žymeklį į eilutę ir spustelėkite šį mygtuką, kad virš jos įterptumėte naują eilutę.
• Įterpti eilutę žemiau: perkelkite žymeklį į eilutę ir spustelėkite šį mygtuką, kad po ja įterptumėte naują eilutę.
• Įterpti stulpelį prieš: perkelkite žymeklį į stulpelį ir spustelėkite šį mygtuką, kad prieš jį įterptumėte naują stulpelį.
• Įterpti stulpelį po: perkelkite žymeklį į stulpelį ir spustelėkite šį mygtuką, kad po juo įterptumėte naują stulpelį.
• Naikinti eilutę: perkelkite žymeklį į eilutę, kurią norite naikinti, ir spustelėkite šį mygtuką.
• Naikinti stulpelį: perkelkite žymeklį į stulpelį, kurį norite naikinti, ir spustelėkite šį mygtuką.
• Naikinti lentelę: perkelkite žymeklį bet kurioje lentelės vietoje ir spustelėkite šį mygtuką, kad panaikintumėte visą lentelę.

Nuorodų įterpimas naudojant formatuoto teksto redaktorių

Naudodami formatuoto teksto redaktorių galite įterpti nuorodas (hipersaitus) į tinklaraščio įrašus, puslapius, produktų ir kolekcijų aprašus. Galite pridėti nuorodų, kurios nukreipia klientus į puslapius Jūsų „Shopify“ internetinėje parduotuvėje ir į kitas svetaines. Taip pat galite pridėti nuorodų, kurios atidaro el. laiškus arba kuriomis galima skambinti, kad klientai galėtų lengviau su Jumis susisiekti.

Veiksmai:

1. Pažymėkite tekstą arba vaizdą, kurį norite paversti nuoroda.
2. Spustelėkite „Įterpti nuorodą“.
3. Įveskite nuorodos paskirties URL į Nuoroda į lauką:
   • Norėdami susieti su išorine svetaine, esančia ne Jūsų „Shopify“ parduotuvėje, įveskite https:// ir interneto adresą, pavyzdžiui, https://www.example.com.
   • Norėdami susieti su puslapiu savo „Shopify“ internetinėje parduotuvėje, įveskite trumpąjį URL, pavyzdžiui, /collections/summer-collection.
   • Norėdami sukurti nuorodą, kuri atidaro el. laišką, įveskite mailto: ir el. pašto adresą, pavyzdžiui, mailto:example@example.com.
   • Norėdami sukurti nuorodą, kuria galima skambinti, įveskite tel: ir telefono numerį, pavyzdžiui, tel:+0-123-456-7890.
4. Laukelyje „Nuorodos pavadinimas“ įveskite trumpą nuorodos aprašą.
5. Pasirinkite, kaip atidaryti nuorodą, naudojant Atidaryti šią nuorodą meniu:
   • tame pačiame lange: nuoroda bus atidaryta esamame vartotojo naršyklės skirtuke arba lange.
   • naujame lange: nuoroda bus atidaryta naujame naršyklės skirtuke arba lange.
6. Spustelėkite „Įterpti nuorodą“, kad pažymėtą tekstą paverstumėte nuoroda.

Vidinių ir išorinių nuorodų pridėjimas naudojant formatuoto teksto redaktorių

Nuorodos į puslapius Jūsų „Shopify“ parduotuvėje vadinamos vidinėmis nuorodomis. Vidinėms nuorodoms kurti galite naudoti trumpuosius URL. Pavyzdžiui, URL /collections nukreips į Jūsų parduotuvės kolekcijų puslapį.

Norėdami susieti su konkrečiu savo internetinės parduotuvės puslapiu, pvz., kolekcijos ar produkto puslapiu, naudokite URL formatą /puslapio-tipas/puslapio-identifikatorius. Pavyzdžiui, norėdami susieti su sukurta kolekcija, pavadinta „Summer Collection“, naudokite URL /collections/summer-collection.

Nuorodos į svetaines, esančias ne Jūsų „Shopify“ parduotuvėje, vadinamos išorinėmis nuorodomis. Išorines nuorodas reikia įvesti visas ir jos turi prasidėti http://.

Susiejimas su failu puslapio turinyje

Kai įkelsite failą, galite jį susieti su turiniu formatuoto teksto redaktoriuje, kad jį būtų galima atsisiųsti iš produkto ar kolekcijos aprašo, tinklalapio ar tinklaraščio įrašo.

Veiksmai:

Vaizdų įterpimas formatuoto teksto redaktoriumi

Yra trys būdai, kaip įterpti vaizdą naudojant formatuoto teksto redaktorių. Galite:

• įkelti vaizdus
• pasirinkti iš savo produktų vaizdų
• naudoti viešą vaizdo URL.

Vaizdų įkėlimas

Veiksmai:

1. Formatuoto teksto redaktoriuje spustelėkite mygtuką Įterpti vaizdą.

2. Dialogo lange Įterpti vaizdą spustelėkite skirtuką Įkelti vaizdai.

3. Spustelėkite Įkelti failą.

4. Iš savo kompiuterio pasirinkite WebP, HEIC, SVG, GIF, JPEG arba PNG vaizdo failą.

5. Spustelėkite įkeltą vaizdą, kad jį pasirinktumėte.

6. Meniu Dydis pasirinkite vaizdo rodymo dydį. Galite pasirinkti Originalus, kad įterptumėte vaizdą nekeisdami jo rodymo dydžio.

7. Spustelėkite Įterpti vaizdą, kad įdėtumėte vaizdą į formatuoto teksto redaktorių.

Pasirinkimas iš produktų vaizdų

Veiksmai:

1. Formatuoto teksto redaktoriuje spustelėkite mygtuką Įterpti vaizdą.

2. Dialogo lange Įterpti vaizdą spustelėkite skirtuką Produktų vaizdai.

3. Spustelėkite vaizdą, kurį norite įterpti. Jei nerandate produkto medijos, kurią norite įterpti, galite naršyti skirtingus puslapius naudodami rodyklių mygtukus.

4. Meniu Dydis pasirinkite vaizdo rodymo dydį. Galite pasirinkti Originalus, kad įterptumėte vaizdą nekeisdami jo rodymo dydžio.

5. Spustelėkite Įterpti vaizdą, kad įdėtumėte produkto vaizdą į formatuoto teksto redaktorių.

Vaizdo URL naudojimas

Norėdami įterpti vaizdą naudojant viešą URL:

1. Formatuoto teksto redaktoriuje spustelėkite mygtuką Įterpti vaizdą.
2. Dialogo lange Įterpti vaizdą spustelėkite skirtuką URL.
3. Įveskite viešai pasiekiamą savo vaizdo failo URL.
4. Spustelėkite Įterpti vaizdą, kad įterptumėte originalaus dydžio vaizdą į formatuoto teksto redaktorių.

Vaizdo perkėlimas ir dydžio keitimas formatuoto teksto redaktoriuje

Pridėję vaizdą į produkto ar kolekcijos aprašą, tinklalapį ar tinklaraštį, galite jį perkelti į kitą turinio vietą.

Veiksmai:

1. Savo „Shopify“ administratoriaus skydelyje spustelėkite produktą, kolekciją, tinklalapį arba tinklaraščio įrašą, kuriame yra vaizdas, kurį norite perkelti arba kurio dydį norite pakeisti.
2. Formatuoto teksto redaktoriuje spustelėkite vaizdą.
3. Atlikite vieną iš šių veiksmų:
   • Norėdami perkelti vaizdą, spustelėkite ir nuvilkite jį į kitą vietą lauke Turinys.
   • Norėdami pakeisti vaizdo dydį, spustelėkite ir vilkite vieną iš kampų.
4. Spustelėkite Įrašyti.

Vaizdo redagavimas formatuoto teksto redaktoriuje

Formatuoto teksto redaktoriuje galite keisti vaizdo dydį, teksto aplenkimą ir lygiavimą. Taip pat galite redaguoti vaizdo URL arba pridėti ar redaguoti alternatyvųjį vaizdo tekstą.

Veiksmai:

1. Dukart spustelėkite vaizdą formatuoto teksto redaktoriuje, kad atidarytumėte dialogo langą Redaguoti vaizdą.
2. Naudokite dydžio ir lygiavimo parinktis vaizdui redaguoti:
   • Norėdami pakeisti vaizdo dydį, pasirinkite dydžio parinktį.
   • Norėdami pagerinti savo internetinės parduotuvės SEO ir pritaikymą neįgaliesiems, pridėkite arba redaguokite alternatyvųjį vaizdo tekstą.
   • Norėdami pridėti tarpų, įveskite, kiek pikselių tarpo norite palikti kiekvienoje pusėje.
   • Norėdami pakeisti vaizdo lygiavimą, pasirinkite vieną iš kairiojo, centro arba dešiniojo lygiavimo piktogramų.
   • Norėdami pridėti teksto aplenkimą, pažymėkite Aplenkti tekstą aplink vaizdą.
3. Spustelėkite Redaguoti vaizdą, kad išsaugotumėte pakeitimus.

Vaizdo įrašų įterpimas formatuoto teksto redaktoriumi

Naudodami formatuoto teksto redaktorių galite įterpti arba įdėti vaizdo įrašus į tinklaraščio įrašus, puslapius, produktų aprašus ir kolekcijų aprašus.

Jei norite įterpti vaizdo įrašą, kurį sukūrėte, pirmiausia turite jį įkelti į vaizdo įrašų transliavimo svetainę, pavyzdžiui, YouTube ar Vimeo.

„YouTube“ neleidžia išjungti susijusių vaizdo įrašų, tačiau galite nurodyti, kad susiję vaizdo įrašai būtų iš to paties kanalo kaip ir ką tik paleistas vaizdo įrašas.

Veiksmai:

1. Nukopijuokite vaizdo įrašo URL, PC kompiuteryje paspausdami ctrl + C arba „Mac“ kompiuteryje paspausdami command + C.

2. Apsilankykite Embed Responsively. „Embed Responsively“ yra įrankis, kuris pateiks Jums patobulintą vaizdo įrašo įterpimo kodą.

3. Svetainėje „Embed Responsively“ spustelėkite, kad pasirinktumėte vaizdo įrašų svetainę, kurioje yra Jūsų vaizdo įrašas.
4. Nukopijuotą vaizdo įrašo URL įklijuokite į Puslapio URL laukelį svetainėje „Embed Responsively“ paspausdami ctrl + V asmeniniame kompiuteryje arba command + V „Mac“ kompiuteryje.
5. Spustelėkite Įterpti. „Embed Responsively“ Jums sukurs įterpimo kodą.
6. Jei vaizdo įrašas yra iš „YouTube“ ir norite rodyti tik susijusius vaizdo įrašus iš to paties „YouTube“ kanalo, įterpimo kode raskite vaizdo įrašo URL. Nukopijuokite ir įklijuokite ?rel=0 jo pabaigoje tarp kabučių.
7. Nukopijuokite visą kodą, esantį laukelyje Įterpimo kodas.
8. Savo „Shopify“ administratoriaus skydelyje spustelėkite formatuoto teksto redaktoriaus mygtuką Įterpti vaizdo įrašą.
9. Dialogo lange Įterpti vaizdo įrašą įklijuokite įterpimo kodą į laukelį.
10. Spustelėkite Įterpti vaizdo įrašą.
11. Baigę spustelėkite Išsaugoti, kad išsaugotumėte redaguojamo elemento pakeitimus.

Garso failų įterpimas naudojant formatuoto teksto redaktorių

Naudodami formatuoto teksto redaktorių galite įterpti garso failus į tinklaraščio įrašus, puslapius, produktų aprašymus ir kolekcijų aprašymus.

Veiksmai:

1. Savo „Shopify“ administratoriaus skydelyje eikite į Turinys > Failai.

2. Spustelėkite Įkelti failus, kad įkeltumėte garso failą, kurį norite įterpti į savo parduotuvę.

3. Skiltyje Internetinė parduotuvė atidarykite puslapio arba tinklaraščio įrašo, kuriame norite patalpinti garso failą, formatuoto teksto redaktorių.

4. Nukopijuokite <div id="player"><audio controls="controls">, tada įklijuokite kodą formatuoto teksto redaktoriuje, kad įterptumėte garso grotuvą savo puslapyje.

5. Nukopijuokite šį kodą:

• <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

6. Įklijuokite šį kodą savo formatuoto teksto redaktoriuje po garso grotuvo kodo, o tada pakeiskite https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 į URL, kurį sukūrėte savo garso failui, kai jį įkėlėte į „Shopify“. Savo garso failo URL galite bet kada rasti puslapyje Failai.
7. Spustelėkite Įrašyti.
8. Spustelėkite Peržiūrėti, kad įsitikintumėte, jog Jūsų garso failas atkuriamas tinkamai.

Vidinių komentarų pridėjimas arba šalinimas formatuoto teksto redaktoriuje

Galite naudoti komentarų žymas <!-- ir --> vidiniam tekstui, kurio nenorite skelbti savo parduotuvėje.

Veiksmai:

1. Savo formatuoto teksto redaktoriuje spustelėkite mygtuką Rodyti HTML.
2. Norėdami pridėti vidinį komentarą, tekstą, kurį norite paslėpti, apgaubkite <!-- ir -->. Pavyzdžiui: <!--jūsųtekstas-->.
3. Spustelėkite Įrašyti.

HTML žymos, esančios tarp komentarų žymų, yra išsaugomos kaip vidinis tekstas. Kad tos HTML žymos veiktų tinkamai, turite pašalinti aplink jas esančias komentarų žymas <!-- ir -->.

Apie formatuoto teksto redaktorių

Formatuoto teksto redaktorius yra integruotas su „TinyMCE“ – trečiosios šalies turinio pateikimo tinklu (CDN). Ši integracija lemia kelis svarbius aspektus:

• Turinio apribojimas: turiniui, įvedamam į formatuoto teksto redaktorių, taikomas griežtas 64 KB apribojimas. Tai taikoma puslapiams, tinklaraščio įrašams ir papildomiems scenarijams.
• HTML išvalymas: „TinyMCE“ pateikia turinio filtravimo logiką, kuri automatiškai pataiso HTML formatavimą, kad būtų išvengta vitrinos gedimų ir saugumo rizikų. Nors galite rankiniu būdu redaguoti HTML ir grąžinti pradinę jo formą, rekomenduojama dirbti su šiais automatiniais pakeitimais, kad išvengtumėte galimų problemų.

Formatuoto teksto redaktoriaus trikčių šalinimas

Jei Jums kyla problemų naudojant formatuoto teksto redaktorių, peržiūrėkite šiuos trikčių šalinimo veiksmus ir dažniausiai pasitaikančias problemas.

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>

mailto:email@example.com