jquery - Flexslider と右から左への言語サポート

Question

Flexslider を含むテンプレートを WordPress にインストールしました。私の言語は右から左 (RTL) で書かれています。ページが RTL の場合、Flexslider は停止し、画像は表示されません。この問題を解決するにはどうすればよいですか?

Answer 1

flex スライダーは rtl 言語をサポートしていません。それを修正する唯一の方法は、スライダーを保持するdivを作成することですdirection: ltr

1. テーマで、ホームページのスライダーが index.php というファイルを見つけた場合、スライダーを保持している div とこのすべてのコードを見つけて style="direction:ltr;" 、記事を slier に完全に表示します

2. rtl からテキストの方向を修正するには、テーマの flexslider.css というファイルを見つけ、コードを保持する行 .flexslider .slides > li{(私にとっては 25 行目) に次を追加します。
   text-align:right;
direction:rtl;

これらの2つのステップで修正されました。幸運を

Answer 2

方向ナビゲーションを修正するには、独自のスタイルシートのこれらのルールで flexslider ルールをオーバーライドする必要があります。

/* Flexslider RTL */
.flex-direction-nav .flex-next {background-position: 0 0; left: -36px; right: auto;}
.flex-direction-nav .flex-prev {background-position: 100% 0; right: -36px; left: auto;}
.flexslider:hover .flex-next {left: 5px; right: auto;}
.flexslider:hover .flex-prev {right: 5px; left: auto;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; right: 0; left: auto;}
  .flex-direction-nav .flex-next {opacity: 1; left: 0; right: auto;}
}