Verkkosivut ovat ikkuna mihin tahansa maailmaan. Yhdessä tai useammassa voit saada kaikenlaista tietoa heidän takanaan olevien ihmisten ansiosta kehittää mielenkiintoista sisältöä ja hyödyllinen. Kaikki kiitos verkkosivujen luomisesta WordPressissä ja Divi -sivunrakentajan avusta.
Blogit saavuttivat suosionsa vuosina 2001-2002 ja saavuttivat kaikkien aikojen korkeimman tason päivityksiä ja parannuksia oli tulossa.
WordPressin syntymä
Blogien suuren vaikutuksen jälkeen lähinnä Blogger sen jälkeen Googlen hankkima Vuonna 2003 WordPress lanseerattiin samana vuonna.
Tätä kutsutaan nimellä sisältöpäällikkö, keskittyi verkkosivujen luomiseen ja suunnitteluun. Tähän päivään asti sitä pidetään edelleen perustyökaluna tämän tyyppiselle työlle, etenkin kaupallisella alalla.
Divi -laajennus
Niin hyödyllinen kuin WordPress voi olla, ei ole salaisuus, että suurimmat vaikeudet tämän tyyppisen alustan hallinnassa ja verkkosivujen luomisessa ovat ihmisiä, joilla ei ole HTML- ja CSS -osaaminen.
Divi on työkalu, joka auttaa, nimenomaan niille ihmisille, joilla on heikko käsittelykapasiteetti WordPressin suhteen, jotta heitä voidaan pikkuhiljaa opettaa ja oppia käsittelemään tätä alustaa optimaalisesti.
Niille, jotka jo tuntevat WordPressin, se on paljon helpompi vaihtoehto, kun suunnittelet blogisi tai verkkosivustosi viestejä.
Pudotusvalikosta
Kun kirjoitat Diviin matkapuhelimestasi, tämä alusta sekä valtaosa verkkosivuista tarjoavat erilaisen näkymän kuin työpöytä. Tämä tarkoittaa, että jos sinulla on valikko kehitteilläsi verkkosivulla, tulee erittäin laajaksi ja varjostaa muun tekemäsi suunnittelun.
Mikä on ratkaisu?
Ensimmäinen asia, jonka sinun pitäisi kysyä itseltäsi, on se, minkä ratkaisun haluat hyväksyä. Kun on kyse pudotusvalikoista, eniten On suositeltavaa, että alivalikot eivät näy, ennen kuin sivuston kävijä pyytää sitä. Tällä tavalla käyttäjäkokemus vierailun aikana on vieraanvaraisempi.
Jos se on tarkoituksesi, niitä on useita koodit, jotka sinun tarvitsee vain kopioida ja liittää Diviin Voit ratkaista tämän ongelman tarjoamalla paljon miellyttävämmän käyttöliittymän niille, jotka saattavat vierailla verkkosivustollasi.
Käytettävä koodi
Valikon esitystavan muuttamiseen tarvittava koodaus on jonkin verran laaja, mutta tehokas. Syötä Divi -teemavaihtoehdot, sitten Integrointi, kopioi ja liitä seuraava koodi:
(function ($) {
toiminto setup_collapsible_submenus () {
var $ menu = $ ('# mobile_menu'),
top_level_link = '#mobile_menu .menu-item-has-children> a';
$ menu.find ('a'). jokainen (function () {
$ (this) .off ('napsauta');
jos ($ (this) .is (top_level_link)) {
$ (tämä) .attr ('href', '#');
}
if (! $ (this) .siblings ('. alavalikko'). pituus) {
$ (this) .on ('click', function (event) {
$ (this) .parents ('. mobile_nav'). trigger ('click');
});
} muuta {
$ (this) .on ('click', function (event) {
event.preventDefault ();
$ (this) .parent (). toggleClass ('látható');
});
}
});
}
$ (ikkuna) .load (function () {
setTimeout (function () {
setup_collapsible_submenus ();
}, 700);
});
}) (jQuery);
Muita optimointivaihtoehtoja
Muiden suositeltavien koodien joukossa on se sulje valikko. Jos verkkosivustollasi vieraileva käyttäjä ei löydä haluamaansa avattavasta valikosta ja alavalikoista, hänen pitäisi pystyä sulkemaan se.
Muuten, valikonäyttö voi peittää muun web -sivun näkymän. Ja kun otat huomioon, että selaat matkapuhelimestasi, olet todennäköisesti peittänyt koko sivun. Jos haluat poistaa sen, kopioi ja liitä seuraava koodi:
/ * Muuta valikko X: ksi avattuna * /
.mobile_nav.opened .mobile_menu_bar: ennen {
sisältö: ’ 4d’;
}
Nyt kun tiedät kuinka lisätä avattava mobiilivalikko Diviin, sinun tarvitsee vain tietää ja hyödyntää parhaita WordPress-laajennuksia, jotta voit viedä verkkosivusi alkuun.