Changeset 3115562
- Timestamp:
- 07/10/2024 11:45:00 AM (21 months ago)
- Location:
- dynamic-post-grid-elementor-addon/trunk
- Files:
-
- 3 added
- 5 edited
-
assets/css/main.css (modified) (3 diffs)
-
dynamic-post-grid.php (modified) (2 diffs)
-
elementor-widgets.php (modified) (1 diff)
-
readme.txt (modified) (3 diffs)
-
widgets/layouts/grid/grid-layout-7.php (added)
-
widgets/layouts/grid/grid-layout-8.php (added)
-
widgets/layouts/list/list-layout-4.php (added)
-
widgets/post-grid.php (modified) (16 diffs)
Legend:
- Unmodified
- Added
- Removed
-
dynamic-post-grid-elementor-addon/trunk/assets/css/main.css
r3092768 r3115562 983 983 } 984 984 985 /*==================================================== 986 grid layout 7 987 ==================================================*/ 988 989 990 .depg-grid-layout-7 .degp-overlay-post-content-wrap { 991 position: absolute; 992 top: 0; 993 left: 0; 994 text-align: center; 995 height: 100%; 996 width: 100%; 997 padding: 14px; 998 backdrop-filter: blur(3px); 999 z-index: 9; 1000 visibility: hidden; 1001 opacity: 0; 1002 transition: all 0.4s ease; 1003 display: flex; 1004 flex-direction: column; 1005 justify-content: center; 1006 transition: all 0.4s ease; 1007 } 1008 1009 .depg-grid-layout-7 .degp-overlay-post-content-wrap .dwl-post-title a { 1010 color: #fff; 1011 } 1012 1013 .depg-grid-layout-7 .degp-overlay-post-content-wrap .dwl-post-title { 1014 line-height: 1.3; 1015 margin: 0 0 7px; 1016 } 1017 1018 .depg-grid-layout-7 .degp-overlay-post-content-wrap .post-grid-meta > span { 1019 color: #fff; 1020 } 1021 1022 .depg-grid-layout-7 .degp-overlay-post-content-wrap .post-grid-excerpt { 1023 font-size: 14px; 1024 color: #fff; 1025 } 1026 1027 .depg-grid-layout-7 .degp-overlay-post-content-wrap .read-more-btn { 1028 color: #fff; 1029 } 1030 1031 .depg-grid-layout-7 .depg-title-wrap { 1032 position: absolute; 1033 bottom: 0; 1034 width: 100%; 1035 padding: 15px; 1036 text-align: center; 1037 z-index: 9; 1038 background: #a84bf8; 1039 transition: all 0.4s ease; 1040 } 1041 1042 .depg-grid-layout-7 .depg-title-wrap .dwl-post-title > a { 1043 color: #fff; 1044 } 1045 1046 .depg-grid-layout-7 .depg-title-wrap .dwl-post-title { 1047 font-size: 16px; 1048 line-height: 1.3; 1049 margin: 0; 1050 } 1051 1052 .depg-grid-layout-7 .degp-term-meta a { 1053 display: inline-block; 1054 border: 1px solid #fff; 1055 line-height: 1; 1056 padding: 4px 8px; 1057 color: #fff; 1058 margin-top: 5px; 1059 } 1060 1061 .depg-grid-layout-7 .post-grid-thumbnail img { 1062 height: 100%; 1063 object-fit: cover; 1064 } 1065 1066 .depg-main.depg-grid-layout-7 .post-grid-thumbnail { 1067 height: 350px; 1068 } 1069 1070 .depg-grid-layout-7 .depg-thubnail-wrap:hover .depg-title-wrap{ 1071 bottom: 30px; 1072 opacity: 0; 1073 visibility: hidden; 1074 } 1075 1076 .depg-grid-layout-7 .depg-thubnail-wrap:hover .degp-overlay-post-content-wrap{ 1077 visibility: visible; 1078 opacity: 1; 1079 } 1080 1081 /*==================================================== 1082 grid layout 8 1083 ==================================================*/ 1084 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-excerpt{ 1085 font-weight: 300; 1086 line-height: 25px; 1087 } 1088 .depg-list-layout-4 .post-list-inner-style-4 .post-grid-meta > span, 1089 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-meta > span { 1090 font-weight: 300; 1091 } 1092 .depg-grid-layout-8 .post-grid-inner-style-8{ 1093 display: flex; 1094 flex-wrap: wrap; 1095 justify-content: space-between; 1096 box-sizing: border-box; 1097 border: 1px solid #D9D9D9; 1098 padding: 18px; 1099 } 1100 1101 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-text-wrap, 1102 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-image-wrap{ 1103 width: 48%; 1104 padding: 0; 1105 } 1106 1107 .depg-grid-layout-8 .post-grid-thumbnail a img{ 1108 border-radius: 10px; 1109 } 1110 1111 /*==================================================== 1112 list layout 4 1113 ==================================================*/ 1114 .depg-list-layout-4 .dpg-row{ 1115 padding: 10px; 1116 } 1117 .depg-list-layout-4 article{ 1118 position: relative; 1119 border: 1px solid #D9D9D9; 1120 padding-left: 0; 1121 } 1122 1123 .depg-list-layout-4 .post-grid-thumbnail a{ 1124 display: inline-block; 1125 width: 100%; 1126 } 1127 1128 .depg-list-layout-4 .post-grid-thumbnail a img{ 1129 border-radius: 10px; 1130 width: 100%; 1131 height: auto; 1132 } 1133 1134 .depg-list-layout-4 .post-list-inner-style-4 { 1135 display: flex; 1136 flex-wrap: wrap; 1137 justify-content: space-between; 1138 margin-top: 24px; 1139 margin-bottom: 20px; 1140 margin-left: 0; 1141 padding-left: 0; 1142 } 1143 1144 .depg-list-layout-4 .post-list-inner-style-4 .post-grid-excerpt{ 1145 font-size: 16px; 1146 font-weight: 300; 1147 color: var(--depg-color-light_gray); 1148 line-height: 25px; 1149 margin-bottom: 15px; 1150 } 1151 1152 .depg-list-layout-4 .post-list-image-wrap{ 1153 position: relative; 1154 border-radius: 5px; 1155 overflow: hidden; 1156 } 1157 1158 .depg-list-layout-4 .post-list-inner-style-4 .degp-term-meta { 1159 display: flex; 1160 flex-wrap: wrap; 1161 } 1162 1163 .depg-list-layout-4 .post-list-inner-style-4 .degp-term-meta { 1164 position: absolute; 1165 top: 0; 1166 left: 0; 1167 margin-top: 15px; 1168 margin-left: 10px; 1169 } 1170 .depg-list-layout-4 .post-list-inner-style-4 .degp-term-meta a { 1171 font-size: 14px; 1172 font-weight: 400; 1173 text-transform: capitalize; 1174 padding: 10px; 1175 color: #FFFFFF; 1176 background: #2965FF; 1177 border-radius: 10px; 1178 margin-right: 10px; 1179 margin-bottom: 10px; 1180 } 1181 1182 .depg-list-layout-4 .post-list-inner-style-4 .post-list-image-wrap{ 1183 width: 30%; 1184 } 1185 1186 .depg-list-layout-4 .post-list-inner-style-4 .post-grid-text-wrap{ 1187 width: 70%; 1188 padding-left: 22px; 1189 } 1190 1191 985 1192 @media (max-width: 991px){ 986 1193 .depg-list-layout-2 .post-grid-text-wrap{ … … 993 1200 } 994 1201 1202 1203 @media (max-width: 767px){ 1204 .depg-list-layout-4 .post-list-inner-style-4 .post-list-image-wrap{ 1205 width: 100%; 1206 } 1207 1208 .depg-list-layout-4 .post-list-inner-style-4 .post-grid-text-wrap{ 1209 width: 100%; 1210 padding-left: 0; 1211 } 1212 .depg-list-layout-4 .post-list-inner-style-4 { 1213 padding: 0px 10px 0px 20px; 1214 } 1215 } 1216 995 1217 @media (max-width: 575px){ 996 1218 .depg-list-layout-3 .post-grid-text-wrap { … … 1008 1230 } 1009 1231 } 1232 @media (max-width: 536px){ 1233 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-text-wrap, 1234 .depg-grid-layout-8 .post-grid-inner-style-8 .post-grid-image-wrap{ 1235 width: 100%; 1236 padding: 0; 1237 } 1238 } -
dynamic-post-grid-elementor-addon/trunk/dynamic-post-grid.php
r3092768 r3115562 4 4 * Requires Plugins: elementor 5 5 * Description: Elementor page builder addon to display posts in a grid. Useful for generating post grid from your blog posts with multiple options. 6 * Version: 1.0. 26 * Version: 1.0.3 7 7 * Author: DynamicWebLab 8 8 * Author URI: https://dynamicweblab.com/ … … 14 14 if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly 15 15 16 define( 'DPGEA_VERSION', '1.0. 2' );16 define( 'DPGEA_VERSION', '1.0.3' ); 17 17 define( 'DPGEA_SLUG', 'dynamic-post-grid' ); 18 18 define( 'DPGEA_URL', rtrim( plugin_dir_url( __FILE__ ), '/' ) ); -
dynamic-post-grid-elementor-addon/trunk/elementor-widgets.php
r3092768 r3115562 54 54 wp_register_style( 'depg-grid' , plugins_url( '/assets/css/dwl-grid.css', __FILE__ ), array(), DPGEA_VERSION ); 55 55 wp_register_style( 'depg-fontawesome' , plugins_url( '/font/fontawesome/css/all.min.css', __FILE__ ), array(), '6.5.1' ); 56 wp_register_style( 'depg-main' , plugins_url( '/assets/css/main. min.css', __FILE__ ), array(), time() );56 wp_register_style( 'depg-main' , plugins_url( '/assets/css/main.css', __FILE__ ), array(), time() ); 57 57 58 58 wp_register_script( 'depg-slick' , plugins_url( '/assets/vendors/slick/slick.min.js', __FILE__ ), array('jquery'), '1.8.0', true ); -
dynamic-post-grid-elementor-addon/trunk/readme.txt
r3092768 r3115562 4 4 Requires at least: 5.0 5 5 Tested up to: 6.5.3 6 Stable tag: 1.0. 26 Stable tag: 1.0.3 7 7 Requires PHP: 5.6 8 8 License: GPLv2 or later … … 16 16 17 17 [Grid Demo](https://dynamicweblab.com/demo/plugins/post-grid-demo/") | [List Demo](https://dynamicweblab.com/demo/plugins/post-list-demo/) | [Slider Demo](https://dynamicweblab.com/demo/plugins/post-slider-demo/) 18 19 🏆 **How To install Dynamic Post Grid Elementor Addon:** 20 21 https://www.youtube.com/watch?v=S0aYj4m4wc0 18 22 19 23 🏆 **Dynamic Post Grid Elementor Add-on** 🏆 … … 72 76 == Changelog == 73 77 78 = 1.0.3 = 79 * [Feature] Added 2 new grid layout 80 * [Feature] Added 1 new List layout 81 74 82 = 1.0.2 = 75 * [Feature] Added 3 new grid layout 76 * [Feature] Added 2 new List layout 83 * [Feature] Added 3 new grid layout 84 * [Feature] Added 2 new List layout 77 85 * [Feature] Added 2 new Slider layout 78 86 * Added new settings for elementor widget -
dynamic-post-grid-elementor-addon/trunk/widgets/post-grid.php
r3092768 r3115562 176 176 'url' => DPGEA_URL .'/assets/icons/grid-6.svg', 177 177 ], 178 '7' => [ 179 'title' => esc_html__('Layout 7', 'dynamic-post-grid'), 180 'url' => DPGEA_URL .'/assets/icons/grid-7.svg', 181 ], 182 '8' => [ 183 'title' => esc_html__('Layout 8', 'dynamic-post-grid'), 184 'url' => DPGEA_URL .'/assets/icons/grid-8.svg', 185 ], 178 186 ], 179 187 'default' => '1', … … 221 229 'url' => DPGEA_URL .'/assets/icons/list-style-3.svg', 222 230 ], 231 '4' => [ 232 'title' => esc_html__('Layout 4', 'dynamic-post-grid'), 233 'url' => DPGEA_URL .'/assets/icons/list-style-4.svg', 234 ], 223 235 ], 224 236 'condition' => [ … … 1174 1186 '{{WRAPPER}} .post-list-inner .post-grid-thumbnail' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1175 1187 '{{WRAPPER}} .post-slider-inner .post-grid-thumbnail' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1188 '{{WRAPPER}} .post-list-image-wrap .post-grid-thumbnail' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1176 1189 ], 1177 1190 'condition' => array( … … 1235 1248 {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a, 1236 1249 {{WRAPPER}} .depg-title-wrap .dwl-post-title > a, 1237 {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a', 1250 {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a, 1251 {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a', 1238 1252 ] 1239 1253 ); … … 1260 1274 {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a, 1261 1275 {{WRAPPER}} .depg-title-wrap .dwl-post-title > a, 1276 {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a, 1262 1277 {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'color: {{VALUE}};', 1263 1278 ], … … 1288 1303 {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a:hover, 1289 1304 {{WRAPPER}} .depg-title-wrap .dwl-post-title > a:hover, 1305 {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a:hover, 1290 1306 {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a:hover' => 'color: {{VALUE}};', 1291 1307 ), … … 1307 1323 '{{WRAPPER}} .depg-grid-container .post-grid-text-wrap .dwl-post-title > a, 1308 1324 {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a, 1325 {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a, 1309 1326 {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1310 1327 ], … … 1336 1353 'default' => Global_Typography::TYPOGRAPHY_TEXT, 1337 1354 ], 1338 'selector' => '{{WRAPPER}} .post-grid-meta span 1339 {{WRAPPER}} .depg-list-date,1340 {{WRAPPER}} .degp-meta-data a',1355 'selector' => '{{WRAPPER}} .post-grid-meta span, 1356 {{WRAPPER}} .depg-list-date, 1357 {{WRAPPER}} .degp-meta-data a', 1341 1358 ] 1342 1359 ); … … 1367 1384 '{{WRAPPER}} .post-grid-text-wrap .post-grid-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1368 1385 '{{WRAPPER}} .post-grid-inner .post-grid-meta span' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1386 '{{WRAPPER}} .post-grid-meta span' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1369 1387 ], 1370 1388 ] … … 1519 1537 ], 1520 1538 'selector' => '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt p, 1521 {{WRAPPER}} .post-grid-inner .post-grid-excerpt', 1522 1539 {{WRAPPER}} .post-grid-inner .post-grid-excerpt, 1540 {{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt, 1541 {{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt', 1542 1523 1543 ] 1524 1544 ); … … 1536 1556 '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt p' => 'color: {{VALUE}};', 1537 1557 '{{WRAPPER}} .post-grid-inner .post-grid-excerpt' => 'color: {{VALUE}};', 1558 '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt' => 'color: {{VALUE}};', 1559 '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'color: {{VALUE}};', 1538 1560 ], 1539 1561 ] … … 1549 1571 'selectors' => [ 1550 1572 '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1573 '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1551 1574 '{{WRAPPER}} .post-grid-inner .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1575 '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', 1552 1576 ], 1553 1577 ] … … 1820 1844 data-tablet-column = "<?php echo esc_attr($columns_tablet); ?>" 1821 1845 data-mobile-column = "<?php echo esc_attr($columns_mobile); ?>" 1822 <?php if('slider' == $layout_type): ?> 1846 <?php 1847 1848 if('slider' == $layout_type): ?> 1823 1849 data-arrows = "<?php echo esc_attr($slider_arrows); ?>" 1824 1850 data-dots = "<?php echo esc_attr($slider_dots); ?>" 1825 1851 data-autoplay = "<?php echo esc_attr($slider_autoplay); ?>" 1826 1852 data-speed = "<?php echo esc_attr($slider_speed); ?>" 1827 <?php endif; ?>1828 >1829 <?php1853 <?php 1854 1855 endif; 1830 1856 1831 1857 $post_type = ( ! empty( $settings['post_type'] ) ? $settings['post_type'] : 'post' ); … … 1937 1963 1938 1964 if ( $depg_get_all_posts->have_posts() ) : 1939 // $layout_file = __DIR__ . "/layouts/{$layout_type}/{$layout_type}-layout-{$grid_style}.php";1940 1965 1941 // if( file_exists( $layout_file ) ){1942 // include_once( $layout_file );1943 // }1944 1966 1945 1946 1947 1967 if( 'grid' == $layout_type ){ 1948 include_once( __DIR__ . "/layouts/grid/grid-layout-{$grid_style}.php" );1968 include_once( __DIR__ . "/layouts/grid/grid-layout-{$grid_style}.php"); 1949 1969 }elseif( 'list' == $layout_type ){ 1950 1970 include_once( __DIR__ . "/layouts/list/list-layout-{$list_style}.php" ); … … 1954 1974 include_once( __DIR__ . "/layouts/filter/filter-layout-{$settings['filter_style']}.php" ); 1955 1975 } 1956 1976 1957 1977 endif; 1958 1978 1959 1979 ?> 1960 </div>1980 </div> 1961 1981 <?php 1962 1982 if ( isset( $settings['pagination_type']) && 'none' !== $settings['pagination_type'] && 'slider' != $settings['layout_type'] ) { … … 1964 1984 } 1965 1985 ?> 1966 </div> 1986 </div><!-- .depg-main --> 1967 1987 <?php 1968 1988
Note: See TracChangeset
for help on using the changeset viewer.