WordPress on yksi parhaista alustoista maailmassa, mikä johtuu sen toiminnoista, joiden avulla käyttäjät voivat muokata mitä haluavat verkkosivustoillaan ja blogeissaan. Siinä on myös yksinkertainen käyttöliittymä. Joten saat hieman enemmän tietoa tästä tänään opit luo ponnahdusikkuna sisään WordPress ilman laajennuksia.
Ja onko se, että jos olet uusi tässä työmaailmassa sivuilla ja omien blogien luominen, Apu on hyödyllinen kaikkien tehtäviesi suorittamiseen. Koska WordPressin käyttö on erittäin helppoa, se on ensin sopeuduttava järjestelmään, jota se käyttää koodien ja laajennusten kanssa (sen käsittelyn jälkeen voit jopa lisätä mp4-videon merkintöihin tai sivuihin tai lisätä Excel-laskentataulukon, muun muassa).
Luo ponnahdusikkuna WordPressissä ilman laajennuksia
Niille, jotka eivät tunne terminologiaa, POP UP on pohjimmiltaan resurssi, jonka avulla voit sijoittaa kuvia tai puheluja, jotka kiinnittävät lukijan huomion joko painettaessa tiettyä painiketta tai tietyn ajan kuluttua. Yleisimmin nämä näkyvät tietokoneen näytön keskellä ja alapuolella.
Jotta luo ponnahdusikkuna WordPressissä ilman laajennuksia, on olemassa useita menettelyjä, jotkut helpompia kuin toiset, joista ensimmäinen on HTML-koodilla.
Tämä sinun on integroitava se tai sen jalkaan blogisivusi tai sen HTML-lohkossa. Kun laitat sen ensimmäiseen, se näkyy kaikilla sivuilla, ja toisaalta, jos laitat sen lohkoon, se näkyy vain sen sivulla. Koodi on:
// Tähän lisätään lomakekoodi, toimintakehotuksesta tai mistä tahansa aiot lisätä
CCS-koodi POP UP ilmestyy keskelle
Voit luoda ponnahdusikkunan WordPressissä myös ilman laajennuksia voit käyttää CCS-koodeja. Jos haluat lisätä ne, sinun on mentävä ohjauspaneeliin ja sitten osioon ”Ulkomuoto”Sitten”Mukauta”Ja lopuksi ”Lisä CCS”, kun olet siellä, liitä seuraava:
#background {display: ei ole; asento: kiinteä; yläosa: 0; pohja: 0; vasen: 0; oikea: 0; taustaväri: rgba (0,0,0,0,7); z-index: 1111111;} # pop-up {taustaväri: valkoinen; leveys: 800px; sijainti: absoluuttinen; yläosa: 200 kuvapistettä; jäljellä: 50%; marginaali vasemmalla: -400px; täyte: 30px; reunan säde: 10 kuvapistettä; } # lähikuva-ponnahdusikkuna {sijainti: absoluuttinen; yläosa: 0; oikea: 0; taustaväri: läpinäkyvä;
} # lähikuvausväli {display: flex; leveys: 50px; korkeus: 50px; taustaväri: harmaa; perustella sisältö: keskus; tasaa sisältö: keskusta; taipumissuunta: sarake; tekstin tasaus: keskellä; väri valkoinen; fontin koko: 40px; fontin paino: lihavoitu; reunan säde: 1000%;
} @media (max-width: 800px) {# pop-up {top: 0; vasen: 0; leveys: 100%; marginaali: 0; pohja: 0; overflow-y: vieritä; }}
Kun tämä on tehty, ajoita tapahtuma, jonka haluat tapahtua, ja tallenna muutokset. Tämän tiedän luo POP UP -ponnahdusikkunasi, voit sijoittaa haluamasi viestit blogiisi.
CCS oikeassa alakulmassa
Jos haluat asettaa POP: n sivuun niin, että se on vähemmän invasiivinen lukijalle, sinun on myös mentävä osioon ”Lisä CSS” kuten edellisessä, mutta tällä kertaa sinun on lisättävä seuraava koodi:
#background {display: ei ole; asento: kiinteä; pohja: 50px; oikea: 50px; z-indeksi: 1111111; leveys: 400px; korkeus: 400px; reunan säde: 10 kuvapistettä; täyte: 30px; taustaväri: valkoinen; overflow-y: vieritä; } lähikuva-ponnahdusikkuna {sijainti: absoluuttinen; yläosa: 0; oikea: 0; taustaväri: läpinäkyvä;
} # lähikuvausväli {display: flex; leveys: 50px; korkeus: 50px; taustaväri: harmaa; perustella sisältö: keskus; tasaa sisältö: keskusta; taipumissuunta: sarake; tekstin tasaus: keskellä; väri valkoinen; fontin koko: 40px; fontin paino: lihavoitu; raja-säde: 1000%} @media (enimmäisleveys: 460 kuvapistettä) {#background {oikea: 0; leveys: 70%; }}
Ja voila, jälkimmäisen kanssa tiedät jo mitä tarvitset voidaksesi luo ponnahdusikkuna WordPressissä ilman laajennuksiaSinun tarvitsee vain määrittää tapahtuma, jonka haluat tapahtua, ja se sammuu välittömästi näiden koodien avulla.
Nyt kun olet perehtynyt hiukan, voit siirtyä vaikeisiin asioihin, kuten: lisätä YouTube-videoita WordPress-sovellukseen laajennuksella tai lisätä reunuksia kuvien ympärille CSS: llä. Muista, että taivas on raja.