GM Adaptive CSS Grid Columns

Περιγραφή

Ποιος μπορεί να επωφεληθεί από την προσθήκη GM Adaptive CSS Grid Columns; (Σύντομη: GM Grid)
Το πρόσθετο έχει σχεδιαστεί για να βοηθά όλους όσους θέλουν να έχουν μια εύκολη, ελαφριά και χωρίς ανησυχίες λύση για να ρυθμίσουν έναν μέγιστο αριθμό πλέγματος στον ιστότοπό τους.
Φυσικά, μπορείτε να έχετε λιγότερες στήλες από αυτές που έχετε ορίσει. Θα πάρουν αυτόματα το σωστό ποσοστό όπως 33,3%, 50% ή ακόμα και 100% του διαθέσιμου πλάτους.

Πρέπει να γνωρίζω CSS;

Με τίποτα! Ειδικά οι αρχάριοι και οι μη προγραμματιστές θα αρχίσουν να αγαπούν αυτό το πρόσθετο σύντομα.

Περιμένετε, όχι άλλο πρόσθετο, τι συμβαίνει με την ταχύτητα της σελίδας μου;

Μην πανικοβάλλεστε, φροντίσαμε για αυτό διατηρώντας αυτό το πρόσθετο ελαφρύ και το CSS ελαχιστοποιείται από προεπιλογή.

Σημαντική Σημείωση:

Η προσθήκη λειτουργεί μόνο εάν προσδιορίσετε και στοχεύσετε σωστά τον γονέα και είναι άμεσα θυγατρικά στοιχεία. Διαφορετικά, η προσθήκη δεν μπορεί να λειτουργήσει.
Το προτεινόμενο εργαλείο δημιουργίας σελίδων είναι τα Bricks, Oxygen και Breakdance.

Πώς να το χρησιμοποιήσετε:

Φροντίστε να προσθέσετε τις ακόλουθες κλάσεις στο container και να κατευθύνετε θυγατρικά στοιχεία. Χρησιμοποιήστε ένα Div αντί για ένα τμήμα, container ή block

Κλάση γονικό/Container: grid-container
Κλάση Θυγατρικού Στοιχείου: grid-item

Επιπλέον, υπάρχει μια ακόμη κατηγορία CSS διαθέσιμη. Χρησιμοποιώντας το grid-center στο γονικό σας στοιχείο (container), επιτυγχάνετε τρία πράγματα.
1. Το container θα είναι κεντραρισμένο στη σελίδα
2. Προσθέστε το επιθυμητό πλάτος σας (σε rem)
3. Προσθέστε οριζόντια απόσταση σε όλα τα breakpoints

Ελάχιστη ρύθμιση:

  1. Καθορίστε τον μέγιστο αριθμό στηλών για το μεσαίο και μεγάλο μέγεθος οθόνης σας.
  2. Προσθέστε το επιθυμητό μέγεθος κενού (σε rem)
  3. Ορίστε το μεσαίο και μεγάλο breakpoints (σε em).
    Αποθηκεύσετε!

Γρήγορη επισκόπηση του GM Adaptive CSS Grid Columns από τον Imran Siddiq

Μεταφράσεις

Το GM Adaptive CSS Grid Column μπορεί να χρησιμοποιηθεί σε αυτές τις διαφορετικές γλώσσες χάρη στους ακόλουθους μεταφραστές:

Στιγμιότυπα

  • Προσδιορίστε τις επιθυμητές ρυθμίσεις σας
  • Προσθέστε την κλάση grid-container σαν Γονικό στοιχείο και το Θυγατρικό στοιχείο: grid-items

Εγκατάσταση

  1. Μεταβείτε στο Προσθετά στο μενού Διαχειριστή
  2. Κάντε κλικ στο κουμπί Νέο πρόσθετο
  3. Αναζητήστε για Adaptive CSS Grid Columns και κάντε κλικ στην ‘Εγκατάσταση τώρα’ ή κάντε κλικ στον σύνδεσμοupload link to upload adaptive-css-grid-columns.zip
  4. Κάντε κλικ στο Ενεργοποίηση πρόσθετου

Χειροκίνητη εγκατάσταση

  1. Κατεβάστε το πρόσθετο
  2. Εξαγωγή των περιεχομένων του αρχείου zip
  3. Μεταφορτώστε τα περιεχόμενα του αρχείου zip στον φάκελο wp-content/plugins/ της WordPress εγκατάστασής σας
  4. Ενεργοποιήστε το προσθετό Adaptive CSS Grid Columns από τη σελίδα ‘Πρόσθετα’.

Συχνές Ερωτήσεις

Γιατί αυτό το πρόσθετο δεν λειτουργεί για μένα;

Το πρόσθετο λειτουργεί μόνο εάν προσδιορίσετε και στοχεύσετε σωστά τον γονέα και τα άμεσα θυγατρικά του στοιχεία.
Συνιστώμενες εφαρμογές δημιουργίας σελίδων είναι τα Bricks, Oxygen και Breakdance.

Γιατί λείπει το μικρό breakpoint;

Αυτό το πρόσθετο λειτουργεί με βάση την αρχή “Πρώτα στο κινητό”, που σημαίνει ότι όλα κάτω από το μεσαίο σημείο breakpointείναι για μικρές συσκευές. Με αυτόν τον τρόπο, μπορείτε να ορίσετε πότε πρέπει να εφαρμοστεί το μεσαίο και το μεγάλο σημείο θραύσης.

Κριτικές

27 Μαρτίου 2023 1 απάντηση
What makes Adaptive CSS Grid stand out is its intuitive user interface and the ease of use. Even if you don't have any prior experience with CSS grids, you can quickly get started with the plugin and create beautiful, responsive designs without any hassle. One of the best features of Adaptive CSS Grid is its flexibility with adjusting the columns required. I love how it just works seamlessly with Bricks Builder, and some others. My tip is to use Divs for the Parent and Child containers 🙂
27 Μαρτίου 2023 1 απάντηση
This is an awesome plugin especially with a page builder like bricks / breakdance, etc. to easily and quickly bring in the use of CSS grid. This is how it should be implemented and find using GM grid a real time saver. 😎
Ανάγνωση όλων των 2 κριτικών

Συνεισφέροντες & Προγραμματιστές

“GM Adaptive CSS Grid Columns” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.

Συντελεστές

Το “GM Adaptive CSS Grid Columns” έχει μεταφραστεί σε 3 γλώσσες. Ευχαριστούμε τους μεταφραστές για τις συνεισφορές τους.

Μεταφράστε το “GM Adaptive CSS Grid Columns” στην γλώσσα σας.

Ενδιαφέρεστε για την ανάπτυξη;

Περιηγηθείτε στον κώδικα, ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών ανάπτυξης μέσω RSS .

Σύνοψη αλλαγών

1.0.0: March 25, 2023

  • Πρώτη έκδοση του GM Adaptive CSS Grid Columns

1.0.1: March 27, 2023

  • Διορθώθηκε το σφάλμα με το css που αποθηκεύτηκε στην κρυφή μνήμη μετά την αλλαγή των επιλογών. Χάρη στον Imran Siddiq / Websquadron aka @flickimp

1.0.2: March 27, 2023

  • Διορθώσεις ετικετών

1.0.3: March 28, 2023

  • Διορθώσεις διεπαφής διαχειριστή

1.0.4: March 28, 2023

  • Έλεγχοι συμβατότητας WordPress 6.2