调味酱vi设计的核心价值在于为企业打造独特的品牌,调味酱vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“调味酱vi设计”配图为本公司设计作品
在最近发布的WordPress 3.4引入的所有新特性和改进中,有一个阿希登宝石公司.wordpress软件支持自定义标题图像已经有一段时间了,但是之前它的固定尺寸使得它在响应式设计时代没有多大用处。
新版本使它更加灵活,并为这个流行的选项引入了更简单、更干净的代码。作为主题开发者,我们现在可以走得更远,考虑到移动访问者的优化需求。
以前,页眉图像的尺寸是预定义的,并使用页眉_图像_高度和页眉_图像_宽度常量进行管理,上传的文件被裁剪以适应这些约束。但是从3.4版本开始,自定义标题图像支持灵活的宽度和高度,让我们摆脱了这些难看的常量。听起来很有趣,不是吗?让我们看看它是怎么做到的。
我们要实现的目标
首先,我们应该决定哪一种可用的(并且被广泛讨论的)响应图像技术适合我们。考虑到它对网站品牌的重要性,同时又独立于使徒的结构或标记,我们可以为自己的图片定制任何标记。从这个角度来看,“noscript”技术看起来很有前途。总结一下这项技术,它的工作原理如下:
没有脚本数据-大='图片-大。jpg '数据-小='图片-小。jpg ' data-alt=' alt text ' img src=' picture。jpg ' alt=' alt text '//no script
我们将所选断点的可选图像引用指定为noscript标记的数据属性。然后,我们用Java Script语言检测可用的窗口宽度,并用适当的图像替换代码。如果Java Script语言被禁用,浏览器将显示noscript标记中指定的图像。为了管理这样的替换,我们将使用由阿班邓恩编写的jQuery图片插件,它允许我们支持至少三个断点。插件所需的标记如下所示:
figure id=' header-image ' data-media=' picture-small。jpg '数据媒体440='图片媒体。jpg ' data-media 600='图片-大。' jpg ' title=' alt text '
noscript
img src='图片大。jpg ' alt=' alt text '
/noscript
/图
它应该伴随着适当的半铸钢钢性铸铁(Cast Semi-Steel)样式和JavaScript,使jQuery图片工作。除此之外,我们希望有一个预定义的标题图像集可供选择(同样的方式,我们在2011年的主题)。此外,我们想让用户能够在管理面板上传自己的图像。假设上传了图像的全尺寸版本,我们将使用内置的wordpress软件缩略图支持和灵活的标题尺寸创建必要的中间尺寸。我们的自定义标题最终应该是这样的:
说得够多了,让我们开始研究代码吧。
步骤1:用你的主题注册自定义标题 <
注:本文“调味酱vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