首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

实用WordPress下拉菜单插件推荐

实用WordPress下拉菜单插件推荐 ---- 我们在使用WordPress建站时候经常会在网站添加下拉菜单,因为添加下拉菜单具有改善网站导航、将重要内容放在首屏、避免用户过度滚动和增强用户体验等等优势...然而WordPress网站添加下拉菜单会需要用到一些插件,本文为大家推荐实用WordPress下拉菜单插件。 1....这个高级插件提供了大量自定义选项,可以创建您想要展示精美下拉菜单。使用行、列、图像、图标、地图、表单等创建下拉菜单。...这个免费WordPress插件需要零编码技能,因此即使是初学者,也可以在其WordPress网站上添加漂亮菜单。响应式菜单带有150多个自定义选项,因此您可以按照自己需要创建下拉菜单。...如若本站内容侵犯了原著者合法权益,联系我们进行处理。

2.3K20

Banber V2.9.4:这两个新增数据联动别错过

Banber V2.9.4已更新上线,数据联动更加给力,新增级联选择器,可多层级归类筛选条件信息,地图增加动作设置,实现点击地图区域板块,联动数据。...在体验优化方面,Tab组件新增自定义标签位置及轮播滚动,网页轮播组件新增指示点,新增世界地图,图表新增指定名称预警等。一起来看看吧!...01 Tab组件自定义标签位置 自定义Tab组件标签位置,满足屏容器组件Tab标签位置特殊展示。TAB标签卡支持在容器、下、左、右显示;支持在容器内部显示;同时支持更改背景。...自定义标签位置设置 、下、左、右显示 容器内部显示 自定义更改背景 02 Tab组件新增轮播滚动 TAB轮播可以针对内容进行悬浮或者点击交互,可设置向左推入、向上推入、淡入淡出过渡动画,容器通过上下滚动展示更多内容...09 地图支持动作 涟漪地图、填色地图支持动作,实现数据联动,实现点击地图区域板块,联动数据。 参考:高级可视化 | Banber图表弹窗联动交互

1.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

使用svgdeveloper 和 svg-edit 绘制svg地图

去除地图模板水印(跳过) 4. 方法一、SVGDeveloper 5. 方法二、SVG-Edit 1. 描述 有的时候我们需要自定义地图,本文提供基本基于SVG矢量图制作教程; 2....去除地图模板水印(跳过) 一般我们找到图片都会存在字或者各种水印,为了操作界面清晰,可以将图片其他文字去除 3.1 导入图片 点击文件>打开,选择jilin.png ?...根据去除水印处区域大小,调整魔术笔大小,然后选择需要去除水印区域,最后点击处理图像 ? ? 依次去除图片其他需要去除水印区域,处理完成后,点击文件>另存为吉林.jpg ?...4.4 添加区域文字(跳过) 注:添加区域文字是为了地图标识区域对应市,这一步可以跳过,实际在我们设计器导入后预览时不会显示区域文字,设计器里可以通过标签来显示对应市 选中text 工具然后在对应位置上点击后输入文字...5.3 添加区域文字(跳过) 注:添加区域文字是为了地图标识区域对应市,这一步可以跳过,实际在我们设计器导入后预览时不会显示区域文字,设计器里可以通过标签来显示对应点击文本框A,然后在合适位置上点击后输入文字

8K50

当卡片式UI不再流行,列表式UI将是王牌

屏幕可以看见少量抱怨文章。例如: ? 用户关于卡片得反馈截图 太多图片而且需要不停地滚动。我只是想快速浏览新闻。 为了看所有的新闻我必须滚动图。而且不能够一次查看加载新闻。...进一步需要研究一下现在问什么没有实现这一目标。下面是我们得一些研究。 更深入挖掘 通过使用HotJar分析其他网站上点击滚动距离,我们注意到类似的问题。...通过删除图像,我们几乎失去了与该区域所有交互。 现在只占总点击次数 1%。 与以前相比有巨大差异,其中 43% 点击在导航转盘。 这可能表示用户正在使用导航,以找到刚刚消失新闻列表。...Material Design 建议是列表是“快速扫描”,适合显示类似的重复内容。 当用户不直接比较图像或文本时,不推荐使用卡片式。...作为设计师,虽然我们都喜欢最新流行趋势,额外白色空间和图像 - 对于新闻和数据,列表式是更好地解决基本用户目标的方法。 快速浏览以查找相关内容。

