Beskrywing
Wie kan baat vind by die GM Adaptive CSS Grid Columns-inprop? (Kort: GM Grid)
Die inprop is gemaak om almal te help wat ‘n maklike, liggewig en kommervrye oplossing wil hê om ‘n maksimum roostertelling op hul webwerf op te stel.
Natuurlik kan jy minder kolomme hê as dié wat jy gedefinieer het. Hulle sal outomaties die regte persentasie neem soos 33,3%, 50% of selfs 100% van die beskikbare breedte.
Moet ek CSS ken?
Absoluut nie! Veral beginners en nie-kodeerders sal binnekort van hierdie inprop begin hou.
Hou vas, nie ‘n ander inprop nie, wat gebeur met my bladsyspoed?
Moenie paniekerig raak nie, ons het hiervoor gesorg deur hierdie inprop liggewig te hou en die CSS word by verstek verklein.
Belangrike kennisgewing:
Die inprop werk net as jy die ouer korrek identifiseer en teiken, en dit is direkte kinderelemente. Andersins kan die inprop nie werk nie. Aanbevole bladsybouer is Bakstene, Suurstof en Breakdance.
Hoe om te gebruik:
Die opstelling is redelik eenvoudig. Basies voeg jy net twee CSS-klasse by jou elemente en die inprop doen die towerkrag vir jou.
Maak seker dat jy die volgende klasse by die houer voeg en kinderelemente rig. Gebruik ‘n DIV in plaas van ‘n afdeling, houer of blok
om botsende voorafbepaalde style te vermy.
Ouer/houer Elementklas: grid-container
Kinderelementklas: grid-item
Daarbenewens is daar nog een CSS-klas beskikbaar. Deur rooster-sentrum op jou ouer (houer) element te gebruik, bereik jy drie dinge.
1. Die houer sal op die bladsy gesentreer wees
2. Voeg jou verlangde breedte by (in rem)
3. Voeg horisontale spasiëring oor alle breekpunte by
Minimum opstelling:
- Definieer die maksimum kolomtelling vir jou medium en groot skermgrootte.
- Voeg die verlangde gapingsgrootte by (in rem)
- Definieer die medium en groot breekpunt (in em).
Spaar!
Vinnige oorsig van GM Adaptive CSS Grid Columns deur Imran Siddiq
Vertalings
GM Adaptive CSS Grid Column kan in hierdie verskillende tale gebruik word danksy die volgende vertalers:
- Afrikaans George Nicolaou
- Duitse Michael Kellersmann
- Grieks George Nicolaou
Screenshots
Definieer jou gewenste instellings 
Voeg die ouerelementklas by: grid-container en die kindelementklas by: grid-items
Installation
- Gaan na
Uitbreidingsin die Admin-kieslys - Klik op die knoppie
Voeg by - Soek vir
Adaptive CSS Grid Columnsen klik ‘Installeer Nou’ of klik op dieload-skakel omadaptive-css-grid-columns.zipop te laai - Klik op
Aktiveer
Handmatige installasie
- Laai die inprop af
- Pak die inhoud van die zip-lêer uit
- Laai die inhoud van die zip-lêer op na die
wp-content/plugins/gids van jou WordPress-installasie - Aktiveer die Adaptive CSS Grid Columns-inprop vanaf ‘Plugins’-bladsy.
Kwel-vrae
-
Hoekom werk hierdie inprop nie vir my nie?
-
Die plugin werk net as jy die ouer en sy direkte kind-elemente korrek identifiseer en teiken.
Aanbevole bladsybouers is Bricks, Oxygen en Breakdance. -
Hoekom ontbreek die klein breekpunt?
-
Hierdie inprop werk gebaseer op die “Mobile First”-beginsel, wat beteken dat alles onder die medium breekpunt vir klein toestelle is. Op hierdie manier kan jy definieer wanneer die medium en groot breekpunt toegepas moet word.
Aanbevelings
Contributors & Developers
“GM Adaptive CSS Grid Columns” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:
Contributors
“GM Adaptive CSS Grid Columns” has been translated into 3 locales. Thank you to the translators for their contributions.
Translate “GM Adaptive CSS Grid Columns” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0: March 25, 2023
- Aanvanklike vrystelling van GM Adaptive CSS Grid Columns
1.0.1: March 27, 2023
- Fout opgelos met css wat gekas is nadat opsies verander is. Dankie aan Imran Siddiq / Websquadron aka @flickimp
1.0.2: March 27, 2023
- Etiketherstellings
1.0.3: March 28, 2023
- Admin UI regstellings
1.0.4: March 28, 2023
- WordPress 6.2 Compatibility Checks
1.0.5: June 01, 2024
- WordPress 6.5 Compatibility Checks