Ettevõtte üldplank on dokumendipõhi, millel on ettevõtte ametlikud andmed ja visuaalne identiteet. Üldplank on universaalne ja kasutatav kõikides moodulites, tagades ühtse ja professionaalse välimuse.
Templiitide kasutamine aitab säästa aega, hoida ühtlast kujundust ja lihtsustab korrastatud töövoogu. Näiteks mõni moodulipõhine templiit, kus on eelnevalt paika pandud teksti stiilid, pealkirjad, vormindus ja muu kujundus, et saaks selle peale sisu lisada ilma iga kord nullist alustamata.
Dokumendiplangi loomiseks tuleb lisada allpool toodud lähtekoodiridu ning seadistada neli põhikomponenti: päis, sisu, jalus ja lehekülje number.
Kasutamisnäited
Esmase tulemuse saavutamiseks on allpool toodud kasutamisnäited. Need näited illustreerivad ettevõtte üldplangi struktuuri ja aitavad mallide loomisega alustada. Kasuta näidisena toodud koodi, kohanda see vastavalt vajadusele ning salvesta muudatused, et dokumente saaks hõlpsasti hallata kõikides moodulites.
1. Päis - üldplangi standardne päis
Päis sisaldab ettevõtte logo ja nime ning on kohandatud sobima igat tüüpi dokumendile.
Päise lähtekood:
<table style="width: 100%; font-family: Arial, sans-serif; font-size: 12px; border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 10px;">
<tr>
<td style="width: 50%; text-align: left;">
<p>{{account.logo}}</p>
</td>
<td style="width: 50%; text-align: right;">
<p><strong>{{account.name}}</strong></p>
</td>
</tr>
</table>
Kuidas päist täpsemalt seadistada saad lugeda siit
2. Sisu - universaalne sisuplokk
Sisuplokki kasutatakse dokumentide põhiosa loomiseks, olles sobilik erinevatele moodulitele nagu ülesanded ja kirjad.
Sisu lähtekood:
<p>{{doc.description}}</p>Soovitused:
Kasuta tabeli struktuuri keerukamate sisuplokkide loomiseks.
Lisa vajadusel lisaandmeid moodulipõhiste väljade abil.
3. Jalus - Kontaktandmed ja pangainfo
Jaluses näidatakse ettevõtte kontaktandmeid, pangarekvisiite ja muid olulisi andmeid.
Jaluse lähtekood:
<div style="width: 100%; font-family: Arial, sans-serif; font-size: 10px; color: #666666; border-top: 2px solid #4A90E2; padding-top: 10px; margin-top: 20px; line-height: 1;">
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="width: 30%; text-align: left;">
<p>{{account.name}}</p>
<p>{{lang.phone}}: {{account.phone}}</p>
<p>{{account.address}}</p>
</td>
<td style="width: 40%; text-align: center;">
<p>{{lang.email}}: {{account.email}}</p>
<p>Koduleht: {{account.website}}</p>
</td>
<td style="width: 30%; text-align: right;">
<p>{{account.bank.name}}</p>
<p>SWIFT: {{account.bank.swift}}</p>
<p>IBAN: {{account.bank.iban}}</p>
</td>
</tr>
</table>
</div>
Soovitused:
Veendu, et andmeväljad oleksid korrektselt täidetud.
Kohanda jalust vastavalt ettevõtte disainijuhistele.
Kuidas jalust täpsemalt seadistada saad lugeda siit:
4. Lehekülje numbri kuvamine
Lehekülje numbri kuvamiseks esimesel lehel tuleb see valik eraldi sisse lülitada. Sellekohta saad täpsemalt lugeda siin.
Lähtekoodide rakendamine:
Ava päise muutmise vaade
Tööriista ribalt vali "Lähtekood"
Eemalda eelnev kood
Kleebi antud lähtekood
Salvesta muudatused
Nüüd näed tulemusi templiidi eelvaates.