Papildiniai, skirti sukurti pranešimų skydelį „WordPress“. Įskiepiai, skirti sukurti pranešimų skydelį „WordPress bigSlide“ – skaidrių naršymo skydelis „Jquery“.
Naudodami papildinį – WPFront pranešimų juostą, savo svetainėje galite pridėti pranešimų juostą „WordPress“ svetainės viršuje arba apačioje. Skydelis gali rodyti bet kokį tekstą ir mygtuką su nuoroda į bet kurį puslapį, kurį galite įtraukti HTML kodą. Galite tinkinti pranešimų skydelio spalvas, galite pasirinkti skydelio vietą svetainės viršuje arba apačioje. Galite užrakinti skydelį, kad slenkant puslapiu skydelis visada būtų matomas ekrane. Galite pasirinkti, kuriuose puslapiuose skydelis bus rodomas, kuriuose ne ir pan.
Papildinį galite įdiegti tiesiai iš „WordPress“ administratoriaus skydelio. Eikite į skirtuką: Plugins – Add new, įveskite įskiepio pavadinimą paieškos formoje, paspauskite Enter, įdiekite ir aktyvuokite papildinį.
Įdiegę ir suaktyvinę papildinį, eikite į puslapį: WPFront – Pranešimų juosta, kad sukonfigūruotumėte papildinį.
Ekranas
– Įjungta, pažymėkite langelį čia, kad įjungtumėte pranešimų skydelį.
– Padėtis, pasirinkite, kur bus rodomas skydelis, viršuje – viršuje, apačioje – apačioje.
– Fiksuota vietoje, jei pažymėsite šį langelį, skydelis visada bus matomas ekrane, net ir slenkant puslapiu.
– Rodyti slinktyje, jei pažymėsite šį langelį, skydelis pasirodys, kai slinksite puslapiu.
– Slinkties poslinkis, čia galite nurodyti, kiek pikselių puslapis turi būti slinktas, kol pasirodys pranešimų skydelis.
– Bar Height, čia galite nurodyti juostos aukštį pikseliais.
– Position Offset, čia galite nustatyti atstumą nuo svetainės viršaus iki skydelio.
– Ekranas po, galite nustatyti laiką, po kurio skydelis pasirodys, neveikia funkcijai – Rodyti slinkties metu.
– Animacijos trukmė, galite nustatyti animacijos trukmę, kai skydelis perkeliamas į ekraną.
– Rodyti uždarymo mygtuką, pažymėkite langelį, kad būtų rodomas mygtukas su kryželiu, kad uždarytumėte skydelį.
– Auto Close After, galite nurodyti po kiek sekundžių skydelis užsidarys automatiškai, neveikia funkcijai – Display on Scroll.
– Rodyti šešėlį, rodyti skydelio šešėlį.
– Display Reopen Button, jei pažymėsite langelį, tada uždarius skydelį ekrano kampe bus rodomas mygtukas skydeliui atidaryti.
– Laikyti uždarytą, jei pažymėsite langelį, uždarius skydelį viename puslapyje, skydelis nebebus rodomas kituose puslapiuose.
– Laikyti uždarytą, čia galite nurodyti, kiek dienų skydelis nebus rodomas vartotojui, kuris uždarė skydelį.
Turinys
– Pranešimo tekstas, įveskite čia tekstą, kuris bus rodomas pranešime, galite pridėti HTML kodą.
– Apdorokite trumpąjį kodą, pažymėkite langelį, kad galėtumėte pridėti trumpuosius kodus prie pranešimų.
– Rodyti mygtuką, pažymėkite langelį, kad mygtukas būtų rodomas skydelyje.
– Pradėjimo data ir laikas, galite nurodyti datą ir laiką, kada skydelis bus rodomas.
– Pabaigos data ir laikas, galite nurodyti datą ir laiką, kada skydelis užsidaro.
– Rodyti puslapiuose, pasirinkite, kuriuose puslapiuose bus rodomas skydelis. Visi puslapiai – visuose puslapiuose. Įtraukti į kitus puslapius – patikrinkite puslapius, kuriuose bus rodomas skydelis. Išskirti šiuose puslapiuose – išskirti puslapius.
– Display for User Roles, čia galite pasirinkti, kuriems naudotojų vaidmenims bus rodomas skydelis. Visi vartotojai – visiems, Visi prisijungę vartotojai – tik įgaliotiems naudotojams, Svečiai – tik svečiams, Sekantys naudotojų vaidmenys – patikrinkite vaidmenis.
– Pasirinktinis CSS, galite nustatyti savo skydelio CSS stilius, bet tai nėra būtina.
Pabaigoje išsaugokite pakeitimus.
Pranešimų juosta jūsų „WordPress“ svetainės viršuje arba apačioje atnaujinta: 2018 m. liepos 25 d.: Ilja Žuravlevas
Sveiki, mieli tinklaraščio svetainės skaitytojai. Šiandien noriu pakalbėti apie gana funkcionalų ir patogų upPrev įskiepį, kuris vienu metu gali įgyvendinti kelių tipų puslapių susiejimą. Jo darbą galite stebėti (bent jau šio straipsnio rašymo metu) kiekvieno straipsnio puslapio apačioje – dešinėje pasirodo iššokantis skydelis su panašių medžiagų sąrašu.
Papildinys gali rodyti ne tik panašią medžiagą, bet ir ankstesnius straipsnius iš tos pačios kategorijos ar žymų archyvo (apie tai mes išsamiai kalbėjome aukščiau esančiame straipsnyje ir kurio praktinį įgyvendinimą aprašiau), ankstesnę medžiagą viso tinklaraščio formatu, taip pat atsitiktine tvarka paimtus leidinius. Be to, visa tai gali būti pagardinta miniatiūromis, jei jas sukursite rašydami įrašus.
Kokį vaidmenį nuorodų teikimas dabar vaidina reklamuojant svetainę?
Apskritai svetainės optimizavimas tolimesniam sėkmingam jos reklamavimui yra užduotis numeris vienas (antroji – atgalinių nuorodų gavimas). Vidiniai veiksniai gali blokuoti ir sumažinti viso kito įtaką. Kita vertus, tai neįmanoma (ypač naudojant raktinius žodžius turinyje ir vidinių nuorodų inkarus).
Šiais laikais vadovaujamasi integruotu požiūriu į reklamą, o susiejimas jame užima gana reikšmingą vietą. Pastaruoju metu tapo madinga naudoti infografiką, norint vizualiai pavaizduoti bet ką. SEO tema galite rasti daug panašių schemų, pavyzdžiui, Seopro straipsnyje apie tai, kaip reklamuoti svetainę. Deja, tokių šedevrų kurti dar neprisiruošiau, bet remdamasis jais leisiu nepilti nereikalingo vandens.
Kurią susiejimo schemą pasirinkti? Gana sunkus klausimas, nes daugelis anksčiau gerai veikusių schemų (visi tas pats liūdnai pagarsėjęs „žiedas“, nuorodas į jų įgyvendinimo būdus, kuriuos pateikiau aukščiau) nebeduoda tokių fenomenalių rezultatų, kurie buvo pastebėti prieš dešimt metų. Paieškos sistemos taip pat mokosi ir stengiasi neatsižvelgti į tai, kas, jų požiūriu, yra akivaizdi apgaulė.
Žiedų serijos susiejimas, remiantis Peydrank teorija, turėtų rimtai padidinti svetainės puslapių (), kurie yra susiję su šiuo žiedu, statinį svorį.
Tačiau tai ne visada veikia praktikoje. Gali būti, kad kai atskiri puslapiai iškrenta iš indekso, žiedas nutrūksta arba gali būti, kad siekiant sumažinti antkainius, paieška įvedė rimtą mažinimo koeficientą į klasikinę būsenos svorio skaičiavimo formulę.
Svetainių puslapių susiejimas turi dar vieną užduotį, kuria siekiama jau ne įtikti „Yandex“ ar „Google“, o į lankytojui patiks. Akivaizdu, kad vieno straipsnio jam nepakaks, kad išbandytų jūsų tinklaraštį – būtinai turite pakviesti jį eiti kur nors kitur, kad sudomintumėte, išlaikytumėte ir, galbūt, taptumėte savo prenumeratoriumi.
Taigi susiejimas taip pat turi įtakos elgesio veiksniai, į ką paieškoje taip pat atsižvelgiama ir kasmet vis didesniu mastu. Beveik visi žiniatinklio valdytojai tai supranta ir prideda prie svetainės blokus su panašia medžiaga, skaitomiausiais leidiniais arba tos pačios kategorijos straipsniais. Tikriausiai yra ir kitų temos variantų.
Natūralu, kad taip pat yra daugybė vidinio susiejimo įgyvendinimo galimybių. Galima apsieiti net ir be įskiepių (pavyzdį galite pamatyti straipsnyje), bet nemažai jų parašyta susiejimui. Sunkiausias dalykas yra pasirinkti variantą, kuris puikiai tinka jūsų tinklaraščiui.
Aš pats išbandžiau daug jų ir net parašiau atsiliepimus apie kai kuriuos iš jų (). Tiesą sakant, minėtas papildinys yra vienas geriausių skaičiuojant susijusius įrašus ir įtraukiant juos į tinklaraščio puslapius.
Tačiau jo duomenis taip pat gali naudoti kiti „WordPress“ plėtiniai, kurdami juos spalvingesnius ar pretenzingesnius. Tame pačiame straipsnyje apie YARP pateikiau pavyzdį, kaip jo duomenis naudojo Related Posts Slider įskiepis, kuris leido jam rodyti panašius įrašus tokia forma:
Na, arba tai:
Paskambino mūsų šiandienos herojus į viršųAnkst taip pat žino, kaip paimti informaciją iš „Yet Another Related Posts Plugin“ duomenų bazės ir elgiasi teisingai, nes nereikia kiekvieną kartą išradinėti dviračio. Tiesą sakant, pereikime prie šio inžinerijos stebuklo galimybių apibūdinimo.
Susiejimo parinktys naudojant „upPrev“ papildinį
Šių stilių neliečiau, nes pasukau kitu keliu (ne pačiu tiesiausiu), kurį aprašysiu toliau tekste. Tada eikite į antrą skirtuką:
Pasirinkite pranešimų, į kuriuos šis papildinys generuos nuorodas, skaičių. Bet šiek tiek žemiau, mes tiesiog pasirinkite mūsų svetainės nuorodų tipą. Panašių įrašų parinktį pasirinkau naudodamas „Yet Another Related Posts“ papildinio bazę (jis turi būti iš anksto įdiegtas), tačiau galite konfigūruoti žiedo tipo susiejimą pasirinkdami antrą arba trečią parinktį, taip pat didelio žiedo susiejimą pasirinkdami Pirmas .
Šį reikalą ketinau organizuoti tik dėl postų, o tai rodo varnelė atitinkamame lauke. Be įrašo pavadinimo, šiame skydelyje taip pat gali būti rodomi keli žodžiai (jų numeris nustatytas pačiame apačioje) nuo įrašo pradžios arba citatos srities, jei ją užpildysite. Man tai atrodė nereikalinga.
Trečiasis skirtukas naudojamas nustatant šio skydelio nuorodų paspaudimų skaičiaus stebėjimą, kurio aš nenaudojau. Tačiau ketvirtame skirtuke vis tiek suaktyvinau talpyklą. Penktame skirtuke uždraudžiau rodyti skydelį mobiliuosiuose telefonuose, bet neprieštaravau, kad jis būtų rodomas planšetiniuose kompiuteriuose:
Na, tai viskas, „upPrev“ baigė nustatymus, bet aš jau pakeičiau skydelio išvaizdą „Yet Another Related Posts Plugin“ nustatymuose.
Slankiojo skydelio turinio išvaizdos pritaikymas
Ten pasirinkau šablono failą, kuris bus atsakingas už panašių įrašų rodymą (žr. aukščiau esančią nuorodą, kad sužinotumėte darbo su šiuo plėtiniu esmę ir specifiką):
Tai. Dabar įskiepio upPrev (iššokančiajame skydelyje) rodomo panašių įrašų sąrašo išvaizdą lemia kodas, įrašytas mano yarpp-template-list.php faile iš aplanko su mano tema (). Jei jūsų tinklaraštis generuoja įrašų miniatiūras, prasminga pasirinkti šabloną iš „Yet Another Related Posts Plugin“ arsenalo su jų pagalba.
Šio failo kodas yra:
Tai ne reklama, o panašūs straipsniai iš tos pačios svetainės (nuorodos atsidaro naujame lange):
"; endwhile; echo implode(" "."\n",$postsArray); // išspausdinti susijusių elementų sąrašą, atskirtą kableliais else:?>
Nėra susijusių įrašų.
Kaip matote, čia yra slankiojo lizdo antraštė, todėl turėsite konvertuoti (jei reikia) šį failą į UTF-8 koduotę be BOM, kad išvengtumėte crack(). Nežinau kaip jūs, bet aš ilgą laiką turiu pagrindinį redaktorių Notepad++ () ir joje ši konversija atliekama taip:
Akivaizdu, kad šis kodas generuoja tik banalų HTML sąrašą (), o už išvaizdą atsakingos CSS savybės, parašytos stiliaus faile kode esančioms klasėms. Mano atveju šie stiliai atrodo taip:
Lampochka klasė prideda žalių varnelių, kurios mano CSS kode nustatomos naudojant base64 kodą (šį kodą kažkur nukopijavau). Jei susidomėjote, pažiūrėkite į mano style.css. Gerai, dabar viskas. Jei ką nors pamiršai, klausk. Tiesa, šią susiejimo parinktį sukūriau prieš mėnesį ir per tą laiką kažkas jau dingo iš galvos.
Sėkmės tau! Greitai pasimatysime tinklaraščio svetainės puslapiuose
Jums gali būti įdomu
Kaip pašalinti skaidrų pikselį http://yarpp.org/pixels iš „Yet Another Related Posts“ papildinio ir pakeisti užrašą Panašios medžiagos Susijusių įrašų sąrašo kūrimas „WordPress“ (su miniatiūromis) naudojant „Related Posts“ papildinį, skirtą vidiniam susiejimui Kaip pagerinti svetainės elgsenos statistiką naudojant „WordPress“ skirtus „Yet Another Related Posts“ ir „Related Posts“ slankiklio papildinius Paprasti skaitikliai ir kategorijų bei puslapių piktogramos – gražūs RSS ir Twitter skaitikliai, taip pat kategorijų ir puslapių piktogramos „WordPress“ „WordPress“ papildiniai mano tinklaraštyje (svetainėje)Slankikliai ir skaidrių demonstracijos jūsų svetainei – kokios yra parinktys ir kaip naudoti „jQuery Slider“ scenarijus Breadcrumb „WordPress“ naudojant „Breadcrumb NavXT“ papildinį (sustiprinimas) Atminties sąnaudų mažinimas „WordPress“ kuriant puslapius – „WPLANG Lite“ papildinys, skirtas pakeisti lokalizacijos failą WP-PageNavi – „WordPress“ tinklaraščio puslapių naršymas – diegimas, konfigūravimas ir puslapių išvaizdos keitimas Sudarykite tai kalendoriuje! - „WordPress“ įvykių kalendorius Laiškai nesiunčiami iš „WordPress“ ir neveikia vaizdo redaktorius – sprendimas naudojant „Configure SMTP“ ir „Post Editor Buttons“ papildinius
Tikrai dažnai svetainės puslapiuose susidūrėte su įvairių tipų ir vietovių ištraukiamomis plokštėmis, kurios kalba viršuje, apačioje, dešinėje arba kairėje visiškai automatiškai, tam tikru laiko intervalu arba aktyvuojamos spustelėjus. Paprastai tokiose plokštėse yra tam tikros papildomos informacijos, kai kurios svarbios, o kai kurios ne tokios svarbios, kuri kol kas yra paslėpta nuo vartotojo akių. Pavyzdžiui, prenumeratos formos, socialinių tinklų valdikliai, nuorodos, žymos, kontaktinė informacija ir t.t. ir t.t., trumpai tariant, bet kas. Yra daugybė paruoštų sprendimų, kaip įdiegti „Javascript“ slankiojančias plokštes, įvairių TVS modulių ir įskiepių, atskirų „jQuery“ įskiepių, tačiau labai nedaugelis, kurie patraukė mano dėmesį, buvo visiškai veikiantys gryno CSS metodai.
Jau seniai norėjau ką nors panašaus padaryti, paslėptų žymimųjų langelių naudojimo mechanizmas yra gerai žinomas ir suprantamas, bet kažkaip taip ir nesupratau. Taigi, aptikęs vieną dulkėtuose „CodePen“ sandėliuose, nusprendžiau paeksperimentuoti ir sukurti savo ištraukiamos viršutinės plokštės versiją gryno CSS formatu, gana veikiančią, šiek tiek modifikuotą ir pritaikytą mūsų broliui, ir taip nutiko)) .
Pažiūrėjome į pavyzdį, palyginome jį su originalu, o dabar, kam to reikia, kartu išsiaiškinkime, kaip visa tai veikia. Dar kartą primenu, kad jokie js, tik nesugadintas html ir css „magija“ atliks visą darbą.
HTML išdėstymas
Jį sudaro trys pagrindiniai elementai: pagrindinis konteineris, blokas su turiniu ir mygtukas skydeliui atidaryti/uždaryti.
Skelbkite čia bet kokį turinį.....
Kaip matote, skydelio dizaine yra type=" " vėliavėlė, kuri pagal numatytuosius nustatymus yra paslėpta ir neaktyvi. Naudojant žymą