• Hej. Använder som synes Twenty Eleven som bas för våran hemsida. Fungerar utmärkt på PC men på en mobiltelefon inget vidare. Då specifikt menydelen med undermenyer (rullgardin). Finns det något bra tillägg eller helt enkelt ett annat passande Tema. Öppen för förslag

    Sidan jag behöver hjälp med: [logga in för att se länken]

Visar 1 svar - 1 till 11 (av 11 totalt)
  • Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Hej,
    Trenden med ”responsiva” teman (som alltså fungerar bra på de flesta formar och storlekar av skärmar) kom några år senare än Twenty Eleven skapades.

    Jag googlade lite och hittade en fem år gammal artikel som verkar vara på rätt spår, även om vissa åtgärder känns halvbra: https://www.keshkesh.com/wordpress/how-to-make-the-wordpress-twenty-eleven-theme-fully-responsive/

    För menyn rekommenderar författaren https://wordpress.org/plugins/responsive-menu/ som fortfarande verkar skötas av utvecklaren. Senaste uppdateringen gjordes för en vecka sedan.

    Sedan går hen vidare med att föreslå direkt redigering i temats filer. Det arbetssättet är inte så lyckat, eftersom nästa uppdatering av temat kommer att sopa bort dina ändringar. Dessutom kan eventuella säkerhetstillägg klaga om de märker att någon har ändrat i filer som inte borde redigeras av användaren.

    Den enda ”rätta” vägen skulle tidigare vara att skapa ett barntema för dessa ändringar. Men för några år sedan begåvades WordPress med möjligheten att helt enkelt lägga in extra CSS via Utseende → Anpassa → Extra CSS.

    Jag kan inte garantera att det skulle fungera, men du kan ju prova att där lägga in följande för att dölja menyn om skärmen är smalare än 450 px:

    @media (max-width: 450px) {
      #access {display: none;}
    }

    Jag vet inte om de övriga problemen artikelförfattaren tar upp fortfarande finns kvar i temat, men eventuellt kan du ha nytta av att också lägga in:

    img, iframe {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    }

    Berätta gärna hur det går.
    PS! Gillar ditt användarnamn. Rimmar(!) bra med namnet på min bok 🙂

    Trådstartare gravlaxmacka

    (@gravlaxmacka)

    Hej. Ja verkligen ett passande användarnamn kontra din bok (är en älskare av allt med fenor). Det bliv väl lite av bingo. Har använt mig av temat Responsive men tycker att det vid varje uppdatering ger mig alltför mycket arbete för att komma på banan igen. Därför ”backade” jag till mitt nuvarande tema för att få lite mera tid över till fiske. Installerade Responsive tillägget men fick endast nytta av menyikonen då resten kostade pluring. Detta tillsammans med CSS koden som döljer standardmenyn för små skärmar gjorde susen. Kolla på din lur om du tycker det duger?

    Tack och ha de gött

    Trådstartare gravlaxmacka

    (@gravlaxmacka)

    Förresten, du kanske även har en passande CSS kod för att även få bort sökrutan för små skärmar????

    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Ändra från

    @media (max-width: 450px) {
      #access {display: none;}
    }

    till

    @media (max-width: 450px) {
      #access, #searchform {display: none;}
    }
    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Jag var upptagen tidigare under kvällen. Nu när jag kolla (i webbläsaren, inte i mobilen) slocknar bara sökrutan. Konstigt.
    Kan du prova att ändra till

    @media (max-width: 450px) {
      #access, #searchform {display: none!important;}
    }
    Trådstartare gravlaxmacka

    (@gravlaxmacka)

    Mystiskt. Inte hos mig med MS Edge men jag gör som jag blir tillsagd så nu kan du kolla. Har du också någe bra sätt att ge Widget titlarna större font?

    MVH

    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Hmm. Nä. Det gjorde ingen skillnad. Konstigt. När jag dänger in samma CSS via utvecklarverktygen i Firefox, då tar det. Men inte när de kommer direkt i html från dig.
    Men det ser bra ut i mobilen (Chrome på Android) och det är ju det viktiga.

    .widget-title {
        font-size: 1.2em;
        font-weight: bold;
    }
    Trådstartare gravlaxmacka

    (@gravlaxmacka)

    Hej igen
    Hur man än donar och står i upptäcker man saker man inte upptäckt förut. Såg helt plötsligt att ingen av mina Widgetar projiceras på mobilen. Kan man också få till det på något smart sätt?

    MVH

    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Visst finns widgetarna där. Det är bara det att de inte ryms på bredden när skärmen är smal, utan halkar ner under ditt innehåll.

    Vissa teman gör det möjligt att lägga in någon viktig widget före innehållet, men var försiktig med det, för att besökarna inte ska behöva skrolla för långt innan de når det de egentligen ville hitta.

    Trådstartare gravlaxmacka

    (@gravlaxmacka)

    Ok, Ser och förstår detta. Men en lösning vore väl kanske att Maximera visningen av antalet inlägg på sidan t.ex. 3 (för att sedan trycka på ”Äldre inlägg”) för att på detta vis komma snabbt (även synas) fram till Widgetarna på mobilen?

    Finns väl även nån kodning för detta? (har letat runt men finner ingen passande)

    MVH

    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Under Inställningar → Läsa kan du ändra antalet inlägg som visas per sida. Standardvärdet är 10.

    Du kan också lägga in en anvisning för hur mycket av ett inlägg som ska visas på startsidan (eller andra arkivsidor, som kan visa fler än ett inlägg efter varandra: sökresultat, kategorilistor, inlägg per månad etc).
    I blockredigeraren gör du det genom att lägga in blocket ”More”/”Läs mer”.
    I den klassiska redigeraren klickar du på knappen ”More” eller lägger helt enkelt in html-kommentaren <!--more-->

Visar 1 svar - 1 till 11 (av 11 totalt)
  • Ämnet ”Twenty Eleven” är stängt för nya svar.