![\"Pagina](\"http:\/\/wpml.org\/wp-content\/uploads\/2014\/02\/sample-ltr.png\")
<\/a><\/td>\n![\"Pagina](\"http:\/\/wpml.org\/wp-content\/uploads\/2014\/02\/sample-rtl.png\")
<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nPuoi vedere come tutto nella pagina RTL appaia “ribaltato” orizzontalmente. \u00c8 come guardare la pagina LTR “normale” attraverso uno specchio. Creare questa immagine speculare \u00e8 molto semplice. La direzione ‘dir’ del CSS far\u00e0 la maggior parte del lavoro e dovrai solo patchare alcuni punti.<\/p>\n
Caricamento di un file CSS diverso per le lingue RTL<\/h2>\n
WordPress sa quali lingue hanno un flusso RTL e ti permette di personalizzare facilmente il loro layout. Crea un nuovo file rtl.css e inseriscilo nella directory principale del tema.<\/p>\n
WordPress caricher\u00e0 il file rtl.css dopo aver caricato il normale styles.css, quindi il file CSS RTL deve sovrascrivere solo gli attributi che devono essere modificati. Questo significa che il file rtl.css \u00e8 di solito piuttosto piccolo, per la maggior parte dei temi.<\/p>\n
Impostazione della direzione della pagina su RTL<\/h2>\n
L’attributo “direction” dei CSS indica al browser la direzione della pagina. Per le lingue RTL, devi impostare ‘rtl’. C’\u00e8 un altro attributo “magico” che dovresti impostare per una corretta visualizzazione RTL. Si chiama ‘unicode-bidi’. Questo attributo “magico” \u00e8 piuttosto semplice da capire, se sei abituato a scrivere in RTL. Controlla il modo in cui i caratteri vengono visualizzati all’interno della riga.<\/p>\n
Per una corretta visualizzazione RTL, aggiungi quanto segue al selettore .body:<\/p>\n
E il gioco \u00e8 fatto! Il tuo tema ora viene visualizzato in RTL. Quasi. Queste due affermazioni faranno apparire corretta la maggior parte della Pagina. Ora devi gestire le eccezioni.<\/p>\n Ogni punto del CSS, dove si imposta la direzione del testo e gli elementi float, richiede un’attenzione manuale.<\/p>\n Trova tutti i selettori per text-align, float e cancella. Se una qualsiasi di queste opzioni specifica una direzione, scegli tra “destra” e “sinistra”. Ricorda l’immagine speculare che stiamo cercando di ottenere e la comprensione di questa trasformazione sar\u00e0 pi\u00f9 facile.<\/p>\n Un’altra cosa da tenere d’occhio sono i grafici con significato di “direzione”. Ad esempio, se stai creando una presentazione, potresti avere delle frecce per gli elementi successivi e precedenti. Ricorda che il tuo sito apparir\u00e0 attraverso uno specchio nelle lingue RTL, quindi dovrai invertire anche la grafica direzionale. Se utilizzi una freccia rivolta a destra per “next” in LTR, devi prevedere una freccia rivolta a sinistra per “next” in RTL.<\/p>\n Le lingue RTL non hanno gli stessi font delle lingue LTR. Se utilizzi dei font di fantasia e il layout del tema si basa su di essi, dovresti trovare dei font sostitutivi per queste lingue. Se scegli un font che non esiste in una lingua RTL, il browser torner\u00e0 a quello che conosce. \u00c8 meglio che tu specifichi i font alternativi esistenti che ti piacciono.<\/p>\n Se utilizzi i font web standard, sei a posto.<\/p>\n Quando sviluppi il tuo file CSS RTL, \u00e8 una buona idea testare sempre quello che stai facendo.<\/p>\n Non conosci nessuna lingua RTL? Basta usare Google Traducibile. La traduzione sar\u00e0 per lo pi\u00f9 senza senso, ma per lo sviluppo del CSS va bene cos\u00ec.<\/p>\n Ora esamina i diversi tipi di contenuti del tuo sito. Assicurati di includere post, pagine, la home page e qualsiasi contenuto personalizzato che crei.<\/p>\n Per ottenere risultati migliori, trova qualcuno che parli quella lingua e fagli fare un controllo di sanit\u00e0 mentale per te. Il tuo amico che parla la lingua RTL coglier\u00e0 il restante 5% dei problemi che ti sfuggiranno. Si tratta di un’opzione “piacevole da avere”, quindi non interrompere i tuoi sforzi RTL se non conosci nessuno che ti aiuti con i test. Non appena rilascerai la versione RTL del tuo tema, riceverai molti feedback dai tuoi clienti. Se tu fai il 95% dello sforzo, loro saranno felici di contribuire alle correzioni per il restante 5%.<\/p>\n Il requisito fondamentale per avere un tema compatibile con la lingua RTL \u00e8 che il frontend (il contenuto pubblico) venga visualizzato correttamente nelle lingue RTL. Questa \u00e8 la vera base, senza la quale nessuno pu\u00f2 utilizzare il tuo tema per costruire siti in lingua RTL.<\/p>\n Inoltre, molti utenti desiderano avere l’amministrazione di WordPress nella loro lingua. Questo significa anche vedere le schermate di amministrazione del tema con orientamento RTL.<\/p>\n Il modo pi\u00f9 semplice per ottenere la compatibilit\u00e0 RTL per le schermate di amministrazione del tema \u00e8 utilizzare le classi CSS standard di WordPress per gli elementi dell’interfaccia grafica. \u00c8 vero, questo significa che non puoi utilizzare fantasiosi effetti CSS per alleggerire la tua interfaccia grafica. Ci\u00f2 significa anche che la tua interfaccia grafica si integra perfettamente nell’amministrazione di WordPress e viene visualizzata correttamente in LTR \/ RTL.<\/p>\n Se devi utilizzare il tuo CSS personalizzato per le schermate dell’amministrazione, controlla come appare in una lingua RTL. Le stesse regole seguite per il CSS del front-end valgono anche per il back-end. Allinea, fluttua e cancella; evita il posizionamento assoluto e fai attenzione alle immagini.<\/p>\n Per tua informazione, i temi di default di WordPress sono tutti perfettamente adatti alle lingue RTL. Apri il tema default e cerca il file rtl.css. Vedrai quali modifiche ha apportato al CSS del tema default. Di solito, questi cambiamenti sono piuttosto piccoli e facili da seguire.<\/p>\n","protected":false},"excerpt":{"rendered":" RTL significa da destra a sinistra. Solo poche lingue al mondo utilizzano la direzione del testo RTL, ma queste lingue coprono oltre un miliardo di persone. Aggiungere il supporto RTL al tuo tema \u00e8 semplice e pu\u00f2 aumentarne notevolmente il mercato. Ecco due pagine, una in RTL e una in LTR (normale): Inglese – LTR […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":748855,"menu_order":127,"comment_status":"closed","ping_status":"closed","template":"template-sidebar-2.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_uag_custom_page_level_css":"","ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-15714590","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_subscription_coupon_product_id":["0"],"_wpv_contains_gutenberg_views":[""],"_alp_processed":["1717754082"],"_views_template":["0"],"_wpml_media_duplicate":["0"],"_wpml_media_featured":["1"],"_wp_page_template":["template-sidebar-2.php"],"_yoast_wpseo_metadesc":["Scopri come rendere i tuoi temi compatibili con le lingue RTL. Questo tutorial tratta le tecniche CSS, i test e i suggerimenti per l'amministrazione RTL di WordPress."],"_last_translation_edit_mode":["translation-editor"],"_oembed_bbf56b1d4c25ce11481afba39f176f85":["{{unknown}}"],"wpcf-unformatted-code":[""],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_wpml_word_count":["1115"],"_uag_css_file_name":["uag-css-15714590.css"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Amir","author_link":"https:\/\/wpml.org\/it\/author\/amir\/"},"uagb_comment_info":0,"uagb_excerpt":"RTL significa da destra a sinistra. Solo poche lingue al mondo utilizzano la direzione del testo RTL, ma queste lingue coprono oltre un miliardo di persone. Aggiungere il supporto RTL al tuo tema \u00e8 semplice e pu\u00f2 aumentarne notevolmente il mercato. Ecco due pagine, una in RTL e una in LTR (normale): Inglese – LTR…","_links":{"self":[{"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/pages\/15714590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/comments?post=15714590"}],"version-history":[{"count":1,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/pages\/15714590\/revisions"}],"predecessor-version":[{"id":15714592,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/pages\/15714590\/revisions\/15714592"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/pages\/748855"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/media?parent=15714590"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/it\/wp-json\/wp\/v2\/related-projects-category?post=15714590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n{
\ndirection:rtl;
\nunicode-bidi:embed;
\n}
\n<\/code><\/p>\nCapovolgimento della direzione del testo, fluttuazioni e cancellazioni<\/h2>\n
Grafica che implica una direzione<\/h2>\n
Selezione dei font personalizzati<\/h2>\n
Come testare il tuo tema in RTL<\/h2>\n
\n
<\/a><\/a><\/a>Materiale bonus – l’amministrazione del tema in lingua RTL<\/h2>\n
<\/a>Un grande riferimento: il tema default di WordPress<\/h2>\n