| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
software  
  • Adobe Illustrator
  • animation Software
  • Antivirus Software
  • Audio Software
  • Sikkerhedskopiere data
  • brænde cd'er
  • brænde dvd'er
  • Datakomprimeringssystem
  • database Software
  • Desktop Publishing
  • Desktop Video
  • Digital Video Software
  • Drupal
  • Educational Software
  • Engineering Software
  • Fil Forlængelse Types
  • finansiel Software
  • Freeware, Shareware & Abandonware
  • GIMP
  • grafik Software
  • Home Recording Software
  • Microsoft Access
  • Microsoft Excel
  • Microsoft Publisher
  • Microsoft Word
  • Open Source Code
  • Anden Computer Software
  • PC spil
  • Photoshop
  • Portable Document Format
  • PowerPoint
  • præsentation Software
  • produktivitet Software
  • Quicktime
  • Remote Desktop Management
  • SQL Server
  • Skype
  • Software betaversioner
  • Software Consultants
  • Software Development Companies
  • software Licensing
  • regneark
  • Skat forberedelse software
  • Utility Software
  • Web Clip Art
  • Windows Media Player
  • Tekstbehandling Software
  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • TikTok
  • WhatsApp
  • WordPress
  • Chrome
  • Discord
  • Amazon
  •  
    Computer Viden >> software >> WordPress >> Content
    Hvordan skjuler man WordPress-blokke og widgets i mobile enheder?
    Der er flere måder at skjule blokke og widgets på i mobile enheder ved hjælp af CSS:

    1. Brug af egenskaben `display` :Du kan bruge egenskaben `display` til at indstille synligheden af ​​et element til `none`. Dette vil skjule elementet på alle enheder, inklusive mobile enheder.

    For at skjule en blok med ID'et "blok-id" på mobile enheder kan du f.eks. tilføje følgende CSS-regel til dit temas style.css-fil:

    ```

    @media (maks. bredde:768px) {

    #blok-id {

    display:ingen;

    }

    }

    ```

    2. Brug af egenskaben "synlighed" :Egenskaben "synlighed" kan bruges til at skjule et element uden at fjerne det fra siden. Det betyder, at elementet stadig optager plads på siden, men det vil ikke være synligt.

    For at skjule en blok med id'et "blok-id" på mobile enheder ved hjælp af egenskaben "visibility", kan du f.eks. tilføje følgende CSS-regel til dit temas style.css-fil:

    ```

    @media (maks. bredde:768px) {

    #blok-id {

    synlighed:skjult;

    }

    }

    ```

    3. Brug af egenskaben 'position' :Egenskaben 'position' kan bruges til at flytte et element væk fra skærmen. Dette kan bruges til at skjule et element i mobile enheder uden at ændre dets synlighed eller fjerne det fra siden.

    For at skjule en blok med ID'et "blok-id" på mobile enheder ved hjælp af egenskaben `position`, kan du f.eks. tilføje følgende CSS-regel til dit temas style.css-fil:

    ```

    @media (maks. bredde:768px) {

    #blok-id {

    position:absolut;

    venstre:-9999px;

    top:-9999px;

    }

    }

    ```

    Du kan også bruge en kombination af disse teknikker til at skjule blokke og widgets på mobile enheder. For eksempel kan du bruge egenskaben `display` til at skjule et element på alle enheder, og derefter bruge egenskaben `visibility` til kun at skjule det på mobile enheder.

    Det er vigtigt at bemærke, at de specifikke CSS-regler, du skal bruge til at skjule blokke og widgets på mobile enheder, kan variere afhængigt af dit tema og de specifikke elementer, du vil skjule. Du skal muligvis eksperimentere med forskellige CSS-regler for at finde dem, der fungerer bedst til dit websted.

    Forrige :

    næste :
      Relaterede artikler
    ·Hvordan kontrollerer man ordtal i WordPress-indlæg? 
    ·Hvordan opretter man lister på WordPress-webstedet? 
    ·Sådan tilføjes WordPress Jetpack-statistikker på iPh…
    ·Sådan integreres ConvertPlus WordPress Plugin med Mail…
    ·Sådan rettes langsom WordPress Admin Dashboard? 
    ·Hvordan omgår Perfmatters-plugin til test af WordPress…
    ·Sådan opretter du dit første WordPress-websted med Ki…
    ·Sådan markeres og spores vigtige artikler på WordPres…
    ·Hvordan installeres eller aktiveres PHP-udvidelser i Wo…
    ·Sådan deaktiveres WooCommerce-stile og scripts i WordP…
      Anbefalede Artikler
    ·Sådan Optag video på din Desktop til Free 
    ·Creative MediaSource 5 CTCMSu.exe Fejl 
    ·World of Warcraft Installer Krav 
    ·Hvordan at balancere et checkhæfte med et regneark 
    ·Sådan Udskift en backup batteri i en iBook 
    ·Sådan Juster i Photoshop Med Move Tool 
    ·Sådan vises Keyboard Accelerationer i PowerPoint 2007 
    ·Sådan Transfer iTunes til en ny konto 
    ·Sådan Reset DRM på Windows Media Player 
    ·Sådan Optag HBO på en DVD 
    Copyright © Computer Viden http://www.computerdk.com