Title: Block
Author: WordPress.org
Published: 1 december 2025

---

# Block

Block-komponenter. Utan programmering. Du behöver bara klicka och infoga ditt innehåll.

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## Bygg utan begränsningar

Den teknik som driver en stor del av webben har aldrig varit enklare att lära sig.
Med block kan du visuellt interagera med vilket innehåll som helst, med eller utan
programmering – vilket ger rika layouter, interaktivt lärande och ändlösa utbyggnadsmöjligheter.
Lika kraftfulla för design som för utveckling, men samtidigt intuitivt förståeliga
för nybörjaren.

[Skapa block](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Bläddra i blockkatalogen](https://wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

Stycke

![](https://wordpress.org/files/2023/08/block-heading.png)

Rubrik

![](https://wordpress.org/files/2023/08/block-media-text.png)

Media

![](https://wordpress.org/files/2023/08/block-image.png)

Bild

![](https://wordpress.org/files/2023/08/block-video.png)

Video

![](https://wordpress.org/files/2023/08/block-audio.png)

Ljud

![](https://wordpress.org/files/2023/08/block-columns.png)

Kolumner

![](https://wordpress.org/files/2023/08/block-file.png)

Fil

## WordPress hemliga kraft

Block är den visuella grunden för WordPress och kan användas för att skapa och hantera
varje del av din webbplats. Det är faktiskt enklare än du tror. När du lär dig hur
man redigerar ett block så lär du dig hur man använder allt i WordPress – utan att
behöva skriva kod. För inspiration, kolla in vad andra har gjort med WordPress i
galleriet.

[Utforska galleriet](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## Fullständig kreativ kontroll

WordPress-redigeraren är standardsättet för att infoga, omvandla, stilsätta och 
flytta runt dina block på en visuell innehållsyta tack vare ett enkelt dra-och-släpp-
gränssnitt.

[Prova blocken live](https://sv.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    registerBlockType( 'your-first-block/hello-world', {
        edit: function () {
            return <p>Hello world (from the editor)</p>;
        },
        save: function () {
            return <p>Hello world (from the frontend)</p>;
        },
    } );
    ```

Hej världen (från redigeraren)

## Skapa ditt eget

Om du inte hittar ett block som passar dina behov kan du skapa ditt eget block. 
Att skapa ett block är lika enkelt som att bygga en React-komponent. Använd paketet`
@wordpress/create-block` för att snabbt komma igång med ditt skapande.

[Skapa ett block](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## Se vad som är nytt med block

Den senaste större WordPress-utgåvan har uppdateringar som kan förbättra de block
du redan använder och underlätta ditt webbplatsbyggande. Läs mer om vilka funktioner
som ingår i den aktuella versionen.

[Upptäck den senaste WordPress-versionen](https://sv.wordpress.org/7.0)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## Bara början

Samtidigt som block är kraftfulla i sig själva, är de också del av något större 
och kan kombineras eller distribueras på olika sätt. Som en enhetlig och öppen syntax
är de lätta att förstå för redaktörer, webbläsare och till och med AI. För den som
redigerar blir det enkelt snabbt skapa levande, personliga designer och upplevelser.

[Skapa anpassade block](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Designa blockmönster](https://sv.wordpress.org/patterns/?output_format=md)

[Bygg blockteman](https://developer.wordpress.org/themes/block-themes/)

[Distribuera block](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)