Yra daug būdų, kaip sukurti lipnius elementus „WordPress“. Dauguma jų yra susiję su tinkintu CSS arba sudėtingų trečiųjų šalių puslapių kūrėjų ar visų svetainių kūrėjų naudojimu.
Ir dauguma jų ims mokestį, ženklindami šias išplėstines funkcijas kaip aukščiausios kokybės priedus.
Tai, kad kažkas atrodo sudėtinga, nereiškia, kad taip turi būti.
Kaip sukurti lipnią poraštę „WordPress“.
Du papildiniai, kurie prideda lipnią poraštės juostą prie WP, yra fiksuotas apatinis meniu ir WPFront pranešimų juosta. Taip pat galite naudoti pasirinktinį CSS, kad atliktumėte darbą. Aukščiausios kokybės temose gali būti „elementų kabliukų“, kuriuos galima naudoti lipniai poraštei sukurti. Norėdami apeiti begalinį slinkimą, perkelkite poraštės valdiklio turinį į šoninę juostą.
Kaip sukurti „WordPress“ apatinį lipnųjį mobiliojo telefono meniu
Taikykite KISS principą. Laikykite tai paprastai, kvaili.
Įdiekite ir suaktyvinkite Fixed Bottom Menu papildinį
Galų gale, kas yra fiksuota poraštė? Tai fiksuotas apatinis meniu.
Pradėkite nuo Fixed Bottom Menu papildinio.
Šis papildinys leidžia puslapių apačioje pridėti nuo trijų iki penkių nuorodų. Tai yra didžiausias kiekis, kuris vis tiek turėtų būti naudojamas mažo ekrano įrenginiams.
Dėl to navigacija būtų sudėtinga.
Kai suaktyvinta, fiksuoto apatinio meniu etiketė pridedama prie meniu „nustatymai“ kairėje šoninėje juostoje.
Spustelėkite meniu elementą, kad patektumėte į nustatymų puslapį ir sukonfigūruotumėte apatinį meniu.
Kadangi tai bus skirta mažesniems ekranams, jums reikės piktogramų. Yra keletas variantų.
Galite atnaujinti į piktogramų pridėjimo papildinį arba spustelėti nuorodas, kad patektumėte į nemokamus šaltinius. „Google Fonts“ ir „Font Awesome“ yra susieti. Visi „Google“ šriftai yra nemokami ir atvirojo kodo.
Arba laikykitės „Dashicon“ elementų, kurie jau yra užkoduoti „WordPress“.
Nustatę nuorodas, slinkite toliau žemyn ir sumažinkite maksimalų ekrano plotį iki 760 pikselių. Galite eiti mažesniu mastu.
Šio ekrano dydžio koregavimo priežastis yra ta, kad fiksuotas meniu rodomas tik mobiliuosiuose telefonuose ir planšetiniuose kompiuteriuose.
Staliniuose kompiuteriuose (jei jūsų temoje yra šoninės juostos) bus matomos naršymo nuorodos. Poraštės juostos pritvirtinimo prie ekrano pranašumas yra nuolatinių naršymo mygtukų įjungimas.
Kaip sukurti lipnios poraštės pranešimų juostą
Jei norite tik pritvirtinti lipnią slankiąją juostą puslapių apačioje, kad būtų rodomi reklaminiai pranešimai arba pritrauktumėte srautą į pagrindinį turinį (kaip pavyzdžiai), pranešimų juosta yra paprasčiausias būdas.
Naudokite WPFront pranešimų juostos papildinį
Šio papildinio dalis yra padėties fiksavimas.
Norėdami įjungti slankiąją poraštės juostą, pasirinkite parinktį pritvirtinti juostą apatinėje padėtyje.
- Spustelėkite įgalinti
- Pakeiskite padėtį iš „viršaus“ į „apačią“.
- Pažymėkite langelį, kad įjungtumėte „fiksuota padėtyje“, o tai pritvirtina jį ekrano apačioje.
- Rodymas įrenginiuose: pasirinkite „maži įrenginiai“, jei norite, kad juosta būtų rodoma tik telefonuose ir planšetiniuose kompiuteriuose. Įjungus jį visuose įrenginiuose, darbalaukyje taip pat bus rodoma lipni poraštė.
- Įveskite pranešimą teksto srityje, kurią norite rodyti poraštės juostoje.
Pavyzdžiui,
Specialus vadovas: 25% nuolaida rankomis atrinktiems gaminiams. Peržiūrėti pasiūlymus.
Tekstas „Peržiūrėti pasiūlymus“ gali būti įtrauktas į mygtuką, kuris nukreipia į pardavimo puslapį arba pasiūlymų kategoriją jūsų svetainėje.
Kaip pataisyti WP poraštę „WordPress“ puslapių apačioje naudojant CSS
Dauguma „WordPress“ temų jau turi poraštės meniu arba valdiklių sritis, kad būtų rodomas poraštės tekstas.
Tiems, prie temos tinkinimo priemonės galite pridėti CSS bloką, kad pritvirtintumėte poraštę kiekvieno puslapio apačioje.
Kodas, kaip tai padaryti, yra:
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
}Spalvas, dydžius ir teksto lygiavimą galima keisti pagal jūsų pageidavimus.
Kaip sukurti lipnią slankiąją juostą mobiliesiems naudojant „WooCommerce“ integraciją
Tam reikia, kad jūsų „WordPress“ tema būtų užkoduota, kad galėtumėte naudoti „WordPress“ kabliukus.
Dauguma temų, kurios suteikia pagrindą daugeliui vaikų temų pasirinkimų, paprastai yra tos, kurios turi daugiau kabliukų.
Nesvarbu, kokią temą naudojate, peržiūrėkite temos dokumentaciją, kad gautumėte „vaizdinių kabliukų vadovą“ ar ką nors panašaus jų svetainėje.
„WordPress“ kabliukas, kurį turi palaikyti jūsų tema, yra „footer-after“ arba „after-footer“.
Jūs norite, kad tema būtų užkoduota taip, kad elementas būtų suaktyvintas įkėlus poraštę, bet prieš pasibaigiant HTML.
Kai kurios temos nepalaiko šios funkcijos.
- „Genesis“ sistema tai daro, o tai nenuostabu, nes sistemoje yra daugiau nei 50 kabliukų.
- Astra tema taip pat turi funkciją „astra_footer_after“.
- Divi tema to nepalaiko.
- Kadence tema veikia, bet tik „Pro“ versijoje.
Pirmiausia patikrinkite temą, nes tai taikoma tik temoms, kurios jau užkoduotos.
Sunku žinoti, kur užregistruoti kabliukus įvairiose „WordPress“ temose, todėl jei neturite temos, kuri palaiko elementų kabliukus, išbandykite tą, kuri palaiko.
Pasirinktinių URL su piktogramomis sąranka yra tokia pati, kaip ir fiksuoto apatinio meniu papildinio.
- Įterpkite 3 stulpelių išdėstymą
- Kiekvienam stulpeliui pridėkite piktogramą
- Susiekite piktogramas su puslapiais, į kuriuos norite, kad jos būtų nukreiptos.
Jei jūsų tema palaiko kabliukus, kodo fragmentas, kurį galite naudoti norėdami pridėti prie mobiliosios lipnios poraštės, yra…
add_action( '[insert_theme-name]_after_footer', '[insert_theme-name]_sticky_mobile_bottom_bar', 20 );
function [insert_theme-name]_sticky_mobile_bottom_bar() {
echo do_shortcode( "[reblex id='####']" );
}Jei aukščiau esančiame kode yra „įterpti temos pavadinimą“, pakeiskite jį poraštės kodo fragmentu, skirtu jūsų temai.
Kadence temoje tai būtų kadence_after-footer, Astra temoje - astra_after-footer, o Genesis sistemoje kodas yra genesis_after_footer.
Kaip sukurti lipnią poraštę WP temoje naudojant begalinį slinkimą
Temų, kuriose naudojamas begalinis slinkimas, poraštė niekada nebus įkeliama, kol nebebus įkeliamo turinio.
Išeitis yra imtis „Twitter“ metodo, ty perkelti poraštės valdiklį į šoninę juostą.
Perkeldami turinį, kurį norėtumėte poraštėje, kad jis būtų paskutinis valdiklis šoninėje juostoje, ir padarydami jį „lipniu“, užtikrinsite, kad jis liktų matomas.
Naudokite Q2W3 Fiksuotą valdiklį, skirtą „WordPress“.
Tai leidžia bet ką perkelti į šoninę juostą ir išlaikyti ją matomą.
Eikite į papildinius > Pridėti naują > Ieškoti Q2W3 Fiksuoto valdiklio, skirto „WordPress“.
Įdiegti ir suaktyvinti Thomas Maier, Max Bond.
Įdiegę, eidami į valdiklių skyrių, pasirodys naujas žymės langelis, kurį galėsite pasirinkti norėdami sukurti „fiksuotą valdiklį“.
Galima pataisyti bet kurį valdiklį. Tačiau bet kurioje skiltyje pataisykite tik paskutinį valdiklį, kad valdikliai nepersidengtų.
Norėdami įtraukti pasirinktą puslapių skaičių, naudokite puslapių valdiklį, o tada naudokite funkciją „Išskirti“ puslapių ID, kad apribotumėte rodomų puslapių skaičių iki būtiniausių puslapių.
Atminkite, kad kai lankytojai pasieks jūsų poraštę, tai paskutinė galimybė parodyti jiems tai, ko jiems gali prireikti. Įtraukite atitinkamą informaciją į savo poraštę.
... Nuorodos į jūsų kontaktinį puslapį, darbo laikas, DUK puslapis, kontaktinė informacija ir kt.
Poraštės meniu įdėjimas į šoninę juostą užtikrina, kad jis būtų paskutinis rodomas valdiklis ir liktų matomas fiksuotoje padėtyje.
Vietinės verslo svetainės poraštė taip pat yra skyrius, kuriame pateikiami jūsų verslo NAP duomenys, skirti SEO. Tai yra jūsų įmonės pavadinimas, adresas ir telefono numeris.
Jei norite, kad nuorodos būtų rodomos greta, o ne kaip nuorodų sąrašas, naudokite „Custom HTML“ valdiklį, tada sukurkite nuorodas rankiniu būdu naudodami HTML, kad nuorodas būtų galima spustelėti. Spustelėtinas tekstas čia.
