Täiendavad juhtimisstiilid hõlmavad paternalismi, oportunismi ja fakadismi.
Paternalism (materialism) mida iseloomustab kombinatsioon kõrgetasemelisest tootmishooldusest kõrge tase muret inimeste pärast, kes seda täiendavad. Maternalism erineb paternalismist juhi soo (mees, naine) poolest. Üks juhi omadusi on helde autokraat.
Rahulolu väljendub demonstreerimises, et see inimene on teistele tarkuse ja teadmiste allikas. Kui alluvad teevad seda, mida paternalist neilt ootab, julgustab neid juht ja neilt oodatakse lojaalsust. Juhi tegevuses on kalduvus alluvatele sõltuda tema kapriisidest, mistõttu nad ei püüdle mõtlemise, hinnangute ja uskumuste sõltumatuse poole.
Juht haarab initsiatiivi seni, kuni alluvad saavad teda usaldada ja teha seda, mida neilt nõutakse. Paternalistlik juht peab oma kohuseks inimesi õpetada, tal on tugevad veendumused ja ta propageerib neid aktiivselt.
Oportunism tekib siis, kui juht oma tegevuses ei lähtu selgelt määratletud põhimõtetest, vaid tegutseb ainult isikliku edu saavutamiseks. Eesmärk on olla erakordne inimene, kes tahab olla tipus, sest ta on tähelepanu keskpunktis. Oportunisti käitumine on ettearvamatu ja sõltub sellest, kellega tal on tegemist.
Eelistab vältida kõigi konflikte võimalikud viisid, kuid ei varja konflikti tekkides, püüab erimeelsusi lahendada ilma vastandumise ja polariseerumiseta. Kui tekib konflikt kõrgema auastmega inimesega, astub oportunistlik juht esimese sammu leppimise suunas. Võrdsetega käitub ta sisendavalt, teeb kompromisse. Kui tekib konflikt alluvatega, on oportunisti seisukoht alistuda või alluvast lahkuda.
Oportunist võtab initsiatiivi täpselt arvutatud riski alusel ja see on suunatud omakasupüüdlikele huvidele. Ta väldib tagasisidet, mis võib viidata oportunistliku juhi nõrkusele, piirangutele või vigadele. Küsib kriitilisi kommentaare ainult siis, kui ülevaade on positiivne.
Fasadeism. Toimub siis, kui seda on vaja näidata väljaspool nähtused, protsessid (fassaad). Inimene väldib oma mõtete avaldamist, kuigi jätab mulje, et ta on aus ja avameelne. Fassaadijuhi nipid võivad varieeruda sõltuvalt sellest, mis on kasumlik. Peamine eesmärk on sel juhul peita kontrolli-, domineerimis- ja võimuiha. Negatiivne motivatsioon seisneb soovis vältida enda avalikustamist tõelisi eesmärke varjates ja seetõttu ei avalda oma kogemusi, loob positiivse maine, mis aitab hoida pettust.
Fassaadijuht konflikte ei väldi. Eesmärk pole aga neid lahendada, vaid endale teatud hüvesid hankida.
Fassaaditegijale on omane, et ta tegutseb initsiatiivikalt ja tegutseb nii edasi, kuni edu on tagatud. Kui teil on vaja eeliseid saavutada, ei pane fassaadi tegevus teid ootama. Fassaadihaldurit iseloomustab volituste mittetäielik üleandmine ja võtmeotsuste vastuvõtmine. Tema vastu suunatud kriitika pole talle meeldiv.
Täna tahame sukelduda arendusprotsessi veidi sügavamale. Kui arendate veebisaiti või rakendust nullist, vajate kindlasti mustrite kogu, mis aitab teil arendada. Sellest me täna räägimegi. Oleme teie jaoks koostanud väikese valiku CSS-juppe, mis on kasutamiseks valmis!
Enne jätkamist lubage mul selgitada teile, kuidas seda tehti. Püüdsime klassifitseerida asju nende tüübi järgi ja saime täiustusi plokitaseme elementide, linkide, sisendelementide, lihtteksti jms jaoks.
Rõhutasime ka korduvkasutatavuse omadust, mistõttu kasutasime klasse. Stiilid ei ole otseselt suunatud elemendile, vaid mittesemantilise nimega klassidele, mida saab kasutada ja seejärel uuesti kasutada.
Mõne asja jaoks saate luua ka klasside klasse, et need sobiksid enda projektid. See võib välja näha selline:
minu klass(
/* Minu vinged stiilid siin */
}
minu klass.kohandatud(
/* Klassi .my-class konkreetsed stiilid ainult siis, kui sellel on ainult .kohandatud klass */
}
Nii et .custom klass iseenesest ei tähenda midagi, aga kui seda .my-class elemendile rakendada, saab .my-class stiile veidi muuta. Kas saate aru, mida me mõtleme?
Nüüd saate olemusest aru ja liigume edasi mustrite juurde. Alustame plokitaseme elementidega.
Pange tähele, et me ei kasutanud selles õpetuses eesliiteid, kuid näete CSS-failis eesliiteid.
Plokitaseme elemendid
Kas töötate välja pildigaleriid ja soovite oma piltidele pisut stiili lisada? Kas kujundate oma ajaveebi postituste jaoks malli ja soovite keskenduda kõrvalolevale plokile? Kas kirjutate CV-d ja soovite oma fotot veidi kaunistada? Nüüd on teil selline võimalus!
märgistus
Siin oleme kogu jaotise jaoks võtnud jaotuse plokitaseme klassiga ja rakendanud täiendavaid klasse. Muidugi võite siin teha mida iganes soovite, kuna see on plokitaseme element. Kui soovite pildile rakendada mõnda neist stiilidest, ärge unustage lisada sellele display: block.
Põhiline CSS
Demos rakendasime oma väikesele divile paar rida CSS-i:
ploki tasemel (
laius: 120 pikslit
kõrgus: 120 pikslit;
veeris: 20 pikslit
asend: suhteline;
ujuk: vasak;
}
Fondi jaoks võite leida rohkem stiile, kuid see on mõeldud vaid tutvustamiseks. Keskendume põhistiilidele.
Varjud
Üks lihtsamaid viise plokitaseme elemendile sügavuse lisamiseks on varju rakendamine. Varjud on aga üsna ohtlikud: need võivad teie disaini koheselt rikkuda. Kui te meid ei usu, vaadake lihtsalt lehtede varjusid.
Põhimõte on seada plokielemendile väga kerged varjud. Te ei tohiks kasutada paksu tumedat varju, mis näib hüüdvat "HEI, MA OLEN SIIN, VAATA!". Midagi keerukat on vaja.
varju (
taust: #9479fa;
}
Drop-shadow.top(
kasti vari: 0 -4 pikslit 2 pikslit -2 pikslit rgba(0,0,0,0,4)
}
Drop-shadow.right(
kasti vari: 4px 0 2px -2px rgba(0,0,0,0,4)
}
Drop-shadow.bottom(
kasti vari: 0 4px 2px -2px rgba(0,0,0,0,4)
}
Vari.vasak (
kasti vari: -4px 0 2px -2px rgba(0,0,0,0,4)
}
Vaadake, kuidas me kasutame varju negatiivset leviku väärtust, et anda varjule endale sügavust. Nii näeb see realistlikum välja. Meie arvame vähemalt nii.
Märge: kasti varju deklaratsioonis kasutatav värv võib olenevalt teie elemendi taustavärvist erineda. Mida heledam on plokk, seda heledam peab olema vari, et kontrast oleks nõrk.
Märge: te ei saa samale elemendile klasse eri suundades lisada, kuna viimane kirjutab algsed üle. Kui soovite, et kastil oleks rohkem kui üks kastivarju, looge lihtsalt mitu kastivarju valikut.
Nende 4 näite eesmärk on rõhutada sisu välise säraga, olgu see must või valge, udune või mitte, olenevalt sellest, mida soovite, ja mis veelgi olulisem, ploki taustast (monotoonne, tekstuur, pilt jne).
Div (
taust: #69D2E7;
}
rõhuta-tume (
kasti vari: 0 0 5px 2px rgba(0,0,0,.35)
}
rõhuta-valgus(
kasti vari: 0 0 0 10 pikslit rgba(255,255,255,.25)
}
highlight-inset(
kasti vari: sisestus 0 0 7px 4px rgba(255,255,255,.5)
}
Rõhutage äärist (
kasti vari: sisestus 0 0 0 7px rgba(255,255,255,.5)
}
Viimane, kuid mitte vähem oluline varjudega tegelemisel on kaks reljeefset efekti. Esimene on väga väike, kuna see tekitab väikese valguse peegelduse objekti ülaosas, ja teine on keerulisem. See näeb hea välja ümmarguste elementide, näiteks nuppude puhul.
Div (
taust: #8ec12d;
värv: #333;
}
Reljeefne valgus (
kast-vari: sisestus 0 1px 0 rgba(255,255,255,0,7);
}
Reljeefne-raske (
ääris: 1px solid rgba(0,0,0,0,05);
kasti vari:
sisestus 0 2px 3px rgba(255,255,255,0,3),
sisestus 0 -2px 3px rgba(0,0,0,0,3),
0 1px 1px rgba(255,255,255,0,9);
}
gradiendid
Mõnikord ei pea te kerge reljeefi loomiseks elemendile pehmet gradienti rakendama. Idee oli anda teile gradient, mida te ei pea muutma, kui muudate taustapilti või värvi.
Div(
taustavärv: #DEB8A0;
kast-vari: 0 0 0 1px #a27b62;
}
Gradient-valgus-lineaarne (
taustapilt: lineaarne gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}
gradient-tume-lineaarne (
taustapilt: lineaarne gradient(rgba(0,0,0,.25), rgba(0,0,0,0));
}
Üldjuhul on selleks meetodiks läbipaistva kuni läbipaistvama gradiendikihi lisamine elemendi peale. Umbes sama, mida tehakse Photoshopis. Päris lihtne.
Pange tähele, et gradiendid ei pruugi mõnes brauseris (nt IE9) töötada ja te peate hoolitsema varude eest.
Niisiis, see oli lihtne osa. Nüüd käsitleme radiaalseid gradiente. Kas soovite lisada oma plokielementidele pilkupüüdvaid valgusefekte, kas pole? Siis vajate radiaalseid gradiente. Alustame sellest lihtne variant toega brauserite jaoks.
Gradient-valgus-radiaalne (
background-image: radial-gradient(keskpunkt 0, ring kaugeim nurk, rgba(255,255,255,0,4), rgba(255,255,255,0));
}
gradient-tume-radiaalne (
background-image: radial-gradient(keskpunkt 0, ring kaugeim nurk, rgba(0,0,0,0,15), rgba(0,0,0,0));
}
Välja arvatud asjaolu, et pidime oma süntaksit kontrollima iga kord, kui tahtsime radiaalset gradienti lisada, läks kõik üsna lihtsalt, eks?
Ümardatud nurgad
Kas olete märganud, et aastaid on võideldud selle nimel, et kõikidele kaasaegsetele brauseritele oleks piiriraadius ilma eesliiteta, ja nüüd, kui need on olemas, on trend selle poole, et ümaraid nurki pole enam vaja?
Sõltuvalt disainist võivad teravad nurgad ilusad välja näha või kõik ära rikkuda. Igal juhul võiksite mõnele elemendile lisada piiriraadiuse. Isegi väikesed. Seetõttu lõime mitu klassi.
Div (
taust: #fca1cc;
}
hele ümar (
äärise raadius: 3 pikslit
}
raske ümar (
äärise raadius: 8 pikslit
}
Täisümar (
piiri raadius: 50%
}
tünniga ümardatud (
piiri raadius: 20px/60px
}
Meie teooria piiriraadiuse kohta (põhineb elemendi suurusel):
* 0px juures on meil teravad nurgad.
* 1–4 piksli vahel saame veidi ümarad nurgad. Enamik inimesi isegi ei ütle, et need nurgad on ümarad, kuid nad kindlasti ei arva, et need nurgad on teravad nagu nuga!
* 5–10 pikslit jõuate meie arvates kohutavate nurkadeni. Nad näevad välja, nagu prooviksite järgida instinkti "tee, sest me saame hakkama". Lisaks, nagu me varem ütlesime, on ümarate nurkade mood peaaegu kadunud.
Piiriraadiuse valiku kasutamisel peaksite meeles pidama kahte võimalust.
* piiriraadius: 50% annab meile täiuslik ring kui kujundate ruudukujulist elementi. Kui see on ristkülik, muutub see ellipsiks.
* Ikooni stiilis piiriraadiuse saavutamiseks oleks soovitust järgides ideaalne suhe 6,4. Nii et kui teil on 100*100 piksli suurune ruut ja soovite selle ikooniks muuta, peate rakendama äärise raadiust 16 pikslit (100/6,4=15,625).
Sellega lõpetatakse plokielementide kaunistused. Liigume nüüd linkide juurde. Linke kohtame muidugi igal sammul. Navigeerimisest välislinkideni, linkidest kuni sotsiaalmeedia ankrutele, lingid kõikjal!
Nüüd loome vahe linkide ja plokklinkide vahel. Tekstisisesed lingid on enamikul juhtudel ankrud praeguselt lehelt teisele Interneti-lehele. Blokeeritud lingid on natuke rohkem multitegumtööd: nupud, navigeerimismenüüd jne.
märgistus
Tõenäoliselt olete sellest juba aru saanud. Selle jaotise jaoks vajame kahte erinevat konteksti: lauset lingiga tekstisisese lingi valiku jaoks ja lihtsat linki plokklingi näite jaoks. Viimasel juhul kasutame ankursilti, kuid võite kasutada sisendelemente või nuppu.
See on näiv tekst tekstisisese lingi kuvamiseks.
Link
Tekstisisesed lingid
Püüdsime võimalikult kaugele eemalduda tavapärasest lingi allajoonimisest ja kursoril värvimuutusest. Siin on hea olla veidi loomingulisem ja siis saab midagi atraktiivset teha. Pole see?
Inline-link-1 (
ekraan: inline-block
veeris: 0 0,2em;
polster: 3px
taust: #97CAF2;
äärise raadius: 2 pikslit
/* Fondi stiilid */
tekst-kaunistus: puudub;
fondi kaal: paks;
värv: valge;
}
inline-link-1:hover (
taust: #53A7EA
}
inline-link-1:active (
taust: #C4E1F8
}
Inline-link-1:külastatud (
taust: #F2BF97
}
Tähtis: ärge unustage lisada sisestele linkidele külastatud olekut. Mõnele inimesele meeldib teada, milliseid linke nad on juba külastanud. Siin oleme rakendanud 180-kraadise pöörde ümber toonipaleti ringi. See võimaldab meil hõlpsasti eristada standardseid linke külastatud linkidest.
See näide on väga tõhus, kui soovite tekstisiseseid linke esile tõsta. Võime öelda, et see sõltub teie disainieelistustest: mõned inimesed tahavad, et lingid oleksid selgelt määratletud, samas kui teised soovivad, et lingid oleksid tegevusele kutsuvate elementidena tohutud. See on teie isiklik valik.
See oli "keeruline" näide. Vaatame midagi lihtsamat, mis põhineb standardsetel linkistiilidel.
.inline-link-2 (
ekraan: inline-block
border-bottom: 2px katkendlik rgba(0,0,0,0,9);
/* Fondi stiilid */
tekst-kaunistus: puudub;
värv: #777;
}
inline-link-2:hover (
border-bottom-style: punktiir;
}
inline-link-2:active (
ääris-alt-stiil: tahke
}
Inline-link-2:külastatud (
ääris-alumine: 2px solid #97CAF2;
}
Eesmärk on teha standardoleku jaoks punktiirjoon. Kui hõljutate kursorit lingi kohal, muutub joon punktiireks ja kui sellel klõpsate, muutub see täielikult alla joonitud.
Meie viimane idee on see, et pseudoelement loob lingi ette väikese noole. Sel viisil saame kasutajatele öelda, et link viib veebisaidist väljapoole.
Inline-link-3 (
ekraan: inline-block
asend: suhteline;
polster vasakpoolne: 6 pikslit
/* Fondi stiilid */
tekst-kaunistus: puudub;
värv: #6AB3EC;
tekstivari: 0 1px 1px rgba(255,255,255,0,9);
}
inline-link-3:hover (
värv: #3C9CE7;
}
Inline-link-3:before (
sisu: "25BA";
fondi suurus: 80%
ekraan: inline-block
polsterdus-parem: 3px;
pointer-sündmused: puudub;
}
Inline-link-3:hover:enne (
värv: #F2BF97;
}
Blokeeri lingid
Vaatame nüüd näidet plokkide linkidega. Enamikul juhtudel, kui kasutaja saab teie saidi või rakendusega suhelda, peaks neil olema nupp. Nupp kommentaari kinnitamiseks, teisele lehele liikumiseks, autoriseerimiseks ja paljuks muuks. Olenemata sellest, millist elementi te selleks kasutate ("a", "input type="submit", "button" jne), võite soovida rakendada mõnda huvitavaid stiile kasutajate meelitamiseks.
Esimene näide on kõige lihtsam. Mõnes kujunduses näeb see aga väga hea välja. Siin viitame loomulikult Windows 8-le.
Metroo (
ekraan: inline-block
polsterdus: 10 pikslit
veeris: 10 pikslit
taust: #08C;
/* Fondi stiilid */
värv: valge;
fondi kaal: paks;
tekst-kaunistus: puudub;
}
Metroo: hõljutage (
taust: #0AF
}
Nii et jätkem sama vundament, kuid kasutage 3D-efekti. Tõenäoliselt tunnete selle efekti ära, kui järgite CSS-trikke. Me kasutame isegi lasteklassi.
Metro.three-d (
asend: suhteline;
kasti vari:
1px 1px #53A7EA,
2px 2px #53A7EA,
3px 3px #53A7EA;
üleminek: kõik 0,1 s lihtsustus;
}
Metro.three-d:active(
kasti vari: puudub
ülemine: 3px;
vasakul: 3px;
}
Kas see ei tundu lahe? Eriti aktiivsena. Nii et piisab metroo teemast.
Proovime midagi lihtsamat. See näide on läbipaistev tiheda äärisega ja väikese varjuga.
Piiritud link (
ekraan: inline-block
polster: 8px
ääris: 3px solid #FCB326;
äärise raadius: 6 pikslit
kasti vari:
0 2px 1px rgba(0, 0, 0, 0,2),
sisestus 0 2px 1px rgba(0, 0, 0, 0,2);
/* Fondi stiilid */
tekst-kaunistus: puudub;
fondi suurus: 14 pikslit;
text-transform: suurtähtedega;
värv: #222;
}
Bordered-link:hover (
äärise värv: #FDD68B
}
Bordered-link:active (
äärise värv: #FEE8BD
}
Loome midagi atraktiivsemat.
kaasaegne (
ekraan: inline-block
veeris: 10 pikslit
polsterdus: 8px 15px;
taust: #B8ED01;
ääris: 1px solid rgba(0,0,0,0,15);
äärise raadius: 4 pikslit
üleminek: kõik 0,3 s leevendust;
kasti vari:
0 2px 2px rgba(0,0,0,0,3),
0 0 4px 1px rgba(0,0,0,0,2);
/* Fondi stiilid */
tekst-kaunistus: puudub;
tekstivari: 0 1px rgba(255,255,255,0,7);
}
Kaasaegne: hõlju (
taust: #C7FE0A
}
Saame isegi lisada veidi keerukamaid kastivarju järgmise klassiga:
Reljeefne link (
kasti vari:
sisestus 0 -3px 2px rgba(0,0,0,.17),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}
Modern.embossed-link(
kasti vari:
sisestus 0 1px 0 rgba (255,255,255,0,5),
0 2px 2px rgba(0,0,0,0,3), 0 0 4px 1px rgba(0,0,0,0,2),
sisestus 0 3px 2px rgba(255,255,255,.22),
sisestus 0–3 pikslit 2 pikslit rgba(0,0,0,.15),
sisestus 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);
}
Modern.embossed-link:active (
kasti vari:
sisestus 0 -2px 1px rgba(255,255,255,0,2),
sisestus 0 3px 2px rgba(0,0,0,0,12);
}
Viimane, kuid mitte vähem oluline on klass, mis lisab pseudoelemendi, mis võimaldab meil jätta mulje, nagu oleks nupp osa taustast.
socle(
asend: suhteline;
z-indeks: 2;
}
sokkel: pärast (
sisu: "";
z-indeks: -1;
positsioon: absoluutne;
äärise raadius: 6 pikslit
kasti vari:
sisestus 0 1px 0 rgba(0,0,0,0,1),
sisestus 0 -1px 0 rgba(255,255,255,0,7);
ülemine: -6 pikslit;
alumine: -6 pikslit
paremal: -6px;
vasakul: -6px;
taust: lineaarne gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
Võib-olla soovite parameetri piiri-raadius väärtust oma vajadustele vastavaks muuta. Sõltuvalt nupu äärise raadiusest võib see tunduda veider.
Sisendelemendid
Nagu eelmistes õpetustes käsitlesime, on vormid kõikjal veebis ja enamik neist on sisestusväljad. Kahjuks on sisestusväljade vaikestiilid üsna ebaatraktiivsed. Oleme kindlad, et suudame paremini!
märgistus
CSS-kood
Alustame millegi lihtsaga: asendage vaikepiir ja lisage ümarad nurgad.
.simple-input(
kuva:plokk;
polster: 5px
ääris: 4px tahke #F1B720;
äärise raadius: 5 pikslit
värv: #333;
üleminek: kõik 0,3 s leevendust;
}
Lihtsisend: hõljutage (
äärise raadius: 8 pikslit
}
Lihtsisend:focus(
ülevaade: puudub;
äärise raadius: 8 pikslit
äärise värv: #EBD292;
}
Sisestusväljad on üsna veidrad elemendid, nii et asjade lihtsamaks muutmiseks määrasime display:block. Täidis on siin, et anda sisule ruumi.
Kas olete kunagi tahtnud iOS-i sisestusvälju uuesti luua?
.mac(
kuva:plokk;
piir: puudub
äärise raadius: 20 pikslit
polsterdus: 5px 8px;
värv: #333;
kasti vari:
0 0 4px rgba(0,0,0,0,1);
}
Mac:focus(
ülevaade: puudub;
kasti vari:
sisestus 0 2px 0 rgba(0,0,0,.2),
0 0 4px rgba(0,0,0,0,1),
0 0 5px 1px #51CBEE;
}
Proovime tausta gradientidega midagi ette võtta ja paneme peale ka veidi sisemist kasti-varju.
Sügavus(
kuva:plokk;
ääris: 1px solid rgba(255,255,255,0,6);
taust: lineaarne gradient(#eee, #fff);
üleminek: kõik 0,3 s leevendust;
kasti vari:
sisestus 0 1px 4px rgba(0,0,0,0,4);
polster: 5px
värv: #555;
}
Sügavus: fookus (
ülevaade: puudub;
tausta-positsioon: 0 -1,7 em;
}
Viimase näitena teeme midagi veidi originaalsemat. Mitte plokk, vaid joon. Siin saate lisada ka atraktiivse fondi.
line(
kuva:plokk;
piir: puudub
värv: #333;
taust: läbipaistev;
ääris-alumine: 1px punktiir must;
polsterdus: 5px 2px 0 2px;
}
line:focus(
ülevaade: puudub;
äärise värv: #51CBEE;
}
Teeme kokkuvõtte
Sisukujundus on raske ülesanne. Kuid nende eelehitatud klasside olemasolu võib veebisaidi või rakenduse arendamisel säästa palju aega, eriti kui te pole CSS-iga tuttav.
Peamine idee on see, et need klassid oleksid teie kaskaadlaadilehtedel (või eraldi failis, kui kasutate eelprotsessorit) ja kutsuge neid märgistuse väljatöötamisel. Või lihtsalt kopeerige stiilid, mida vajate millegi kiireks stiiliks.
Lõpuks saame ainult soovitada teil neid klasse kasutada enda kujundused kui need sulle sobivad. Veetke paar tundi oma huvitavate liidese disainiklasside kollektsiooni loomisel ja vaadake, kui palju aega saate tulevaste projektide jaoks säästa.
Täname juhendi lugemise eest! Muidugi, kui teil on küsimusi, küsige neid kommentaarides!
Tähelepanu! Teil pole luba peidetud teksti vaatamiseks.
See juhend on tõlgitud kasutaja palvel, kes on olnud meie püsilugeja alates 2009. aasta novembrist.
Täiendavad juhtimisstiilid hõlmavad paternalismi, oportunismi ja fakadismi.
Paternalism (materialism) - 9+9. Graafiliselt on paternalism GRIDis kujutatud kaarena, mis ühendab nurki 1 9 ja 9.1. See stiil juhtimist iseloomustab kombinatsioon kõrgest tootmisest hoolimisest ja seda täiendavast kõrgest hoolitsusest inimeste pärast. See ei ole 9.9 orientatsioonile omane tootmise ja inimeste pärast muretsemise integratsioon, vaid mõlema kombinatsioon ja seetõttu tähistatakse seda kui 9 + 9 Materialism erineb paternalismist juhi soo (mees, naine) poolest. . Üks 9+9 juhi omadusi on helde autokraat.
Motivatsioon. Rahulolu väljendub demonstreerimises, et see inimene on teistele tarkuse ja teadmiste allikas. Kui alluvad teevad tootmisvaldkonnas seda, mida paternalist neilt ootab, julgustab neid juht ja neilt oodatakse omakorda lojaalsust (juhi teenete hindamist). Vastasel juhul usub juht, et paneb oma hinge tööle ja alluvad ei hinda seda. Seetõttu on sellise juhi tegevuses kalduvus, et alluvad sõltuvad tema kapriisidest (ihadest), mille tulemusena näivad nad oma arengus tarduvat ega püüdle mõtlemise, hinnangute ja uskumuste sõltumatuse poole. .
Konfliktide ületamine. Juhtimistingimustes 9+9 õpivad alluvad mõtlema nii, nagu nende juht mõtleb ja tegutseb (mõni isegi üritab riietuda nagu oma juht) See on "isade ja poegade" sündroom.
Konfliktide vältimine. Konflikti saab vältida, kui tugevdada alistumist kiituse ja komplimentide kaudu, s.t. kui alluv hakkab ootama ja tundma, et kiitus ja komplimendid on talle garanteeritud, võib paternalist kiitustest ja komplimentidest keelduda, näidates välja oma pahameelt. Kui alluv jätkab vastuseisu või allumisele vastupanu, võib juht teda noomida, andes mõista, et tema vale käitumist on märgatud. Seejärel kordab juht, mida ta alluvalt soovib, ja lubab alistumise korral preemiaid.
Lõpetage konflikt, kui see jätkub. Üks konflikti leevendamise viise on juhtida tähelepanu lahkarvamuselt kõrvale erinevaid trikke(vestlusteema muutmine jne).
Initsiatiiv. Juht näitab üles märkimisväärset initsiatiivi seni, kuni alluvad suudavad teda usaldada ja teha seda, mida neilt nõutakse. Paternalistlik juht peab oma kohuseks inimesi õpetada. Sellega seoses on tal tugevad veendumused ja ta propageerib neid aktiivselt.
Lahendused. Paternalistlik juht on ainus inimene, kes teeb otsuseid, mida ei tehta, vaid antakse käskudena. Samas kasutatakse väljaõpet ja alluvate väljaõpet. Seega ei tundu juht ebaviisakas ja karm, vaid, vastupidi, lahke, leebe ja abivalmis.
Kriitika (analüüs). Isiklik tagasiside on ühesuunaline – juhilt alluvateni, s.t. alluvaid peab ta organisatsioonipere osaks.
Paternalistliku käitumise äratundmine:
heatahtlik diktaator; järeleandlik; annab pidevalt nõu; täidab kohustusi; ootab pimedat lojaalsust; esitab alandlikult nõudmisi; austab innukalt eesõigusi; juhib inspireeritud entusiasmiga; juhib rahvahulka; paneb keegi, kes temaga ei nõustu, end süüdi tundma; piinaja; moralist; patroon; meeldib õpetada; retseptide pooldaja; enesega rahulolev; talub eraviisilist eriarvamust, kuid ei talu avalikke vastuväiteid.
Oportunism. Esineb siis, kui tuginetakse kõikidele GRID-stiilidele, ilma et need põhineksid konkreetsetel põhimõtetel. Oportunistliku juhi iga tegevus toimub "taktikalistel" põhjustel ja see on vahend isikliku edu saavutamiseks.
Motivatsioon. Soov olla erandlik (number üks), inimene, kes tahab olla tipus, sest need, kes on tipus, on tema arvates rambivalguses, st. positsioonil, mis pakub tähelepanu ja kummardamist. Oportunisti käitumine on ettearvamatu. Liikumine "üles", eesmärkide saavutamise viisid sõltuvad sellest, kellega tal on tegemist (kättemaks, orjastamine, vallandamine jne - kõik on suunatud domineeriva positsiooni saavutamisele).
Konfliktide ületamine. Eelistab konflikte igal võimalikul viisil vältida, kuid ei varja konflikti tekkides, püüab erimeelsusi lahendada ilma vastandumise ja polariseerumiseta.
Kui tekib konflikt kõrgema auastmega inimesega, astub oportunistlik juht esimese sammu leppimise suunas. Võrdse auastmega käitub ta ahvatlevalt. Püütakse leida kompromissi.
Kui tekib konflikt alluvatega, on oportunisti seisukoht alistuda või alluvast lahkuda.
Initsiatiiv. Näitab üles hästikalkuleeritud riskil põhinevat initsiatiivi Algatus on suunatud omakasupüüdlikele huvidele pikaajalise eesmärgiga. Ta on nartsissistlik staar, kes sageli rõhutab isiklikku tähtsust, näitab oma saavutusi.
Kriitika (analüüs). Väldib tagasisidet, mis võib viidata oportunistliku juhi nõrkusele, piirangutele või vigadele. Küsib kriitilisi kommentaare ainult siis, kui ta eeldab, et ülevaade on positiivne.
Oportunistliku käitumise tunnused: soov meeldida kõigile ja kõigile; ülbus nende suhtes, kes on madalamal tasemel, soov meelitada tähelepanu, loob maine kiitlemise kaudu; vastustest kõrvalehoidev; fabuleerib teistest; pöörab tähelepanu tingimusi seades; temalt on raske lubadust saada, meelitav; tunneb inimeste nõrkusi ja kasutab neid oma eesmärkidel; hooplemine kuulus- n tuttav; mõtleb iga tegevuse ette; lubab kõike, kuid täidab ainult siis, kui see on talle, nutikale ärimehele, kasulik; kõrgema auastmega inimeste viisakas kohtlemine, kuid madalamate isikute rõhumine; teeb neid tegusid, mis näitavad teda heast küljest; peab oluliseks olla number üks
Fasadeism. Selles on segadus, kui on vaja näidata nähtuste ja protsesside välist külge (fassaad).
Motivatsioon Inimene väldib oma mõtete avaldamist, kuigi jätab mulje, et ta on aus ja otsekohene.
Fassaadijuhi nipid võivad erineda olenevalt sellest, millest on kasu. "Fassaadi" loomise peamine eesmärk on peita kontrolli-, domineerimis- ja võimuiha.
Negatiivne motivatsioon seisneb soovis vältida enda avalikustamist, varjates tõelisi eesmärke, hoides sel põhjusel oma kogemusi ja motivatsiooni saladuses.
Fassaadi looja mitte ainult ei väldi oma kavatsuste paljastamist, vaid loob ka positiivse maine, mis aitab pettust jätkata.
Konfliktide ületamine Fassaadijuht konflikte ei väldi Siiski ei ole eesmärk neid lahendada, vaid endale teatud hüvesid hankida. Konfliktidega manipuleerimiseks on palju viise.
Initsiatiiv Fassaadiehitajale on omane, et ta tegutseb initsiatiivi haarates ja tegutseb nii edasi, kuni edu on tagatud. Kui rääkida kasu saavutamisest, siis fasadeisti tegevused ei lase end kaua oodata. Ja kui üks tegevus ei vii eduni, tehakse järgmine katse ja nii edasi, kuni eesmärk on saavutatud.
Otsuste tegemine. Mittetäielik volituste üleandmine ja võtmeotsuste tegemine on fassaadijuhile omane.
Kriitika (analüüs). Kriitika võimalus juhi ja alluva vahel on ebameeldiv fakaadile, kes kasutab tagasisidet kontrollimeetodina kiitmise ja karistamise kaudu. Tema vastu suunatud kriitika on talle ebameeldiv Fasadeisti käitumise äratundmine: ebaselged ambitsioonid; arvutus; eelistab ümbersõite, naudib inimese usaldust enda vastu; mängib pidevalt rolli efekti tekitamisel; kavalus; topeltkauplemine; naudib salaja võimu; võltsfassaad; varjab tõelisi kavatsusi; silmakirjatseja; kõrvalehoidev, manipuleeriv, kuulab meelsasti kiitust, kuid ei talu kriitikat, ülearenenud isikliku jõu tunnetust; praktiline, kalduvus pettusele, hindab oma positiivset mainet; rikub seadust, kuid ei taha, et teda tunnustataks riigimees; kardab kokkupuudet.
Ülesanded Sees konkreetseid näiteid näita rakenduste haldurit erinevaid meetodeid juhtimis- ja juhtimisstiilid. Tehke kindlaks juhtumid, kus juhtimisstiil takistab arengut ja on vastuolus juhtimistavadega. Proovige kindlaks teha teile tuttava juhi juhtimisstiil (autoritaarne, demokraatlik või mittesekkuv). Andke oma selgitused.
Kasutage oma haldusstiili määratlemiseks GRID-i haldusruudustikku.
Kordamisküsimused Kuidas mõistate juhtimisstiili? Tuvastage juhtimisstiili ja -meetodite sarnasused ja erinevused Miks on juhtimisstiil rangelt individuaalne nähtus? Kirjelda autoritaarset juhtimisstiili. Kirjeldage demokraatlike ja liberaalsete stiilide tunnuseid. Võrdlema erinevaid stiile GRIDi haldusvõrgu sees. Miks ei ole inimesekeskne stiil alati efektiivne? Miks ei sobi kõigile organisatsioonidele sama juhtimisstiil? Kirjeldage juhi käitumiselemente. Kirjeldage tüübijuhi käitumist 9 1, 19. 5.5, 1.1. 9.9.
11. Kirjeldage täiendavaid juhtimisstiile.
Kirjandus Dvorskov K.P.. Shiryaev S.A. Juhtimisstiilist ja -kultuurist. Novosibirsk, 1985. Juhtimisstiil ja -meetodid. M „ 1985. Kudrjansova L.D. Kuidas olla juht. L.. 1986 Breiyar G Tulus ärijuhtimine München. 1989. Blake R. R., Moutoya J.S. teaduslikud meetodid juhtimine. Kiiev, 1990. Kabushkiya NI.. Koroleyaok G.A. juhtiv töö kaubanduses. Mn „ 1988. Meskoya M.Kh.. Albert L / .. Hedouri F Juhtimise alused. M „ 1992. Omarov A.M. Pea: Mõtisklused juhtimisstiili üle. M., 1987. Bovykiya V.N. Ettevõtte juhtimine kõrgeimate standardite tasemel. M., 1997. Beljaštši N.G1- jt Juhataja töö tehnika: Õpik. Mn.. 1998
Täiendavad juhtimisstiilid hõlmavad paternalismi, oportunismi ja fakadismi.
Paternalism (materialism) Seda juhtimisstiili iseloomustab kombinatsioon kõrgest hoolitsusest tootmise pärast ja seda täiendavast kõrgest hoolimisest inimeste pärast.
Motivatsioon. Rahulolu väljendub demonstreerimises, et see inimene on teistele tarkuse ja teadmiste allikas. Kui alluvad teevad tootmisvaldkonnas seda, mida paternalist neilt ootab, julgustab neid juht ja neilt oodatakse omakorda lojaalsust (juhi teenete hindamist). Vastasel juhul usub juht, et paneb oma hinge tööle ja alluvad ei hinda seda. Seetõttu on sellise juhi tegevuses kalduvus, et alluvad sõltuvad tema kapriisidest (ihadest), mille tulemusena näivad nad oma arengus tarduvat ega püüdle mõtlemise, hinnangute ja uskumuste sõltumatuse poole. .
Konfliktide ületamine. Juhtimise all õpivad alluvad mõtlema nii, nagu nende juht mõtleb ja tegutseb (mõned isegi üritavad riietuda nagu nende juht). See on isa-poja sündroom.
Konfliktide vältimine. Konflikti saab vältida, kui tugevdada alistumist kiituse ja komplimentide kaudu, s.t. kui alluv hakkab ootama ja tundma, et kiitus ja komplimendid on talle garanteeritud, võib paternalist kiitustest ja komplimentidest keelduda, näidates välja oma pahameelt. Kui alluv jätkab vastuseisu või allumisele vastupanu, võib juht teda noomida, andes mõista, et tema vale käitumist on märgatud. Seejärel kordab juht, mida ta alluvalt soovib, ja lubab alistumise korral preemiaid.
Lõpetage konflikt, kui see jätkub. Üheks meetodiks konflikti vähendamiseks on erinevate võtete abil (vestlusteema muutmine jne) tähelepanu kõrvalejuhtimine lahkarvamuselt.
Initsiatiiv. Juht näitab üles märkimisväärset initsiatiivi seni, kuni alluvad suudavad teda usaldada ja teha seda, mida neilt nõutakse. Paternalistlik juht peab oma kohuseks inimesi õpetada. Sellega seoses on tal tugevad veendumused ja ta propageerib neid aktiivselt.
Lahendused. Paternalistlik juht on ainus inimene, kes teeb otsuseid, mida ei tehta, vaid antakse käskudena. Samas kasutatakse väljaõpet ja alluvate väljaõpet. Seega ei tundu juht ebaviisakas ja karm, vaid, vastupidi, lahke, leebe ja abivalmis.
Kriitika (analüüs). Isiklik tagasiside on ühesuunaline – juhilt alluvateni, s.t. alluvaid peab ta organisatsioonipere osaks.
Paternalistliku käitumise äratundmine:
heatahtlik diktaator; järeleandlik; annab pidevalt nõu; täidab kohustusi; ootab pimedat lojaalsust; esitab alandlikult nõudmisi; austab innukalt eesõigusi; juhib inspireeritud entusiasmiga; juhib rahvahulka; paneb keegi, kes temaga ei nõustu, end süüdi tundma; piinaja; moralist; patroon; meeldib õpetada; retseptide pooldaja; enesega rahulolev; talub eraviisilisi eriarvamusi, kuid ei talu avalikku vastuväidet.
Oportunism.
Sellise juhi iga tegevus viiakse läbi "taktikalistel" põhjustel ja on vahend isikliku edu saavutamiseks.Ta tahab olla erandlik inimene, tema käitumine on ettearvamatu. Ta uhkustab sageli isiklike saavutustega, rõhutab isiklikku tähtsust.
Motivatsioon. Soov olla erandlik (number üks), inimene, kes tahab olla tipus, sest need, kes on tipus, on tema arvates rambivalguses, st. positsioonil, mis pakub tähelepanu ja kummardamist. Oportunisti käitumine on ettearvamatu. Liikumine "üles", eesmärkide saavutamise viisid sõltuvad sellest, kellega tal on tegemist (kättemaks, orjastamine, vallandamine jne - kõik on suunatud domineeriva positsiooni saavutamisele).
Konfliktide ületamine. Eelistab konflikte igal võimalikul viisil vältida, kuid ei varja konflikti tekkides, püüab erimeelsusi lahendada ilma vastandumise ja polariseerumiseta.
Kui tekib konflikt kõrgema auastmega inimesega, astub oportunistlik juht esimese sammu leppimise suunas. Võrdse auastmega käitub ta ahvatlevalt. Püütakse leida kompromissi.
Kui tekib konflikt alluvatega, on oportunisti seisukoht alistuda või alluvast lahkuda.
Initsiatiiv. Näitab üles initsiatiivi täpselt arvutatud riski põhjal. Algatus on suunatud omakasupüüdlikele huvidele pikaajalise eesmärgiga. Ta on nartsissistlik staar, kes sageli rõhutab isiklikku tähtsust, näitab oma saavutusi.
Kriitika (analüüs). Väldib tagasisidet, mis võib viidata oportunistliku juhi nõrkustele, piirangutele või vigadele. Küsib kriitilisi kommentaare ainult siis, kui ta eeldab, et ülevaade on positiivne.
Oportunistliku käitumise märgid:
soov meeldida kõigile ja kõigile; ülbus nende suhtes, kes on madalamal tasemel; soov meelitada tähelepanu; loob mainet kiitlemise kaudu; vastustest kõrvalehoidev; fabuleerib teistest; pöörab tähelepanu tingimusi seades; temalt on raske lubadust saada; meelitav; tunneb inimeste nõrkusi ja kasutab neid oma eesmärkidel; kuulsate tuttavatega hooplemine; mõtleb iga tegevuse ette; lubab kõike, kuid täidab ainult siis, kui see on talle kasulik; tark ärimees; kõrgema auastmega inimeste viisakas kohtlemine, kuid madalamate isikute rõhumine; teeb neid tegusid, mis näitavad teda heast küljest; usub, et on väga oluline olla number üks.
Fasadeism. See toimub siis, kui on vaja näidata nähtuste ja protsesside väliskülge (fassaad).
Motivatsioon. Inimene väldib oma mõtete avaldamist, kuigi jätab mulje, et ta on aus ja avameelne. Fassaadi looja mitte ainult ei väldi oma kavatsuste paljastamist, vaid loob ka positiivse maine, mis aitab pettust jätkata.
Fassaadijuhi nipid võivad erineda olenevalt sellest, millest on kasu. "Fassaadi" loomise peamine eesmärk on peita kontrolli-, domineerimis- ja võimuiha.
Negatiivne motivatsioon seisneb soovis vältida enda avalikustamist, varjates tõelisi eesmärke, hoides sel põhjusel oma kogemusi ja motivatsiooni saladuses.
Fassaadi looja mitte ainult ei väldi oma kavatsuste paljastamist, vaid loob ka positiivse maine, mis aitab pettust hoida.
Konfliktide ületamine. Fassaadijuht konflikte ei väldi. Eesmärk pole aga neid lahendada, vaid endale teatud hüvesid hankida. Konfliktidega manipuleerimiseks on palju viise.
Initsiatiiv. Fassaaditegijale on omane, et ta tegutseb initsiatiivikalt ja tegutseb nii edasi, kuni edu on tagatud. Kui rääkida kasu saavutamisest, siis fasadeisti tegevused ei lase end kaua oodata. Ja kui üks tegevus ei vii eduni, tehakse järgmine katse ja nii edasi, kuni eesmärk on saavutatud.
Otsuste tegemine. Volituste mittetäielik üleandmine ja võtmeotsuste tegemine on fassaadihaldurile omane.
Kriitika (analüüs). Kriitika võimalus juhi ja alluva vahel on ebameeldiv fakaadile, kes kasutab tagasisidet kontrollimeetodina kiitmise ja karistamise kaudu. Tema vastu suunatud kriitika on talle ebameeldiv.
Fasadistliku käitumise tunnustamine:
ebaselged ambitsioonid; arvutus; eelistab ümbersõite; kasutab inimese usaldust enda vastu; mängib pidevalt rolli efekti tekitamisel; kavalus; topeltkauplemine; naudib salaja võimu; võltsfassaad; varjab tõelisi kavatsusi; silmakirjatseja; kõrvalehoidev; manipuleeriv; kuulab meelsasti kiitust, kuid ei talu kriitikat; ülearenenud isikliku jõu tunnetus; praktiline; kalduvus pettusele; hindab oma positiivset mainet; rikub seadust, kuid ei taha, et teda tunnustataks riigimehena; kardab kokkupuudet
Head päeva! Eile oli mu sünnipäev! Veerand sajandit on möödas :) Tähistasime kodus, Anapas pere ja uute sõpradega. Nad kinkisid mulle lilli, õhupalle, marju ja muid kingitusi. Valmistasime emaga maitsvaid toortoiduid, mida hindasid isegi inimesed, kes sellisest toidust kaugel on. Käivitatud õhtul taeva laternad põllul.
Täna tahan tuua näite, kuidas WordPressi teemas stiilifaili redigeerida. Tutvute CSS-keelega, saate teada, kuidas saate stiile muuta nii, et teie muudatused salvestatakse pärast teema värskendamist lapse abil WordPressi teemad ja pistikprogrammiga. Vaatame ka CSS-i põhiomadusi ja väärtusi.
Mis on css-stiilid
CSS on (Cascading Style Sheets) keel, mida kasutatakse html-lehe välimuse kujundamiseks. Igal saidi elemendil on oma css-reeglid, mis on kirjutatud eraldi faili (stiililehte) ja seadistusse välimus see element.
Minu ajaveebis on rida artikleid, kus õpetan, kuidas ajaveebi teatud elemente individuaalselt kujundada:
On aeg rääkida css-stiilidest üksikasjalikumalt, et saaksite oma saidi mis tahes elementi (päised, külgriba vidinad, päise ja jaluse elemendid) ise stiilida. Ja kui teil on veidi rohkem kogemusi stiilidega, saate isegi luua oma WordPressi teema või muuta olemasoleva tundmatuseni.
Kuidas WordPressi ajaveebi stiilides muudatusi teha?
Alustuseks soovitan kõigil, kes puutuvad sarnase probleemiga esimest korda kokku, uurida ka selle põhifaile. Fail style.css WordPressis vastutab teema välimuse eest. Kui vaatate sellesse faili kasutades või mõnda muud, näete midagi sellist:
Igal teemaelemendil on erinevad atribuudid, mis määravad selle välimuse.
CSS-i redigeerimine WordPressis
Nüüd mõtleme välja, kuidas teha kindlaks, milliseid muudatusi oma ajaveebi stiilis teha.
Selleks peame meeles pidama. Selle laienduse artikkel kirjeldab, kuidas leida koodielemente, mis vastutavad ühe või teise saidi detaili eest. Järgmisena saate koodilõigu kopeerida antud element ja kleepige see faili css-styles (näitan hiljem, kuidas redigeerida alamteema faili või pistikprogrammi loodud stiilimuutmise välja). Seega salvestame Firebugis testitud muudatused.
Stiilid määratakse WordPressis, nagu ka muudel saitidel, kasutades standardmudelit: selektor (omadus: väärtus;).
Vaatame, kuidas seda tehakse sotsiaalvõrgustike nuppude kuvamise eest vastutava valija näitel:
| 1 2 3 4 5 6 7 8 | .socials ( border-bottom : 2px solid #f0f3f4 ; border-top : 2px solid #dee1e2 ; kõrgus : 30px ; margin-bottom : 10px ; polster: 5px 5px 0 0 ; position : suhteline ; ) |
Suhtlusvõrgustikud (ääris-alumine: 2px täiskujuline #f0f3f4; ääris-ülaosa: 2px tahke #dee1e2; kõrgus: 30px; veeris-alumine: 10px; polsterdus: 5px 5px 0 0; asend: suhteline; )
Piiri-alumine atribuut vastutab alumise äärise stiili eest ja käärsoole järel määratud väärtused määravad selle paksuse (2 pikslit), tüübi (tahke), värvi (#f0f3f4).
Vastavalt sellele on border-top ülemine ääris sarnaste väärtustega, kõrgus on elemendi kõrgus, margin-bottom on alumine veeris, polster on elemendi ümber olev veeris, asukoht on elemendi asukoht.
Spetsiaalsetelt CSS-i saitidelt leiate atribuutide ja nende väärtuste üksikasjalikud kirjeldused ning analüüsime kõige elementaarsemaid ja sagedamini kasutatavaid.
Atribuut "Font" (Font)
font-size - fondi suurus pikslites, protsendid jne, näiteks font-size: 12 px;
font-family - fondi nimi (Calibri, Tahoma jne);
fondi kaal – küllastus: paks (paks), tavaline (tavaline) või väärtused vahemikus 100 kuni 900;
font-style – kirjastiil: kaldkiri, tavaline, kaldkiri (tavaline, kaldkiri, kaldus);
font on atribuut, mis määrab korraga mitu omadust, näiteks
p ( font: kaldkiri 110% tahoma; )
Mõõtmed
laius - elemendi laius pikslites, protsentides, punktides jne;
kõrgus - elemendi kõrgus.
Teksti omadused
teksti joondamine- horisontaalne joondamine: keskel, vasakule või paremale, õigustatud jne;
teksti joondamine: vasakule;
vertikaalne joondamine - vertikaalne joondamine;
line-height - joone kõrgus pikslites, protsentides, punktides;
värv - elemendi teksti värv määratakse nime abil (punane, roheline, must jne) või kuueteistkümnendsüsteemi abil, mis kasutab numbreid vahemikus 0 kuni 9 ja ladina tähti A kuni F, mis tähistab numbreid vahemikus 10 kuni 15 (värv: #dee1e2 ;). Värvide määramiseks on palju eriprogramme ja võrguteenused. Kasutan selleks Photoshopi.
Taustaomadus
background on universaalne lehe taustaomadus, kus saab määrata kuni viis väärtust, näiteks värvi, taustapildi jne.
Sellest lähtuvalt on background-color eraldi ainult taustavärv, background-image on pilt, kus väärtuseks on faili tee:
background-image: url("images/test.gif").
Kinnistu "Border" (piir)
piir - oleme ülaltoodud näidet juba analüüsinud, see on piiri omadus.
Seega, kui lisate sidekriipsu kaudu ülemise, alumise, parema, vasaku (näiteks ääris-ülemine), on see ülemine, alumine, parem või vasak ääris.
Marginaalid
marginaal - taande suurus kõikidel külgedel. Analoogiliselt äärisega saab eraldi kirjeldada ülemist, alumist, paremat, vasakut (veeris-parem).
Väljad (polster)
polsterdus - polsterdus elemendi ümber (ülemine, parem, alumine ja vasak);
Eraldage väljad analoogia põhjal veerise ja äärisega (ülemine jne).
Loomulikult pole see täielik juhend CSS-i redigeerimiseks WordPressi ajaveebis, kuid regulaarselt stiilifailidega töötades, atribuutide nimede ja nende väärtustega viitematerjale kasutades saate kiiresti teada, kuidas oma ajaveebi stiilidega toime tulla.
Teema värskendamise probleem
Nii õppisime, kuidas teie malli stiilifaili redigeerida. Kuid kui soovite selles failis muudatusi teha otse, ftp või ajaveebi administraatori kaudu, võite avastada, et pärast teema värskendamist läheb kõik parandatud kaotsi.
Mida teha, et seda ei juhtuks?
Selle ülesande jaoks on kaks lahendust:
- Ära oma teemat üldse uuenda :)
- Ühendage lapseteema oma style.css-failiga installitud WordPressi teemaga;
- Kasutage stiilide muutmiseks pistikprogrammi.
Analüüsime punkte 2 ja 3 üksikasjalikumalt.
Kuidas luua WordPressi lapseteema?
Teisese teema installimiseks peate looma wp-content/themes uue kausta. Näiteks nimetagem seda täiendavaks teemaks. Selles peate looma uue style.css faili.
Avage see fail ja kirjutage järgmine tekst:
| 1 2 3 4 5 6 7 8 | /* Teema nimi: Täiendav teemamall: twentyfifteen */ @import url("../twentyfifteen/style.css"); h1 (värv: punane;) |
/* Teema nimi: Täiendav teemamall: twentyfifteen */ @import url("../twentyfifteen/style.css"); h1 (värv: punane;)
IN sel juhul Teema nimi määrab meie WordPressi alamteema nime. Mall osutab põhiteemale, mis asub kaustas kakskümmend viisteist. Need read tuleb kirjutada.
Käsk @import url impordib emateema stiilid. Pärast seda käsku saate määrata nende elementide atribuudid ja väärtused, mida olete valinud muutmiseks. Meie puhul on see "h1" (pealkiri) silt, millele oleme määranud punase värvi.
Need. võtsime aluseks vanemateema stiilid ja nende peale saame lisada oma.
Nüüd kopeerime loodud kausta serverisse. Kui kõik on õigesti tehtud, on teil jaotises "Välimus" - "Teemad". uus teema Täiendav teema. See on see, mida tuleb aktiveerida. Sel juhul tuleb ülemteema installida, kuid mitte aktiveerida.
Alamteema installimisega saate mitte ainult stiile muuta, vaid ka laiendada oma emateema võimalusi muude mallifailidega. Kuid selle jaoks on vaja faili style.css, kuna see võimaldab teil alamteema teabepealkirja (teema nimi, mall) järgi ära tunda.
Lihtne kohandatud CSS-i pistikprogramm
Teema stiilides muudatuste tegemiseks saate WordPressi administraatorialal kasutada ka CSS-i redigeerimispluginaid.
Üks neist on WordPressi lihtne kohandatud CSS-i pistikprogramm:
Pärast seda minge redigeerimispaneelile ("Välimus" - "Kohandatud CSS"):
Analoogiliselt sellega, kuidas me seda pärast @import direktiivi tegime, muudame siin WordPressi teema css-stiile, mida võetakse arvesse koos põhifailiga style.css.
Pärast täienduste tegemist klõpsake nuppu Värskenda kohandatud CSS-i. Seega, kui soovite taastada oma teema algse stiili kõigi elementide jaoks, saate sellelt väljalt lihtsalt eemaldada kõik eelnevalt lisatud parameetrid. See on kõik, mida peate selle pistikprogrammi toimimise kohta teadma.
Kes on endale selle css-i redigeerimise viisi valinud, vaadake pistikprogrammi kohta videot:
Loodan, et saate rohkem aru, kuidas css-stiilidega töötada, ja nüüd saate oma saidi üksikuid osi ise kujundada. Ja lapseteema loomine WordPressis võimaldab teil muuta oma ajaveebi välimust, kartmata olulisi arenguid kaotada.
Edu õppimiseks!
P.S. Pildid sünnipäevast. Mulle pole sada aastat heeliumi õhupalle antud. Ja mitte kunagi toortoidukooke :)
Traditsiooniline selfie koos külalistega meenus alles siis, kui pooled külalistest olid juba lahkunud.
Laadimine...