Tee kustomoitu linkki, jossa URL kohtaan laitat risuaidan # ja tekstikohtaan sanan tarvikkeet.
Tämä siis tapahtuu kohdasta Ulkoasu >> Valikot.
Samaa täällä pähkäilin, kiitos ohjeesta. Tällä ratkaisulla on se ongelma, että kustomoitua linkkiä painaessa pompataan sivun yläosaan. Eli jos ihminen on skrollannut sivua alas ja menee painamaan tässä esimerkissä olevaa Tarvikkeet -linkkiä, pomppaa takas ylös. Onko tähän ratkaisua?
No ei suuri, mutta minun mielestä häiritsevä. Tekemääni sivuun tulee alavalikkoon aika paljon linkkejä, jolloin pienemmällä näytöllä joutunee mennä alaspäin näkeäkseen kaikki linkit.
Laitatko linkin sivuille, niin vilkaisen.
Ehkä itse laittaisin osuuskunta linkin alle oikean sivun, jos tuo häiritsee. Ja siihen vaikka sisällöksi pieni introteksti ja linkit alasivuille.
esimerkiksi jQueryllä tämä varmastikkin onnistunee. jQuery vaatii toimiakseen jQuery-kirjaston, ohjeet löytyy esimerkiksi täältä tai Googlettamalla.
$('#tähän-halutun-menu-itemin-id').children('a').click(function (e) {
e.preventDefault();
})
En testannut tuota koodia, mutta pitäisi toimia…
Yritin tehdä Pekan ohjeilla, mutta menee liian vaikeaksi aloittelijalle. Voisiko joku antaa rautalankaohjeet, kiitos!
Tässä itsekin vielä opetellaan WordPressin saloja, mutta yritän jeesata parhaani mukaan.
Sivuillasi näyttäisi olevan jQuery asennettuna joten tuon Google-stepsin voi unohtaa. Ja toiseksi, näköjään oikea oppinen tapa WordPressin kanssa olisi muutenki lisätä tuo jQuery lisäämällä header.php tiedostoon head-tagien sisään alla oleva. Mutta tämän voit nyt unohtaa.
<?php wp_enqueue_script("jquery"); ?>
Jos esimerkiksi haluat ettei ’Osuuskunta’ linkistä painamalla tapahdu mitään. Niin sinun tulisi lisätä alla oleva scripti käytössä olevan templaten footer.php -tiedostoon ennen </body> tagia.
<script>
$('#menu-item-183').children('a').click(function (e) {
e.preventDefault();
})
</script>
Oikeaoppinen tapa lisätä scriptejä on käyttää wp_enqueue_script()
-funktiota ja samannimistä koukkua.
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Vastaavasti WP pitää jo sisällään jquery-kirjaston, joten sitä ei tarvitse (ja useissa tapauksissa ei pidä) ladata muualta.
http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Link_a_Theme_Script_Which_Depends_on_jQuery
Yritin näillä ohjeilla, mutta en ainakaan minä saanut ongelmaa korjatuksi. Otin kaikki tekemäni muutokset pois, etteivät kummittele myöhemmin.
Kokeilin sivujani älypuhelimella ja silloin tajusin, että tämä ongelma on isompi. Valikkojen käyttäminen kosketusnäytöillä on lähes mahdotonta!
WordPressille kuitenkin täydet pinnat siitä miten hienosti sivut muuten toimii puhelimella!
WordPressille kuitenkin täydet pinnat siitä miten hienosti sivut muuten toimii puhelimella!
Tämä ei ole oikeastaan niinkään WP:n ansiota, vaan teeman tekijän.