Support » Lisäosat ja muokkaukset » Mobiliilimenu

Mobiliilimenu

  • tapiohuuhaa

    (@tapiohuuhaa)


    5 vuotta, 1 kuukausi sitten

    Ihan haluaisin kysyä, millä periaatteella mobiilivalikon avaus/kasaus on toteutettu.

    Ymmärtääkseni se vaatii CSS:n lisäksi JavaScrptiä. Kun joskus tein sivuja avaus/sulkemistoimintoa ei www-sivuilla käytetty.

    Leiskojen päätaitepistettä ei kannattane yrittää muuttaa. Tarkoitan päätaitepisteellä levyttä, jossa mobiilivalikko vaihtuu tietokoneversion valikoksi.

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • Moderator Mikko Saari

    (@msaari)

    5 vuotta, 1 kuukausi sitten

    Joo, javascriptiä se vaatii, pelkällä CSS:llä ei saa tehtyä klikkaamiseen reagoivia toimintoja.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 1 kuukausi sitten

    Olisi kiva hieman tuota ymmärtää, vaikka teemaa ei kannatakaan muuttaa. Itse valitsin teemat niin, että tulee 800px leveydellä normaali valikko.

    WordPressin vuosileiskoissa (twenty…) mobiili huomioitu vuodesta 2013, joten kovin vanhasta asiasta ei ole kyse.

    Moderator Mikko Saari

    (@msaari)

    5 vuotta, 1 kuukausi sitten

    Joo, uudehko juttu sinänsä, pari vuotta sittenhän toi tuli Googlelle, että Google arvioi jatkossa kaikki sivut mobiiliversioiden mukaan. Siinä vaiheessa oli vähän pakko ruveta tekemään toimivia mobiiliversioita.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 1 kuukausi sitten

    Ihan sivumennen. Huomasin, että mobiililaitteiden yksi ongelma on se, että title-attribuutti ei näy.

    Sen tilalle olen kuvakkeisiin + allekirjoitukseen liittänyt CSS:llä title-attribuutin korvaavan tekstin.

    Leiskoissa oikeastaan pitäisi olla automaattisesti luotua ::after-määrityksiä, jos halutaan laajemmin korvata title CSS:llä. Harrastusluonteisilla sivuilla noi voi lisätä manuaalisesti.

    https://www.sanaristikkofoorumi.net/wordpress/forums/forum/muut-aiheet/wordpress-bbpress/

    title-attribuutin korvaaminen CSS:llä näkyy monessakin kohtaa. Poistin title-attribuutin kohdista, joissa se olisi tullut ::after/::before rinnalle.

    Moderator Mikko Saari

    (@msaari)

    5 vuotta, 1 kuukausi sitten

    Suosittelen myös, että title-attribuutteihin ei yksinkertaisesti laiteta mitään kriittistä sisältöä. Titleihin liittyy ongelmia muutenkin kuin mobiililaitteilla, ne ovat helposti hankalia.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 1 kuukausi sitten

    Nykyselainten hienoin puoli vajaa kymmenen vuotta sitten olleisiin selaimiin on ::after/::before -tuki.

    Ilman sitä en olisi saanut foorumisivuston päävalikkoa toimivaksi 800px leveydellä.
    Siitä loppui tila kaikille tekstilinkeille. Tekstilinkkejä piti korvata dashicon-kuvakkeilla + :hover::after -teksteillä.

    Mobiililaitteilla linkit näkyvät tekstinä.

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • The topic ‘Mobiliilimenu’ is closed to new replies.

Näytöt