3.1K70

WordPress 博客使用火山引擎 veImageX 进行静态资源 CDN 加速

下面讲讲如何进行设置 火山引擎也推出了 veImageX 服务,通过镜像回源方式把 WordPress 静态资源全部一次镜像到火山引擎 veImageX上面。...然后开启火山引擎 veImageX 服务,点击点击右侧「服务管理」按钮,创建一个新存储空间: 服务名称:根据自己填入。 地区:根据你网站用户在哪里最多选择。 服务类型:选择图像处理服务。...创建好服务之后,我们要进行镜像回源设置,点击上图「基础配置」按钮: 首先可以设置 CDN 域名 https 证书: 这一块比较简单,我就不做介绍了,然后页面往下滚动,就可以进行设置镜像回源: ​...相对其他对象存储服务,火山引擎 veImageX 这块比较简单,只需要在主回源地址填入你博客域名即可,如果之前使用了其他对象存储服务,并且本地图片已经删除了,这里 veImagex 也提供了备用回源地址...如果我们希望 veImageX 能够帮助我们智能缩放和裁剪图片,那么我们还需要设置 veImageX 图片处理模板,在前面第二步生成服务中,点击「图片配置」按钮,进入图片处理配置页面,点击「新建模板

2.7K20

最新iOS设计规范四|3界面要素:视图(Views)

七、浮层/弹出视图(Popovers) 浮层通常是当用户点击屏幕某个内容控制点或区域时,在其上方出现瞬态视图。通常浮层上会有个指向其出现位置箭头。浮层分为非模态和模态。...浮层适合大屏幕,可以包含各种元素,包括导航栏、工具栏、标签栏、表格、集合、图像地图和自定义视图。当浮层出现时,其他视图交互行为会被禁止,直到浮层被取消/关闭。...通过点击屏幕非浮层区域部分,很容易误点而关闭非模态弹出窗口。仅当用户点击取消按钮时才取消当前任务。 在屏幕适当位置显示浮层。浮层箭头应尽可能直接指向触发它元素。...如果你需要显示另一个浮层,请先关闭当前浮层。 警示框除外,不要在浮层显示其他视图。除了警示框,浮层不应显示任何视图。 如果可能的话,让用户在一次点击中关闭一个浮层,同时打开另一个浮层。...八、滚动视图(Scroll Views) 滚动视图主要被用户用来去浏览那些像文档中文本,集合中图像等比显示区域内容。

8.4K31

手把手搭建游戏AI—如何使用深度学习搞定《流放之路》

1.移动地图类 在PoE中,玩家移动角色一般会通过单击某个位置来实现,接着角色就会移动到鼠标点击位置。图7展示了通过点击鼠标移动角色一个例子。...大多数python图像库都需要像RGB这样3个通道来显示图像。 GetScreenImg中最后一行会反转通道顺序并丢弃Alpha通道,这里没有使用。...3.使用并行 由于游戏需要不停地捕捉画面图像,所以我们会把捕捉程序单独写进一个线程,并以异步和线程安全方式为其他线程提供一个读取图像接口。这样一来画面图像就总是可以即时获取。...因此,我们需要是能够识别屏幕给定像素到底是障碍物一部分、敌人还是物品等方法。这个任务本质是目标检测。而实时目标检测其实是一个困难且计算复杂度很高问题。...通过在连续画面截图中切换物品突出显示来检测物品标签移动。 用于移动检测图像数据是通过快速连续地捕获画面的2帧图像并且仅保留图像中显著不同区域得到

2.8K70

17个最佳WordPress画廊插件

