• Hoppa till huvudinnehåll
  • Skip to header right navigation
  • Skip to site footer
WP Akuten

WP Akuten

Ta det lugnt - det ordnar sig

  • Verktyg
  • Tips
  • Felsökning
  • Plugin
  • Utveckling
  • Blogg
  • Boka support
    • Kontakta WP-akuten/KoBoToLo
    • Pro bono
    • Cookie Policy (EU)
    • Integritestpolicy
Boka ett möte
Ring
Sök
  • Verktyg
  • Tips
  • Felsökning
  • Plugin
  • Utveckling
  • Blogg
  • Boka support
    • Kontakta WP-akuten/KoBoToLo
    • Pro bono
    • Cookie Policy (EU)
    • Integritestpolicy

Styla dina wordpress block

WP Akuten > Utveckling WordPress > Gutenberg > Styla dina wordpress block

skrivet den 20 juli, 2020, uppdaterat den 20 maj, 2021 av Karin H Olsson

Ibland så kan det behövas att man skapar en extra stil (style) på ett block i Gutenberg. Det underlättar om man som här vill ha extra stil på en knapp.

Jag kallar här stilen för fyll-ut

Och då läggs följande css till:

  • Full bredd (100%)
  • Botten marginal
  • Blå bakrund
add_action( 'after_setup_theme', 'kobotolo_gutenberg_css' );

function kobotolo_gutenberg_css () {
  register_block_style(
    'core/button',
    array(
       'name'  => 'fyll-ut',
       'label' => __( 'Fyll ut', 'text-domain' ),

     'inline_style' =>
     '.wp-block-button.is-style-fyll-ut { 
         width:100%;
         margin-bottom:1rem; 
         background:blue;}',
      )
  );
}

Det här underlättar om du ofta har inställningar som du vill återanvända.

För mina kunder underlättar det genom att de bara behöver klicka på en stil och inte behöver lägga till en css-klass.

Så här ser det ut vid redigering:

Karin H Olsson

Jag har en bakgrund som konstruktör inom realtidssystem, de system som finns inbyggda i bilar, flygplan mm. Sedan tio år är jag företagare.

Utbildad systemvetare med en master i psykologi och mitt intresseområde finns där människor och datorer möts. En dag förstår vi varandra 🙂

Läs mer => KoBoToLo – Om KoBoToLo en webbyrå i Karlskoga

FöregåendeRegistrera temafärger i Gutenberg
NästaSkapa block mönster i GutenbergDags att uppdatera
Kategori: Gutenberg

Jag uppskattar din kommentar

Under många år har jag lagt ner tid och engagemang på att hjälpa andra med deras wordpress-sida. Jag uppskattar all form av feedback för på så sätt så blir arbetet roligare och jag vet om det är uppskattat. Så varför inte skriva ett enkelt tack - om du fick tips för att lösa ditt problem eller löste det!
Tack för din återkoppling!
Karin

0 0 Röster
Article Rating
Prenumerera
Uppdatering av
guest
guest
0 Kommentarer
Oldest
Newest Most Voted
Inline Feedbacks
Se alla kommentarer

Sidebar

Att välja webbhotell

Vi använder Oderland som webbhotell

Läs mer om att välja webbhotell

 

Du hittar mig i Värmland bland skogar, vargar och sjöar


Mail: info@kobotolo.se

Vill du istället att vi kontaktar dig så skicka ett mail så ringer vi upp. Du kan också fylla i vårt kontaktformulär:


Be mig kontakta dig


Maila mig



Tel: 070 – 49 34 191

Onsdagar 9.00 till 10.00 är vår stående hjälptimme. Då ger vi tips och råd per telefon till kunder och icke-kunder. Ingen fråga är fel!

Övrig tid kan vi tyvärr inte ge support per telefon!

Copyright © 2025 · WordPress Akuten · All Rights Reserved

  • Svenska