![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-230137.jpg\" "\\"\\"")
<\/p>\nVai jums k\u0101dreiz ir grib\u0113jies \u012bslaic\u012bgi redi\u0123\u0113t lapu, lai redz\u0113tu, k\u0101 t\u0101 izskat\u012btos ar noteikt\u0101m kr\u0101s\u0101m, fontiem un t\u0101 t\u0101l\u0101k?<\/p>\n
\n
Tas ir iesp\u0113jams, izmantojot jau j\u016bsu p\u0101rl\u016bkprogramm\u0101 eso\u0161o r\u012bku Inspect Element. Tas ir \u012bsts sapnis visiem lietot\u0101jiem, kuri v\u0113las pa\u0161i piel\u0101got vietnes. \u0160aj\u0101 rakst\u0101 j\u016bs uzzin\u0101siet Inspect Element izmanto\u0161anas pamatus un to, k\u0101 ar to str\u0101d\u0101t.<\/p>\n
\n
M\u016bsdienu p\u0101rl\u016bkprogrammas, piem\u0113ram, Google Chrome, Mozilla Firefox, Edge un Safari ir apr\u012bkotas ar ieb\u016bv\u0113tiem r\u012bkiem, kas \u013cauj t\u012bmek\u013ca izstr\u0101d\u0101t\u0101jiem sekot l\u012bdzi k\u013c\u016bd\u0101m un redi\u0123\u0113t elementus. \u0160ie r\u012bki par\u0101da HTML, CSS un JavaScript kodu, k\u0101 ar\u012b to, k\u0101 p\u0101rl\u016bkprogramma apstr\u0101d\u0101 \u0161o kodu. Ar \u0161iem r\u012bkiem j\u016bs varat redz\u0113t, k\u0101 j\u016bsu vietne izskat\u012bsies p\u0113c veiktaj\u0101m korekcij\u0101m, neieliekot izmai\u0146as pa\u0161\u0101 vietn\u0113.<\/p>\n
\n
Autori ar\u012b nov\u0113rt\u0113s \u0161o r\u012bku, jo tas \u013cauj viegli main\u012bt personisko inform\u0101ciju pirms ekr\u0101nuz\u0146\u0113muma uz\u0146em\u0161anas \u2014 vairs nav j\u0101zaud\u0113 laiks konfidenci\u0101lo datu aizsego\u0161anai Photoshop. Savuk\u0101rt tehnisk\u0101s atbalsta a\u0123entiem tas ir lielisks veids, k\u0101 atrast k\u013c\u016bdas, kas ietekm\u0113 vietnes pareizu att\u0113lo\u0161anu.<\/p>\n
\n
\u0160aj\u0101 rakst\u0101 m\u0113s apl\u016bkosim Inspect Element darb\u012bbu Google Chrome, jo tas ir m\u016bsu iecien\u012bt\u0101kais p\u0101rl\u016bks.<\/p>\n
\n
J\u016bs varat palaist koda inspektoru, izmantojot tausti\u0146u kombin\u0101ciju Ctrl + Shift + I. K\u0101 alternat\u012bvu varat klik\u0161\u0137in\u0101t jebkur lap\u0101 un izv\u0113l\u0113ties \u201cInspect\u201d no p\u0101rl\u016bkprogrammas izv\u0113lnes.<\/p>\n
\n
<\/p>\n
\n
J\u016bsu p\u0101rl\u016bks tiks sadal\u012bts divos logos, apak\u0161\u0113j\u0101 log\u0101 tiks r\u0101d\u012bts avota kods. Izstr\u0101d\u0101t\u0101ja kods ar\u012b tiek sadal\u012bts divos logos. Pa kreisi j\u016bs redzat HTML, pa labi \u2014 CSS noteikumus.<\/p>\n
![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-231603.jpg\" "\\"\\"")
Pa kreisi redzat HTML, pa labi \u2014 CSS noteikumus<\/p><\/div>\n
Kad novietojat peles r\u0101d\u012bt\u0101ju uz HTML avota, j\u016bs redz\u0113siet, ka izv\u0113l\u0113t\u0101 zona ir izcelta lap\u0101. J\u016bs ar\u012b redz\u0113siet, ka CSS noteikumi main\u0101s, lai par\u0101d\u012btu CSS elementam, ko apskat\u0101t.<\/p>\n
![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-231919.jpg\" "\\"\\"")
Izv\u0113l\u0113t\u0101 zona<\/p><\/div>\n
J\u016bs varat ar\u012b vienk\u0101r\u0161i novietot peles r\u0101d\u012bt\u0101ju uz jebkura lapas elementa, klik\u0161\u0137in\u0101t ar labo tausti\u0146u un izv\u0113l\u0113ties \u201cInspect\u201d. Izv\u0113l\u0113tais elements tiks izcelts avota kod\u0101.<\/p>\n
\n
Abi logi Inspect Element ir redi\u0123\u0113jami. Varat veikt dubultklik\u0161\u0137i jebkur\u0101 viet\u0101 un redi\u0123\u0113t kodu.<\/p>\n
\n
![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-232224.jpg\" "\\"\\"")
<\/p>\n
\n
Varat ar\u012b veikt dubultklik\u0161\u0137i un redi\u0123\u0113t jebkurus atrib\u016btus un stilus CSS log\u0101. Lai pievienotu savu noteikumu, klik\u0161\u0137iniet uz plusa ikonas vai nedaudz zem p\u0113d\u0113j\u0101 noteikuma.<\/p>\n
\n
![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-232504.jpg\" "\\"\\"")
<\/p>\n
\n
Tikl\u012bdz veiksiet izmai\u0146as kod\u0101, t\u0101s uzreiz par\u0101d\u012bsies p\u0101rl\u016bkprogramm\u0101. Ta\u010du atcerieties, ka p\u0113c lapas atsvaidzin\u0101\u0161anas (refresh vai F5) visas izmai\u0146as, ko veic\u0101t ar Inspect Element, pazud\u012bs.<\/p>\n
\n
\u0145emiet v\u0113r\u0101, ka j\u016bsu izmai\u0146as nekur netiek saglab\u0101tas. Inspect Element ir tikai atk\u013c\u016bdo\u0161anas r\u012bks, tas neveic izmai\u0146as j\u016bsu servera failos. Tas noz\u012bm\u0113, ka, ja atsvaidzin\u0101siet lapu, visas izmai\u0146as pazud\u012bs. Lai izmai\u0146as paliktu j\u016bsu vietn\u0113, jums b\u016bs j\u0101redi\u0123\u0113 j\u016bsu WordPress t\u0113mas faili.<\/p>\n
\n
Inspect Element r\u012bkam ir sada\u013ca Console, kas par\u0101da visas j\u016bsu vietn\u0113 eso\u0161\u0101s k\u013c\u016bdas. Pirms veicat atk\u013c\u016bdo\u0161anu vai l\u016bdzat pal\u012bdz\u012bbu spraud\u0146a autoriem, vienm\u0113r ir noder\u012bgi paskat\u012bties \u0161eit, lai lab\u0101k izprastu k\u013c\u016bdas b\u016bt\u012bbu.<\/p>\n
\n
![\"WordPress\"](\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/11\/Ekranuznemums-2025-11-09-233434.jpg\" "\\"\\"")
<\/p>\n
\n
Piem\u0113ram, ja esat OptinMonster<\/a> lietot\u0101js un neizprotiet, k\u0101p\u0113c j\u016bsu optin neiel\u0101d\u0113jas, j\u016bs viegli varat atrast k\u013c\u016bdu \u201cyour page slug does not match\u201d. Ja j\u016bsu sharebar nedarboj\u0101s pareizi, j\u016bs varat paman\u012bt JavaScript k\u013c\u016bdu. R\u012bki k\u0101 Inspect Element un SupportAlly<\/a> pal\u012bdz\u0113s sa\u0146emt efekt\u012bv\u0101ku atbalstu. Jebkura atbalsta dienests nov\u0113rt\u0113 klientus, kuri r\u012bkojas patst\u0101v\u012bgi un sniedz maksim\u0101li daudz deta\u013cu par probl\u0113mu.<\/p>\n \n Un tas ir tikai neliels da\u013ca no t\u0101, ko var paveikt ar tik jaud\u012bgu r\u012bku k\u0101 Inspect Element. DevTools ietver cilnes un r\u012bkus, piem\u0113ram, Lighthouse, kas \u013cauj p\u0101rbaud\u012bt veiktsp\u0113ju, SEO un Core Web Vitals, k\u0101 ar\u012b t\u012bkla piepras\u012bjumu anal\u012bzes (Network) un veiktsp\u0113jas profil\u0113\u0161anas (Performance) r\u012bkus. \u0160\u012bs iesp\u0113jas pal\u012bdz atkl\u0101t vietnes \u0101truma un strukt\u016bras \u0161aur\u0101s vietas, padarot to \u0101tr\u0101ku un \u0113rt\u0101ku lietot\u0101jiem.<\/p>\n \n \n M\u016bsu specializ\u0101cija \u2014 WordPress viet\u0146u izstr\u0101de un uztur\u0113\u0161ana. Kontakti bezmaksas konsult\u0101cijai \u2014 vadim@coma.lv<\/a>, +371 29394520<\/a><\/em><\/p>\n \n Vai jums k\u0101dreiz ir grib\u0113jies \u012bslaic\u012bgi redi\u0123\u0113t lapu, lai redz\u0113tu, k\u0101 t\u0101 izskat\u012btos ar noteikt\u0101m kr\u0101s\u0101m, fontiem un t\u0101 t\u0101l\u0101k? Tas ir iesp\u0113jams, izmantojot jau j\u016bsu p\u0101rl\u016bkprogramm\u0101 eso\u0161o r\u012bku Inspect Element. Tas ir \u012bsts sapnis visiem lietot\u0101jiem, kuri v\u0113las pa\u0161i piel\u0101got vietnes. \u0160aj\u0101 rakst\u0101 j\u016bs uzzin\u0101siet Inspect Element izmanto\u0161anas pamatus un to, k\u0101 ar to […]<\/p>\n","protected":false},"author":1,"featured_media":37142,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1226,1317],"tags":[1330,1329],"class_list":["post-36738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-iesacejiem","tag-developer-tools-lv","tag-inspect-element-lv"],"_links":{"self":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/comments?post=36738"}],"version-history":[{"count":4,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36738\/revisions"}],"predecessor-version":[{"id":37010,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36738\/revisions\/37010"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media\/37142"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media?parent=36738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/categories?post=36738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/tags?post=36738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\n","protected":false},"excerpt":{"rendered":"