在这里,我们重点介绍CodeCanyon可用一些最佳WordPress画廊插件。...这个WordPress画廊插件带有一个功能全面的图像滑块,该滑块具有自适应大小调整功能,并且具有自定义图像转盘,其中包含灯箱支持。 从无限滚动或标准分页选项中选择。...使用此插件内置灯箱主题和十个自定义样式预设,以及无限滚动和更多支持,构建轻松处理数百个高分辨率图像响应式画廊。...平面360°全景图像查看器 借助此WordPress图片库,使您全景照片栩栩如生。 该插件使用WordPress 添加热点并滚动到静态全景照片,以创建超逼真的沉浸式360°观看体验。...尽管其中一些在CSS3效果上表现出色,但也有很多在后端也显示了它们功能。 您可以在Envato Market找到更多很棒WordPress画廊插件。

7.8K31

WordPress 初学者词汇表(术语解释)

、帖子、产品等)集合,非常类似于滑块,但具有多个图像(或“缩略图”),并以交互方式滚动或滑动媒体。...免费插件可以从您 WordPress 仪表板中Plugins > Add New轻松安装。只需搜索插件名称或您正在寻找功能。然后点击安装并激活——就是这样!...使用具有视差滚动效果主题据说可以让您网站看起来光滑、现代。 Gallery(图库) 图库是一组图像。...滑块图像 Carousel(轮播) 轮播或幻灯片是媒体(可以是图像、帖子、产品等)集合,非常类似于滑块,但具有多个图像(或“缩略图”),并以交互方式滚动或滑动媒体。...如若本站内容侵犯了原著者合法权益,联系我们进行处理。

7.1K20

【交互探讨】无限滚动还是分页展示,这是个问题!

也许有一点过时,但非常可靠:Thinkific.com.分页(图预览) 另外,还能让用户控制页面上显示数据多少(通常使用控件来更改每页项目展示个数),每个页面的URL都不同,页脚很容易到达,页面上出现内容多少可以由用户自己选择...迷你地图标记区域 我们还可以让它变得更有用,通过允许用户将感兴趣区域标记或添加书签,这样他们就可以更快地返回收藏夹。...这类体验一个有趣原型是Rauno Freiberg创造迷你地图试验(目前只适用于Firefox),以及其他许多很棒试验。 迷你地图试验允许用户标记屏幕某些区域,并更快地跳转。...他们也可以跳转到任何特定页面,因为我们也提供分页。此外,我们仍然需要实现无限滚动,以确保键盘访问性并宣布新项目。但是:我们利用了无限滚动提供所有好处:尤其是浏览速度。...无限滚动清单 这里有一些设计时需要考虑重要指南列表帮助设计更好无线滚动: 如果有疑问,请始终选择分页。 使用无限滚动,始终集成页脚显示。 考虑从视觉分离“旧”和“新”项目。

3.1K20

WordPress SEO:配置Yoast和添加内容目录

WordPress网站在搜索引擎中获得好排名需要一切事情: 配置Yoast; Search Console; 研究长尾关键词; HTML网站内容导航。 这是我们可以在页面SEO其中一些事情。...本系列教程我将介绍丰富摘录,介绍Google精选摘录,速度优化,图像优化,点击率,本地SEO,以及为什么总是迷恋Yoast绿灯不好,因为它可能会引起关键字堆砌问题。...现在,编辑页面/帖子,向下滚动至Yoast部分,单击共享链接(如下所示),你便可以将图像上传到Facebook(1200 x 628px)和Twitter(1024 x 512px)。...是的,这意味着如果你希望每个内容看起来都不错,则需要为每个内容创建2个图形。 ? 如果你要增加Facebook广告帖子,则可以使用Yoast控制广告文字。...如果你Facebook标题无法立即使用,请尝试清除网站缓存。我发现有时候更新新Facebook标题/图像可能需要几天时间。 11.

1.3K10

30分钟了解所有引擎组件,132个Unity 游戏引擎组件速通!【收藏 == 学会】

5.Button 按钮 官方手册地址:Button 按钮 控件响应用户点击并用于启动或确认操作。熟悉示例包括 Web 表单使用 Submit_ 和 Cancel 按钮。...请注意,类似的滑动条 (Slider)控件用于选择数值而不是滚动。熟悉示例包括文本编辑器侧面的垂直滚动条以及用于查看大型图像地图某一部分一对垂直和水平滚动条。 用于在UI界面中显示滚动条。...12.Scroll Rect 官方手册地址: Scroll Rect 当占用大量空间内容需要在小区域中显示时,可使用滚动矩形。滚动矩形提供了滚动此内容功能。...此外,滚动矩形还可与一个或两个拖动以便水平或垂直滚动滚动条 (Scrollbar) 组合使用。 用于在UI界面中显示滚动内容。...它还可以设置滚动区域内容、滚动条、滚动方向等参数,通过代码或Inspector面板修改滚动区域内容和控制方式。

