Question

我经常构建（使用RESPONSIVE wordpress模板）网站，允许用户将图像上传到cms页面。

不是最热门的PHP，但希望能够设置它，以便我可以使用cms为图像添加类。例如......

通常为50％宽度，在768px以下为100％。

我可以做css，只是不确定如何让cms用户访问它？

Answer 1

您可以托管一个页面，您可以在其中获取图像元素并将其存储到存储图像的同一文件夹中。你所要做的就是将一次重定向到一个调整你的照片大小的页面。你可以使用代码点火器它有最好的图像处理类 https://ellislab.com/codeigniter/user-guide/libraries/image_lib.html

        $this->load->library('image_lib');
        $config['image_library'] = 'gd2';
        $config['source_image'] = "image src here"; //with complete path
        $config['create_thumb'] = false;
        $config['maintain_ratio'] = TRUE;
        $config['width']    = 1920;
        $config['height']   = 800;
        $config['overwrite'] = TRUE;
        $config['new_image'] = 'newimage.jpg'; //with complete path

$这 - ＆GT; image_lib-＆GT;初始化（$配置）; $这 - ＆GT; image_lib-＆GT;调整大小（）;

Answer 2

最简单的方法是在CSS中设置类，然后在＆＃39;文本中引用它。选项卡，或直接编辑当前类...

.align-right{
    width:50%;
    float:right;
    margin:10px 0 10px 10px;
}
@media only screen and (max-width: 768px) {
        .align-right{
        width:100%;
        float:none;
        margin:10px 0 10px 0;
    }
}

将它放在样式表的底部以覆盖，或者在新样式表上，或者最坏情况下添加！important。注意边缘＆＃39;添加以保持图像和文本之间的缓冲区。你可能需要稍微调整一些其他位才能让它看起来很棒。

使用cms上传器的wordpress响应式图像

2 个答案: