Διόρθωσε σελίδα που «φεύγει» στο πλάι στο κινητό με ένα μικρό CSS
Βρες το στοιχείο που κάνει μια σελίδα φαρδύτερη από την οθόνη του κινητού και διόρθωσέ το με CSS στο WPCode ή στο Code Snippets, ενεργό με εξαψήφιο κωδικό.
- Δυσκολία
- Προχωρημένη
- Χρόνος
- περίπου 20 λεπτά
- Συνεργάζεται με
- WPCode, Code Snippets
Στο κινητό, η σελίδα [διεύθυνση σελίδας] κουνιέται στο πλάι και μένει κενό δεξιά. Άνοιξέ τη σε κινητό και πες μου τι βγαίνει έξω από την οθόνη. Βρες το στοιχείο που φταίει στο HTML της σελίδας και γράψε τη μικρότερη διόρθωση CSS που αγγίζει μόνο αυτό και τίποτε άλλο στο site. Πρόσθεσέ τη ως CSS snippet, δείξε μου τον κώδικα και ενεργοποίησέ τη μόνο αφού την εγκρίνω. Μετά έλεγξε ξανά τη σελίδα στο κινητό.
Έχεις ήδη συνδεθεί;
Αν το Mitos είναι ήδη στον βοηθό AI σου, αρκεί αυτό:
Η [σελίδα] φεύγει στο πλάι στο κινητό: βρες την αιτία και διόρθωσέ τη με μικρό CSS μετά την έγκρισή μου.
Τι γίνεται
- Ο βοηθός AI ανοίγει τη σελίδα σε browser κινητού και σου λέει τι είναι φαρδύτερο από την οθόνη, με στιγμιότυπο.
- Διαβάζει το HTML της σελίδας όπως το δείχνει ο browser, για να βρει το στοιχείο και τις κλάσεις του.
- Προσθέτει CSS snippet που στοχεύει μόνο εκείνο το στοιχείο· τα νέα snippets φτιάχνονται πάντα απενεργοποιημένα.
- Η ενεργοποίηση εγκρίνεται με εξαψήφιο κωδικό ως επιπλέον έλεγχο ότι είσαι εσύ· μετά το Mitos φορτώνει το site, το απενεργοποιεί ξανά αν κάτι χαλάσει και για δέκα λεπτά παρακολουθεί μήπως εμφανιστούν σφάλματα.
- Ελέγχει ξανά τη σελίδα στο κινητό και σου λέει αν σταμάτησε να φεύγει στο πλάι.
Εγκρίσεις
Προκύπτουν από τα εργαλεία που χρησιμοποιεί η συνταγή.
sar_visual_checkΟπτικός έλεγχος σελίδαςΚαμίαsar_get_rendered_pageΗ σελίδα όπως τη βλέπουν οι επισκέπτεςΚαμίαwordpress_create_snippetΝέο snippet κώδικαΚαμίαwordpress_activate_snippetΕνεργοποίηση snippetΈγκριση με εξαψήφιο κωδικό
Τι έχεις στο τέλος
Μια σελίδα που χωράει στην οθόνη του κινητού, διορθωμένη με λίγες γραμμές CSS που τις απενεργοποιείς όποτε θέλεις.
Σχετικές συνταγές
- Συντήρηση · περίπου 15 λεπτάΒάλε σε τάξη τα παλιά snippets στο WPCode ή στο Code SnippetsΞεσκαρτάρισε τα snippets που μαζεύτηκαν με τα χρόνια: μάθε τι κάνει το καθένα, απενεργοποίησε όσα δεν χρειάζεσαι και στείλε τα περιττά στον κάδο.
- Ασφάλεια και αντίγραφα · περίπου 15 λεπτάΕξέτασε και απενεργοποίησε snippets που δεν αναγνωρίζειςΔες τα snippets στο WPCode ή στο Code Snippets, μάθε με απλά λόγια τι κάνει όποιο δεν ξέρεις, και απενεργοποίησε όσα φαίνονται ύποπτα.
- Σχεδίαση και builders · περίπου 20 λεπτάΆλλαξε το πάνω μέρος μιας δημοσιευμένης σελίδας ElementorΝέος τίτλος, κείμενο και κουμπιά στην κορυφή μιας ζωντανής σελίδας Elementor, φτιαγμένα σε πρόχειρο αντίγραφο που συγκρίνεις πριν μπει στη θέση της.
Δοκίμασέ το στο δικό σου site
Εγκατάστησε το πρόσθετο, πρόσθεσε το Mitos στον βοηθό AI σου και επικόλλησε το prompt. Δωρεάν για να ξεκινήσεις.