WP主题定制器-响应性元素

时间:2014-05-12 作者:LMcG17

在WP主题定制器中,我想知道是否可以允许用户根据屏幕大小设置缩略图的大小?例如,用户可以选择(1)对于981px以上的屏幕,缩略图为300px,(2)对于980px以下的屏幕,缩略图为200px。

我制定了两种选择:

缩略图大小-中屏幕
缩略图大小-大屏幕

    <?php if( get_option(\'thumbnail_size_medium\') ) { ?>.thumbnail {width: <? php echo get_option(\'thumbnail_size_medium\'); ?>;}<?php } ?>

    <?php if( get_option(\'thumbnail_size_large\') ) { ?>.thumbnail {width: <?php echo get_option(\'thumbnail_size_large\'); ?>;}<?php } ?>
使用上面的代码,我将使用两个单独的选项来更新相同的CSS元素-。缩略图。在CSS样式表中,我使用“@media”来生成响应元素。在主题定制器中,如何计算屏幕大小?

1 个回复
SO网友:Luke Gedeon

假设您谈论的是窗口宽度,而不是屏幕宽度,那么您可以在内联@媒体块中输出大图像。如果两个选项都未设置,则还提供默认值,因此,如果不需要语句,则先提供默认值。

.thumbnail {width: <? php echo get_option(\'thumbnail_size_medium\') ?: $default_size; ?>;}

<?php if( get_option(\'thumbnail_size_large\') ) { ?>@media ( min-width: 981px ) {.thumbnail {width: <?php echo get_option(\'thumbnail_size_large\'); ?>;}<?php } ?>

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?