Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Learn WordPress - Live Session 5 - RTL Themes - تعلم ووردبريس

799 views

Published on

في المحاضرة الخامسة من سلسلة تعليم ووردبريس هنشوف مع بعض ازاي تحول اتجاه الثيم من LTR لـ RTL
وده جزء مهم زي ما قلنا في محاضرة رقم 4 (تعريب القوالب والاضافات)

RTL-er.com: http://www.rtl-er.com/

Youtube Video: https://www.youtube.com/watch?v=NJpDVwVo-KQ

Published in: Education
  • Hi there! I just wanted to share a list of sites that helped me a lot during my studies: .................................................................................................................................... www.EssayWrite.best - Write an essay .................................................................................................................................... www.LitReview.xyz - Summary of books .................................................................................................................................... www.Coursework.best - Online coursework .................................................................................................................................... www.Dissertations.me - proquest dissertations .................................................................................................................................... www.ReMovie.club - Movies reviews .................................................................................................................................... www.WebSlides.vip - Best powerpoint presentations .................................................................................................................................... www.WritePaper.info - Write a research paper .................................................................................................................................... www.EddyHelp.com - Homework help online .................................................................................................................................... www.MyResumeHelp.net - Professional resume writing service .................................................................................................................................. www.HelpWriting.net - Help with writing any papers ......................................................................................................................................... Save so as not to lose
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Learn WordPress - Live Session 5 - RTL Themes - تعلم ووردبريس

  1. 1. RTL
  2. 2. Agenda • What is RTL? • Why RTL? • How to RTL?
  3. 3. What is RTL? • RTL is the abbreviation of Right To Left languages. • There are a few RTL languages (Arabic and Hebrew). • WordPress supports RTL and LTR languages • Our main concern is change the direction of the different elements in our website (theme) and text to be right to left.
  4. 4. Why RTL? By convention Arabic users scan the web pages in the same direction they read (RTL). It doesn’t make sense that you place your texts in the opposite direction! Here is an example.
  5. 5. How to Change LTR to RTL? 1 → copy style.css content into rtl.css 2 → remove any irrelevant attributes. Colors, Fonts, Width, Vertical positioning, etc.
  6. 6. How to Change LTR to RTL? 3 → Change the values from left to right and right to left for the following: text-align, float, clear. text-align: left; float: right; clear: left; text-align: right; float: left; clear: right;
  7. 7. How to Change LTR to RTL? 4 → Convert your images to RTL. 5 → Mirror the following attributes and Zero the original: - margin - padding - borders - background-position - right/left positioning
  8. 8. How to Change LTR to RTL? .commentslink{ background:url("./images/com ments.gif") no-repeat 0 3px; padding-left:15px; margin: 2px 4px 0px 12px; left: 10px; } .commentslink{ background:url("./images/comm ents-rtl.gif") no-repeat 100% 3px; padding-left:0; padding-right:15px; margin: 2px 12px 0px 4px; left:auto; right:10px; }
  9. 9. How to Change LTR to RTL? ♦ Important Notes: • Background positioning: → if 0, set to 100%. Ex: background:url(".//comments-rtl.gif") 100% 3px; • Positioning: → Set the original value to auto. EX: left:auto; • Elements are the same in LTR and RTL: → Phone numbers, Emails, ZIP codes, URLs, etc.
  10. 10. How to Change LTR to RTL? TIME?!!! HELP!
  11. 11. How to Change LTR to RTL? ♠ RTL-er.com ♠
  12. 12. What’s Next? WordPress Multilingual: How to translate your WordPress website!

×