Title: Side by Side Author: damiarita Published: 27 نوفمبر، 2015 Last modified: 14 نوفمبر، 2017 --- البحث عن الإضافات هذه الإضافة **لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية**. قد لا تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق عند إستخدامها مع إصدارات حديثة من ووردبريس. ![](https://s.w.org/plugins/geopattern-icon/side-by-side.svg) # Side by Side بواسطة [damiarita](https://profiles.wordpress.org/damiarita/) [تنزيل](https://downloads.wordpress.org/plugin/side-by-side.zip) * [تفاصيل](https://ar.wordpress.org/plugins/side-by-side/#description) * [المراجعات](https://ar.wordpress.org/plugins/side-by-side/#reviews) * [التنصيب](https://ar.wordpress.org/plugins/side-by-side/#installation) * [التطوير](https://ar.wordpress.org/plugins/side-by-side/#developers) [الدعم](https://wordpress.org/support/plugin/side-by-side/) ## الوصف This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It’s perfect to compare “before” and “now” images. This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it. Simply use the shortcodes like this: [sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] ``` [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside] ``` #### What should I put in the shortcodes? You can put whatever you want. My suggestion is that you put two images with the same height #### Is it responsive? Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes. ## لقطات الشاشة * [[ * Default view of two pictures. * [[ * Once I move the mouse over the images, the separating bar moves with it. ## التنصيب 1. On the left side menu select Plugins > Add New 2. In “Search Plugins” field enter “side by side” and search 3. Press “Install Now” button of the “side by side” ## الأسئلة المتكررّة Installation Instructions 1. On the left side menu select Plugins > Add New 2. In “Search Plugins” field enter “side by side” and search 3. Press “Install Now” button of the “side by side” Do I need to be a programmer? No! All you need to do is using these shortcodes: ``` [sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside] ``` What should I put in the shortcodes? You can put whatever you want. My suggestion is that you put two images with the same height Is it responsive? Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes. ## المراجعات ![](https://secure.gravatar.com/avatar/877d78c783fedbe953b25320a11bbf853373f1f782e20de006be54c9d9b3a2bc? s=60&d=retro&r=g) ### 󠀁[It works, nice plugin](https://wordpress.org/support/topic/it-works-nice-plugin/)󠁿 [lukejr](https://profiles.wordpress.org/lukejr/) 18 يوليو، 2017 1 reply A useful plugin if you want the user to be able to see images side by side ![](https://secure.gravatar.com/avatar/38c8935d9bc763a088372ea2da2fedb3d0744798819720af4521ad4c965f00e2? s=60&d=retro&r=g) ### 󠀁[It works great for me!](https://wordpress.org/support/topic/it-works-great-for-me-2/)󠁿 [damiarita](https://profiles.wordpress.org/damiarita/) 3 سبتمبر، 2016 I have had no troubles since I developed the plugin. I you had some, please, let me know! [ إقرأ جميع المراجعات 2 ](https://wordpress.org/support/plugin/side-by-side/reviews/) ## المساهمون والمطوّرون “Side by Side” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة. المساهمون * [ damiarita ](https://profiles.wordpress.org/damiarita/) [ترجمة ”Side by Side“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/side-by-side) ### مُهتم بالتطوير؟ [تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/side-by-side/)، تحقق من [مستودع SVN](https://plugins.svn.wordpress.org/side-by-side/)، أو الاشتراك في [سجل التطوير](https://plugins.trac.wordpress.org/log/side-by-side/) بواسطة [RSS](https://plugins.trac.wordpress.org/log/side-by-side/?limit=100&mode=stop_on_copy&format=rss). ## سجل التغييرات =1.0.2= *Minified script is loaded by default. Non minified if SCRIPT_DEBUG is set to true =1.0.1= *Script is loaded in the footer #### 1.0.0 * First release ## ميتا Meta * Version **1.0.2** * Last updated **قبل 8 سنوات** * Active installations **30+** * WordPress version ** 1.0.2 أو أعلى ** * Tested up to **4.8.28** * Language * [English (US)](https://wordpress.org/plugins/side-by-side/) * Tags * [css](https://ar.wordpress.org/plugins/tags/css/)[javascript](https://ar.wordpress.org/plugins/tags/javascript/) [jquery](https://ar.wordpress.org/plugins/tags/jquery/)[shortcode](https://ar.wordpress.org/plugins/tags/shortcode/) [style](https://ar.wordpress.org/plugins/tags/style/) * [عرض متقدم](https://ar.wordpress.org/plugins/side-by-side/advanced/) ## التقييم 5 من 5 نجوم. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/side-by-side/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/side-by-side/reviews/) ## المساهمون * [ damiarita ](https://profiles.wordpress.org/damiarita/) ## الدعم لديك شيء لتقوله؟ بحاجة الى مساعدة؟ [عرض منتدى الدعم](https://wordpress.org/support/plugin/side-by-side/)