1.9K34

移动端web开发笔记

所以启动图片需要减去状态栏区域所对应方向上20px大小,相应地在retina设备要减去40px大小 <!...双击缩放是指用手指在屏幕快速点击两次,iOS 自带 Safari 浏览器会将网页缩放至原始比例。...原因就出在浏览器需要如何判断快速点击,当用户在屏幕单击某一个元素时候,例如跳转链接,此处浏览器会先捕获该次单击,但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作,所以,捕获第一次单击后...body元素滚动条,所以一般都借助 iScroll; Android 3.0/iOS解决了非body元素滚动问题,但滚动条不可见,同时iOS只能通过2个手指进行滚动; Android 4.0解决了滚动条不可见及增加了快速回弹滚动效果...19、如何禁止保存或拷贝图像(IOS) 通常当你在手机或者pad长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止: img {

3.5K20

iOS 9人机界面指南(四):UI元素() - 腾讯ISUX

如果用户很难点中集合视图中项,他们是不会愿意用你应用。跟所有用户可以点击UI对象一样,请确保你集合视图中每一个项最小点击区域有44×44pt,尤其是在iPhone。...地图视图: 通常以标准地图、卫星图像、或两者结合形式来展示地理区域 可以展示以单点标注备注,以及叠加图层(绘制路径或二维区域绘制轮廓) 支持编程时定义,或用户所控制缩放和移动 利用地图视图可以给用户提供一个交互地理区域视图...一定要如此的话,在用户点击浮出层外面的区域时候保存用户输入内容,就像你会在他们点击“完成”时候做那样。 一般来说,在用户点击浮出层以外区域时候,保存用户输入内容。...可以应用在页模式(paging mode)中,在此模式下用户可以通过拖拽和轻击等手势来浏览一页内容 使用滚动视图来允许用户在固定空间内浏览尺寸或大量视图。 适当地支持缩放操作。...使用表格视图时,遵循以下这些指引: 用户选择列表项时,始终给与反馈。当用户点击可选列表项时会认为被点击项都应短暂地高亮一下。

10.1K51

WordPress页脚怎么修改?WordPress主题页脚信息修改教程

WordPress页脚怎么修改?WordPress主题页脚信息修改教程 ---- WordPress页脚即网站底部,位于内容区域之后,通常显示在网站所有页面上。...大家在使用WordPress建站时会遇到需要修改页脚信息,那么WordPress页脚怎么修改?...您可以使用这些小工具在页脚区域添加文本,图像或隐私权政策、法律免责声明链接等内容。...添加文本和图像非常简单,点击WordPress后台左侧菜单导航“外观»小工具”页面,然后将文本,图像或图库小工具添加到页脚小工具区域。要添加小工具,只需将其拖放到页脚区域。...如若本站内容侵犯了原著者合法权益,联系我们进行处理。

4.4K20

收集WordPress 外贸网站使用国外 CDN 加速服务

Amazon CloudFront 是在 AWS 安装WordPress 网站用户完美解决方案。...否则,如果您想使用 Google Cloud CDN,您首先需要在 Google Cloud 安装 WordPress。该过程涉及到,并且对于大多数 WordPress 用户来说可能具有挑战性。...点击访问CDN77 Fastly Fastly是新兴最佳 CDN 服务之一,以其可配置性和扩展性而自豪。...您需要为带宽和使用可变区域费率请求总量付费。话虽如此,您将有一个月免费时间(最高 50 美元)来测试您流量并决定这是否适合您 CDN 服务。...您总费用将根据负担得起区域带宽月费计算,如果您需要高带宽,则可以进一步折扣。 点击访问Bunny 总结 CDN 服务可以显着改善您网站加载时间,因为它减少了数据在到达访问者之前必须传输距离。

3.7K20

数款二次元wordpress主题,你值得拥有!

集成 Live2D 看板娘,支持刷新换装 加深文章内容文字颜色和增大字体,阅读不费眼了 收窄 PC 端正文显示区域最大宽度和评论列表最大宽度 简化评论 UA 信息,显示效果修改为划过评论才显示 评论者连接添加了页面跳转...Akina 主题修改主题 Siren 基础三次修改。...Siren 主题特色 多种首页文章列表风格 支持异步文章搜索 首页图自定义随机图片 首页图自定义滤镜效果。 评论提交验证。 自定义评论UA信息显示。 自定义系统邮件前缀。 文章打赏。...优化许多细节 私密评论 告滚动效果 动画效果 ...还有很多 ? 这是前面大佬从这里拿主题去改。 现在已经没有官方演示和项目地址了,不过网上还可以找到一些主题站下载地址。...首页添加文章过滤功能,可以过滤自己不想在首页显示分类文章,比如自己日记 添加了追番页面,可以显示自己哔哩哔哩看动漫进度(该功能需要你自己B站登录cooki数据。)

10.8K30

Excel集成网页控件,内嵌于Excel单元格区域,可加载任意网页

关注过之前EasyShuForPPT功能朋友可知,在PPT实现网页控件集成已经完美实现了,同样地,在Excel环境中,除了在任务窗格显示外,本次国庆更新,增加了在单元格区域显示网页功能。...,在Excel催化剂顺利使用上本功能。...传送门:【直播回看】新功能ECharts交互式分级填色地图+PPT图表展示插件 具体步骤 先圈定需要插入网页控件单元格区域,在最新版本Excel催化剂中,点击【数据分析】组中【内嵌网页】控钮即可打开配置网页窗体...通过在网页控件鼠标右键弹出上下文菜单中,可供满足上述需求。 关于冻结单元格区域,这里简单说明下,在不作冻结默认情况下,鼠标滚动操作是对Excel工作表单元格区域右侧滚动滚动操作。...而当需要保留到网页控件中当前网页鼠标滚轮激发操作如普通网页有右侧滚动条时,会滚动网页位置和特殊网页如EasyShu生成ECharts图表网页,滚动操作有放大缩小矢量地图作用。

1.1K30

Material Design —Tabs

点击菜单中“book”后tab bar ? 带有滚动标页码tab bar ? 选中tab bar时 何时使用 例如,使用选项卡组织高级别的内容,以呈现报纸不同部分。...例如,避免在内容平移地图中使用选项卡,或者避免在滑动内容情况下使用可以取消项目的列表。 固定标签应该使用有限数量标签,并且一致放置将有助于肌肉记忆。...固定tabs 固定tabs同时显示所有tabs,最适合用于需要固定位置tabs之间快速切换内容,例如切换Google地图中指示运输路径方向。...固定tabs具有相同宽度,计算方式为视图宽度除以标签数量,或基于最宽tab标签。 要在固定选项卡之间导航,可点击tab或向左或向右滑动内容区域。 ?...当用户不需要直接比较选项卡标签时,滚动选项卡最适合用于浏览触摸界面中上下文。 要在滚动选项卡之间导航,请触摸选项卡或向左或向右滑动内容区域

2.4K100

探究 css touch-action 属性

See 这样bug 然后找了一通发现可以用 *{touch-action:none}这个方法 用法是禁用元素(及其不可滚动后代)所有手势,以使用自己提供拖放和缩放行为(如地图或游戏表面...值 auto 当触控事件发生在元素时,不进行任何操作。 none 当触控事件发生在元素时,不进行任何操作 pan-x 启用单指水平平移手势。...禁用双击缩放功能减少浏览器在用户点击屏幕时延迟生成点击事件需要。 这是“pan-x pan-y pinch-zoom”(为了兼容性本身仍然有效)别名。...示例 最常见用法是禁用元素(及其不可滚动后代)所有手势,以使用自己提供拖放和缩放行为(如地图或游戏表面) #map { touch-action: none; } 另一种常见模式是使用指针事件处理水平平移图像轮播...,但不想干扰网页垂直滚动或缩放。

1.8K10
领券