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

WordPress Akuten

Ta det lugnt - det ordnar sig

  • Bra verktyg
  • Tips
  • Felsökning
  • Tillägg i WordPress
  • Utveckling
  • Blogg
  • Bra att veta
    • Kontakta
      WP-akuten/KoBoToLo
    • Integritestpolicy
    • Cookie Policy (EU)
    • Pro bono
Boka ett möte
Ring
Sök
  • Bra verktyg
  • Tips
  • Felsökning
  • Tillägg i WordPress
  • Utveckling
  • Blogg
  • Bra att veta
    • Kontakta
      WP-akuten/KoBoToLo
    • Integritestpolicy
    • Cookie Policy (EU)
    • Pro bono

Skapa block mönster i Gutenberg

WordPress Akuten > Utveckling > Gutenberg > Skapa block mönster i Gutenberg

skrivet den 23 oktober, 2020, uppdaterat den 2 februari, 2021 av Karin H Olsson

Block mönster är en ny del i Gutenberg som gör att du kan återanvända eller bygga egna nya block med andra block.

Verkar det rörigt? I princip är det ett annat sätt att skapa återanvändningsbara block.

Du hittar mönster på samma plats som du hittar andra block, genom att klicka på pluset.

Det finns flera mönster med i WordPress från början men det går också att skapa egna.

Gör först din design

Du skapar ett mönster genom att först göra din layout med block precis som vanligt. Jag brukar lägga allt i en grupp som avslutning och skapa en klass för gruppen. Det underlättar om jag i framtiden behöver css för mönstret.

Registrera mönstret

Koden kan du lägga i functions.php eller i ett site-plugin. Tills vidare så är innehållet i content tomt.

add_action( 'init', 'pattern_init' );
function pattern_init() {
	register_block_pattern(
		'kobotolo/pattern',
		array(
			'title'       => __( 'KoBoToLo Pattern', 'page-intro-block' ),
                        'description' => _x( 'description', 'page-intro-block' ),
			'content' => ""
		)
	);
}

Lägg till innehåll (content)

Nu ska du hoppa tillbaka till sidan/inlägget och kopiera ditt innehåll. Välj gruppen och de tre prickarna längst till höger och sedan kopiera.

Fixa till innehållet

Innan du klistrar in innehållet mellan kaninöronen i content ”” så ska du snygga till den.

Det finns flera ställen på nätet att göra det på, men jag brukar använda https://codebeautify.org/json-escape-unescape

Kopiera resultatet och klistra in i content.

Klart!

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åendeNyheterna i WordPress 5.5
NästaHur ofta gör du schemalagda inlägg på webbplatsen?
Subscribe
Notify of
guest
guest
0 Kommentarer
Inline Feedbacks
Se alla kommentarer

Sidebar

Att välja webbhotell

Vi använder Oderland som webbhotell

Läs mer om att välja webbhotell

 

Problemfri hemsida?

Att underhålla en webbplats innebär mer än att skriva nytt material. WordPress är en programvara och den behöver tas om hand på samma sätt som du uppdatera din dator eller din telefon. Redan när du startar din webbplats bör du göra en underhållsplan och avsätta tid till den.

Vill du sluta oroa dig för problem med tekniken.

Ladda ner min underhållsplan/checklista och sluta oroa dig


Du hittar mig i Värmland bland skogar, vargar och sjöar
Tel: 070 – 49 34 191

Mail: [email protected]

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



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!

Copyright © 2023 · WordPress Akuten · All Rights Reserved

WordPress Akuten
Hantera cookies
Cookies är små textfiler som kan användas av webbplatser för att göra en användares upplevelse mer effektiv.

Lagen säger att vi får lagra cookies på din enhet om de är absolut nödvändiga för att kunna använda den här webbplatsen. För alla andra ändamål krävs ditt medgivande.

Denna webbplats använder olika typer av cookies. Vissa cookies placeras ut av tredjepartstjänster som visas på våra sidor.
Funktionella Alltid aktiv
Cookies är små textfiler som kan användas av webbplatser för att göra en användares upplevelse mer effektiv. Lagen säger att vi får lagra cookies på din enhet om de är absolut nödvändiga för att kunna använda den här webbplatsen. För alla andra ändamål krävs ditt medgivande. Denna webbplats använder olika typer av cookies. Vissa cookies placeras ut av tredjepartstjänster som visas på våra sidor.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistik
Cookies för statistik hjälper en webbplatsägare att förstå hur besökare interagerar med webbplatser genom att samla och rapportera in information anonymt. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marknadsföring
Cookies för marknadsföring används för att spåra besökare på webbplatser. Avsikten är att visa annonser som är relevanta och engagerande för enskilda användare, och därmed mer värdefull för utgivare och tredjepartsannonsörer.
Hantera alternativ Hantera tjänster Hantera {vendor_count}-leverantörer Läs mer om dessa syften
Hantera inställningar
{title} {title} {title}