Automattic / Automattic/blockpatterns
People List 01 - Block Pattern
- Vorherrschende Sprache
- Keine Sprachdaten
- Sterne
- 7
- Forks
- 2
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
### Design Mockup
**Individual images**
- [Person 1](https://a.cl.ly/12u11PX9)
- [Person 2](https://a.cl.ly/YEuAAP7e)
- [Person 3](https://a.cl.ly/p9uKKNvE)
- [Person 4](https://a.cl.ly/YEuAAP5e)
**Location Icon**
- [Location marker PNG](https://a.cl.ly/6quBBEvJ)
- [Location marker SVG](https://a.cl.ly/eDuxx5QG)
### Gutenberg Editor Preview
### Gutenberg Code
```
Jessica Monroe
Product Designer
Mobile, AL
Willy Harris
JS Engineer
New York, NY
Paul Swartz
Business
Aptos, CA
Sarah Reese
Product Manager
Arch Cape, OR
```
### Published Front-end Preview
### Gutenberg Limitations
- **SVG** - Inability to upload SVG icons limits the ability to display high resolution icons.
- **Line Height** - Inability to modify line height between elements.
- **Custom column widths** - Inability to edit column widths which makes it hard to have an icon next to text
- **Copy & Paste** - Inability to create blocks in one layout grid column grid (as a template) and paste them into the other columns within the grid. This results in a bunch of additional manual work.
Beitragsleitfaden
Rechercherichtung
Beginne damit, den Gutenberg-Codeblock sowie die Design- und Frontend-Vorschauen in diesem Issue zu prüfen. Erstelle das Vier-Personen-Layout als wiederverwendbares WordPress-Blockmuster neu und berücksichtige dabei die aufgeführten Einschränkungen bei SVG, Zeilenhöhe, Spaltenbreite sowie beim Kopieren und Einfügen. Erledigt ist die Aufgabe, wenn das Muster den bereitgestellten Vorschauen entspricht und im Repository verwendet werden kann.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- wordpress
- Bereich
- design, frontend, web-dev
- Issue-Typ
- Feature
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100