{"id":233481,"date":"2022-01-20T13:22:00","date_gmt":"2022-01-20T10:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=233481"},"modified":"2022-05-16T09:52:48","modified_gmt":"2022-05-16T06:52:48","slug":"kuidas-parandada-oma-wordpressi-saidil-udust-logo","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-parandada-oma-wordpressi-saidil-udust-logo\/","title":{"rendered":"Kuidas parandada oma WordPressi saidil udust logo"},"content":{"rendered":"

Kas teie logo on udune, hoolimata sellest, mida proovite?<\/p>\n

Sa ei ole \u00fcksi.<\/p>\n

See on probleem paljudele inimestele.<\/p>\n

Ja siin on p\u00f5hjus, miks see on endiselt probleem\u2026<\/p>\n

Teemaarendajad, kes saadavad teemasid saidil wordpress.org (nagu meiegi), peavad kasutama WordPressis sisseehitatud logo valikut. Kuid sisseehitatud logo valikul pole logo jaoks teist v\u00f5rkkesta versiooni.<\/p>\n

Teemaarendajana pole mul \u00f5rna aimugi, milline teie logo v\u00e4lja n\u00e4eb, nii et ma ei saa luua eelnevalt m\u00e4\u00e4ratud suurust ilma asja hullemaks muutmata.<\/p>\n

Tulemuseks on logo, mida kuvatakse ainult standardlahutusega, mis paistab k\u00f5rge eraldusv\u00f5imega ekraanidel h\u00e4gune.<\/p>\n

WordPress peab lisama kohandajasse logode v\u00f5rkkesta versiooni, kuid praegu on mul teile lihtne lahendus.<\/p>\n

See kohandamine t\u00f6\u00f6tab k\u00f5igi meie teemade jaoks<\/a> ja peaks toimima ka enamiku teiste WordPressi teemade puhul.<\/p>\n

Kuidas parandada oma pikslitega logo<\/h2>\n

See lahendus on veidi tehniline, kuid olen kirjeldanud samme nii selgelt kui v\u00f5imalik.<\/p>\n

Laadite \u00fcles oma logo versiooni, mis on 2x tavalisest suurusest suurem, ja seej\u00e4rel kasutage CSS-i, et see tavalisele suurusele kahandada (kirjutasin koodi juba teie jaoks).<\/p>\n

N\u00e4iteks kui praegu kuvatav logo kujutis on 300 pikslit lai, laadite \u00fcles 600 piksli laiuse versiooni. Kui teie pildifail on t\u00e4pselt kaks korda suurem, kui see teie saidil kuvatakse, kuvatakse see k\u00f5rge eraldusv\u00f5imega ekraanidel suurep\u00e4raselt. Kui vaatate praegu sellel veebisaidil olevat logo, siis see on sisuliselt see, mida ma teen.<\/p>\n

Liigume n\u00fc\u00fcd sammude juurde.<\/p>\n

Uurige v\u00e4lja, milline on teie ideaalne suurus<\/h3>\n

Esimene samm on oma saidile sisse logida ja avada reaalajas kohandaja.<\/p>\n

\"Kuidas<\/a><\/p>\n

Siit saate teada, kuidas p\u00e4\u00e4seda ligi reaalajas kohandajale<\/p>\n

Kohandajasse sisenedes kl\u00f5psake allosas jaotist T\u00e4iendav CSS.<\/p>\n

\"Kuidas<\/a><\/p>\n

J\u00e4rgmisena kopeerige ja kleepige see kood jaotisesse:<\/p>\n

.custom-logo,\n.site-header .logo {\n  max-width: 100% !important;\n  width: 300px !important;\n  height: auto !important;\n}<\/code><\/pre>\n
N\u00e4ete kohe, et teie logo laius on 300 pikslit. Ignoreerige, kas see on praegu udune v\u00f5i mitte \u2013 parandame selle j\u00e4rgmises etapis.<\/p>\n
Muutke CSS-is v\u00e4\u00e4rtust \u201e300px", kuni teie logo kuvatakse soovitud suuruses. J\u00e4llegi, \u00e4rge muretsege h\u00e4gususe p\u00e4rast, vaid muutke seda, kuni see v\u00f5tab saidil \u00f5igel hulgal ruumi.<\/p>\n
Tean, et see v\u00f5ib olla teie esimene kord, kui redigeerite koodi, nii et siin on kiire n\u00e4ide selle kohta, kuidas kood v\u00e4lja n\u00e4eks, kui otsustaksite, et teie logo n\u00e4eb k\u00f5ige parem v\u00e4lja 450 piksli laiusega:<\/p>\n
.custom-logo,\n.site-header .logo {\n  max-width: 100% !important;\n  width: 450px !important;\n  height: auto !important;\n}<\/code><\/pre>\n
On loogiline?<\/p>\n
Kui logo v\u00f5tab p\u00e4ises piisavalt ruumi, saate muudatused avaldada v\u00f5i selle praegu mustandina salvestada.<\/p>\n
J\u00e4rgmine samm on pildifaili enda suuruse muutmine.<\/p>\n
Muutke oma pildi suurust<\/h3>\n
Logo teie saidil teravaks kuvamiseks vajate versiooni, mis on t\u00e4pselt kaks korda suurem kui CSS-i sisestatud suurus.<\/p>\n
N\u00e4iteks kui CSS-kood muudab logo laiuseks 450 pikslit, soovite oma logo kujutisest koopiat, mille laius on 900 pikslit.<\/p>\n
Kui teil pole pildifaili piisavalt suurt versiooni, peate v\u00f5tma \u00fchendust oma logo kujundajaga v\u00f5i hankima juurdep\u00e4\u00e4su algsele kujundusdokumendile, et eksportida piisavalt suur suurus.<\/p>\n
Vastasel juhul, kui teil on ainult 600 piksli laiune originaalkoopia, siis kui venitate selle 900 pikslile, on pilt udune isegi arvutis vaadates.<\/p>\n
Kui olete saanud pildist 2x suuruse versiooni, olete viimaseks sammuks valmis.<\/p>\n
Laadige \u00fcles oma uus pilt<\/h3>\n
Leidke kohandaja seest logo \u00fcleslaadimise valik. Enamiku teemade puhul asub see jaotises Saidi identiteet.<\/p>\n
Laadige \u00fcles oma uus 2x versioon logost ja see kuvatakse saidil kena ja teravana.<\/p>\n
Kokkuv\u00f5tteks muudate logo suurust CSS-iga, kuni see t\u00e4idab p\u00e4ises vajaliku ruumi. Seej\u00e4rel laadite \u00fcles kaks korda suurema pildi ja see n\u00e4eb k\u00f5rge eraldusv\u00f5imega ekraanidel terav v\u00e4lja.<\/p>\n
See on sisuliselt see, mida v\u00f5rkkesta tugi piltide jaoks veebis kulisside taga teeb ja see on lihtne viis selle ise juurutamiseks.<\/p>\n
See on k\u00f5ik!<\/p>\n
J\u00e4reldus<\/h2>\n
Kahju, et WordPressil pole head viisi k\u00f5rge eraldusv\u00f5imega logode kuvamiseks, kuid lahendus on piisavalt lihtne.<\/p>\n
Alternatiivina saate \u00fcles laadida oma logo SVG-versiooni, kuid see n\u00f5uab ka SVG-toe lisamist<\/a>.<\/p>\n
Ehkki te ei pruugi CSS-ist midagi teada, n\u00f5uavad siinsed sammud peamiselt kopeerimist ja kleepimist ning loodan, et teile meeldis seda \u00f5petust j\u00e4rgides uute tehniliste oskuste omandamine.<\/p>\n
Kui soovite oma saidi kohandamiseks CSS-i kasutamise kohta lisateavet, vaadake seda \u00f5petust:<\/p>\n
Kuidas kohandada oma teemat kohandatud CSS-iga<\/a><\/p>\n
Ja kui see artikkel aitas teid t\u00e4na, kaaluge selle enne lahkumist kellegi teisega jagamist.<\/p>\n
T\u00e4name lugemise eest!<\/p>\n
:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Kas soovite teada, miks teie logo on udune? See juhtub enamiku WordPressi kasutajatega. Parandus on lihtne, kui j\u00e4rgite neid samme.<\/p>\n","protected":false},"author":1,"featured_media":259214,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[529],"tags":[842],"class_list":["post-233481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-parandage-ja-kaitske","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/233481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=233481"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/233481\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/259214"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=233481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=233481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=233481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}