Kā mainīt adreses joslas krāsu mobilajā brauzerā

Jūs noteikti esat pamanījuši, ka daudzas populāras mājaslapas, piemēram, BBC un Facebook, izmanto savas zīmola krāsas adreses joslā mobilajā brauzerī. Šajā rakstā mēs pastāstīsim, kā jūs varat sasniegt līdzīgu efektu.

Kāpēc ir vērts pielāgot adreses joslas krāsu mobilajā brauzerī?

Daudzi WordPress šabloni atbalsta mobilās ierīces. Tomēr tas joprojām izskatās vienkārši kā parasta mājaslapa. Adreses joslas krāsas maiņa rada sajūtu, ka cilvēks izmanto lietotni. Tas veicina patīkamāku lietošanas pieredzi, palielina pārdošanas apjomus un konversijas.

Šodien šo iespēju atbalsta lielākā daļa modernu mobilo brauzeru, kas balstīti uz Chromium, tostarp Google Chrome, Edge, Brave, Opera un Samsung Internet. Brauzeri arī atbalsta dažādu krāsu norādīšanu gaišajā un tumšajā režīmā, ļaujot adreses joslai automātiski pielāgoties lietotāja iestatījumiem.

Kā to izdarīt

Vienkārši pievienojiet šo kodu failā header.php jūsu bērna tēmā tieši pirms aizverošā taga </head>.

<meta name=”theme-color” content=”#ff6600″ />

Šī rindiņa ir HTML meta tags, ko mobilais brauzeris izmanto, lai mainītu adreses joslas krāsu.

Ja vēlaties atbalstīt gan gaišo, gan tumšo režīmu, var pievienot divas rindas:

<meta name=”theme-color” media=”(prefers-color-scheme: light)” content=”#ffffff”>
<meta name=”theme-color” media=”(prefers-color-scheme: dark)” content=”#000000″>

Laukā content ir hex krāsas kods, ko vēlaties izmantot kā fonu. Nezināt, kā iegūt šo kodu? To var iegūt, izmantojot jebkuru grafisko redaktoru, piemēram, Adobe Photoshop, Gimp, Paint u.c.

Jūs varat arī izvēlēties krāsu, izmantojot tiešsaistes rīkus HTML krāsu izvēlei vai brauzera papildinājumus, piemēram, ColorZilla, lai ātri iegūtu nepieciešamo hex kodu no jebkuras tīmekļa lapas.

*iOS Safari šī metode nedarbojas, taču, ja jūs izveidojat PWA (progresīvu tīmekļa lietotni, tas ir, mājaslapu, kas uzvedas kā lietotne ierīcē), varat mainīt statusa joslas krāsu, izmantojot <meta name=”apple-mobile-web-app-status-bar-style”>

Mūsu specialitāte — mājaslapu izstrāde un uzturēšana uz WordPress. Kontakti bezmaksas konsultācijai — [email protected], +371 29394520