Wordpress响应式图像使用CMS上传器 - wordpress responsive images using the cms uploader

wordpress responsive images using the cms uploader

本文关键字：CMS 响应图像 Wordpress | 更新日期: 2023-09-27

我经常构建(使用响应式wordpress模板)允许用户将图像上传到cms页面的网站。

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

一般宽度为50%，768px以下为100%。

我可以做css，只是不确定如何允许cms用户访问这个?

您可以托管一个页面，您可以在其中获取图像的元素并将其存储到存储图像的同一文件夹中。你所要做的就是重定向到一个页面，它会调整你的图片大小。可以使用代码点火器它有最好的图像处理类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

$ this -> image_lib ->初始化($ config);$ this -> image_lib ->调整();

最简单的方法可能是在CSS中设置类并在'text'选项卡中引用它，或者直接编辑当前的类…

.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。注:添加"边距"是为了在图像和文本之间保持缓冲。您可能需要稍微调整一些其他位，使其看起来更棒。