Content here.
[/diag_resp_view] ``` **Supported attributes** (defaults in parentheses): * `title` (`Diagonal Responsive View`) — text field used as block title * `flip_media` (`no`) — `yes` to swap media and content order on desktop * `is_video` (`no`) — `yes` to use `media_url` as a looping background video * `show_button` (`no`) — `yes` to render a CTA button * `button_text` (`Click Here`) — button label * `button_link` (`''`) — plain URL or WPBakery `vc_link` format (`url:...|target: _blank`) * `button_bg_color` (`#0041C2`) — button background color * `button_border_radius` (`5px`) — button border radius * `button_text_color` (`#FFFFFF`) — button text color * `button_css_classes` (`''`) — extra CSS classes for the button * `button_align` (`left`) — `left`, `center`, or `right` * `media_url` (`''`) — URL to a video file (used when `is_video="yes"`) * `image_id` (`''`) — WordPress attachment ID for the image * `mask_tilt` (`20`) — tilt angle: `20`, `30`, or `40` The shortcode wrapper uses the class `diag-responsive-view` for custom CSS targeting. ### Usage — Elementor 1. Open a page in Elementor. 2. Search for **Diagonal Responsive View** in the widget panel (category: General). 3. Drag it into your layout and configure content, media, and button settings via the panel controls. Alternatively, use the Elementor **Shortcode** widget and paste the `diag_resp_view` shortcode directly. ### Usage — WPBakery (Visual Composer) 1. Open a page in the WPBakery editor (backend or frontend). 2. Click **Add Element** search for **Diagonal Responsive View**. 3. Configure content, media, and button settings via the element popup. You can also insert the shortcode directly into WPBakery text blocks or the classic editor. ### For Developers * Shortcode handler: `diag_resp_view` — see `diag-resp-view.php` * Elementor widget class: `DiagRespViewElementorWidget` — registered in `includes/ elementor-config.php` * WPBakery mapping base: `diag_resp_view` — registered in `includes/vc-config.php` * CSS handle: `diag-resp-style` — file: `assets/css/diag-resp-style.css` ## انسٽاليشن 1. Upload the plugin folder to `/wp-content/plugins/` or install it via the WordPress admin Plugins screen Add New Upload Plugin. 2. Activate the plugin from the **Plugins** screen in your WordPress admin. 3. Use the plugin via Elementor, WPBakery, or shortcode. ## FAQ ### Does this plugin work without Elementor or WPBakery? Yes. The shortcode `[diag_resp_view]` works in any editor, including the WordPress Block Editor (Gutenberg), classic editor, or any theme that supports shortcodes. ### Can I use a video instead of an image? Yes. Set `is_video="yes"` and provide a `media_url` pointing to a self-hosted video file (e.g. `.mp4`). The video will loop silently as a background panel. ### What tilt angles are supported? The UI controls support tilt values of `20`, `30`, and `40` degrees via the `mask_tilt` attribute. ### Is it compatible with the latest version of WordPress? Yes, it has been tested up to WordPress 6.9.1. ## جائزا ھن پلگ ان لاءِ ڪي به رايا ناھن. ## تعاون ڪندڙ & ڊولپرز “Diagonal Responsive View” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي. تعاون ڪندڙ * [ giorgiobianchi ](https://profiles.wordpress.org/giorgiobianchi/) [ترجمو ڪريو “Diagonal Responsive View” توهان جي ٻولي ۾.](https://translate.wordpress.org/projects/wp-plugins/diagonal-responsive-view) ### ڊولپمينٽ ۾ دلچسپي؟ [ڪوڊ براؤز ڪريو](https://plugins.trac.wordpress.org/browser/diagonal-responsive-view/)، چيڪ ڪريو [SVN مخزن](https://plugins.svn.wordpress.org/diagonal-responsive-view/)، يا رڪنيت حاصل ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/diagonal-responsive-view/) پاران [RSS](https://plugins.trac.wordpress.org/log/diagonal-responsive-view/?limit=100&mode=stop_on_copy&format=rss). ## لاگ تبدیل ڪريو #### 1.2.0 * Fixed vertical stretch for image and video #### 1.1.2 * Added title control with default parameter * Added Mobile optimization #### 1.1.1 * Updated README.txt * Author URI reference #### 1.0.0 * Initial release * Shortcode `diag_resp_view` with full attribute support * Native Elementor widget * Native WPBakery element * Adjustable mask tilt (20, 30, 40 degrees) * Optional CTA button with full style controls ## ميٽا * Version **1.2.0** * Last updated **2 مهينا اڳ** * Active installations **10 کان گھٽ** * WordPress version ** 5.8 يا وڌيڪ ** * Tested up to **6.9.4** * PHP version ** 7.4 يا وڌيڪ ** * Language * [English (US)](https://wordpress.org/plugins/diagonal-responsive-view/) * Tags * [elementor](https://snd.wordpress.org/plugins/tags/elementor/)[responsive](https://snd.wordpress.org/plugins/tags/responsive/) [WPBakery](https://snd.wordpress.org/plugins/tags/wpbakery/) * [ترقي يافته ڏيک](https://snd.wordpress.org/plugins/diagonal-responsive-view/advanced/) ## درجه بندي No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/diagonal-responsive-view/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/diagonal-responsive-view/reviews/) ## تعاون ڪندڙ * [ giorgiobianchi ](https://profiles.wordpress.org/giorgiobianchi/) ## سھائتا چوڻ لاءِ ڪجهه آهي؟ مدد گهرجي؟ [ڏسو سپورٽ فورم](https://wordpress.org/support/plugin/diagonal-responsive-view/) ## عطيو ڇا توھان ھن پلگ ان جي ترقي ۾ مدد ڪرڻ چاھيو ٿا؟ [ هن پلگ ان ڏانھن مدد ڪريو ](https://ko-fi.com/giorgiobianchi)