精华内容
下载资源
问答
  • EditTable基于tabel布局表格表格内容单击可以编辑编辑完毕即可显示新的内容; ESC按键可以撤销编辑,返回原有内容。 点击“添加”按钮可以实现表格的增加; 点击“删除”可以删除当前表格。 兼容了当前-IE...
  • [color=red]jQuery拖拽布局插件Portal[/color] [url]http://www.jq22.com/jquery-info364[/url], 一些说明在[url]http://www.jqcool.net/jquery-portalyi.html[/url],IE9以下的就不要用了,看不到效果。 jQu...
    [color=red][b]拖放布局:[/b][/color]
    
    [color=red]jQuery拖拽布局插件Portal[/color] [url]http://www.jq22.com/jquery-info364[/url], 一些说明在[url]http://www.jqcool.net/jquery-portalyi.html[/url],IE9以下的就不要用了,看不到效果。
    jQuery Protlets: [url]http://sonspring.com/journal/jquery-portlets[/url],详解:[url]http://a151555.iteye.com/blog/1853184[/url]
    jQuery 部件布局插件 Gridstack [url]http://troolee.github.io/gridstack.js/[/url]
    [color=red]可拖放的布局插件 gridster.js[/color] [url]http://gridster.net/[/url]
    gridster.js 这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。[url]http://gridster.net/[/url], [color=red]Internet Explorer 9+, Firefox, Chrome, Safari and Opera.[/color]
    [color=red]shapeshift[/color] [url]http://mcpants.github.io/jquery.shapeshift/[/url]
    jQuery拖放插件集合 [url]http://www.jb51.net/article/30069.htm[/url]
    [color=red][b]UI Layout[/b][/color] [url]http://layout.jquery-dev.net/demos.cfm[/url],参数说明:[url]http://feiboo.blog.163.com/blog/static/16118349201122984652548/[/url]
    freetile.js Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。[url]http://yconst.com/web/freetile/[/url]
    有用的jQuery布局插件推荐 [url]http://www.zhangjiaojiao.cn/jquery/184.html[/url]
    采用jquery ui的sorttable拖动排序插件实现拖动效果 [url]http://www.helloweba.com/view-blog-72.html[/url]
    JavaScript 拖放库 Dragula [url]http://www.oschina.net/p/dragula[/url]
    [color=red]dad.js[/color] 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。[url]http://konsolestudio.com/dad/[/url]
    [color=red]流式布局[/color]
    jQuery Nested [url]http://suprb.com/apps/nested/[/url]
    Masonry:一款很好用的jquery网页瀑布流布局插件 [url]http://www.open-open.com/lib/view/open1337310504197.html[/url], 问题:[url]http://blog.csdn.net/wcl1598593/article/details/8190285[/url]


    [b][color=red]静态布局[/color][/b]
    jLayout不错的布局 [url]http://www.bramstein.com/projects/jlayout/jquery-plugin.html[/url]
    网格布局 Mason.js [url]http://masonjs.com/[/url]
    6款强大的创建和加强网站布局的jQuery插件[url]http://developer.51cto.com/art/201106/266708.htm[/url]
    8个实用的页面布局和用户界面jQuery插件[url]http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html[/url]
    [color=red]网格布局[/color] [url]http://www.360doc.com/content/13/0322/11/21412_273182608.shtml[/url]
    [color=red]MasonJS[/color] – 创建完美的砌体结构网页布局 [url]http://www.cnblogs.com/lhb25/p/create-perfect-grid-elements-with-mason.html[/url]
    Salvattore 是一个 jQuery 砌体的替代,使用 CSS 驱动的配置。Salvattore 根据您指定的列数组织你的 HTML 元素。容器中的每一个项目会一个接一个被放置在列内,只需要简单地添加一个 data-columns 属性。[url]http://www.cnblogs.com/lhb25/p/salvattore-a-css-driven-jquery-masonry.html[/url]
    [color=red]动态列和无间隙网格布局Mason.js[/color] [url]http://www.gbtags.com/gb/share/1388.htm[/url]
    [color=red]标签插件[/color] TabbedContent [url]http://www.oschina.net/p/tabbedcontent[/url]
    jQuery [color=red]响应标签插件[/color] TurboTabs [url]http://www.oschina.net/p/turbotabs[/url]
    网格布局 Minigrid 类似门户表格布局 [url]http://henriquea.github.io/minigrid/[/url]


    [b][color=darkblue]Grid表格[/color][/b]:
    18个最好的 jQuery 表格插件 [url]http://www.oschina.net/news/16973/18-best-jquery-data-table-plugin[/url]
    jQuery treetable [url]http://plugins.jquery.com/treetable/[/url], demo: [url]http://ludo.cubicphuse.nl/jquery-treetable/[/url]
    [color=red]jqGrid[/color] [url]http://www.trirand.com/blog/jqgrid/jqgrid.html[/url]
    jQuery Grid Plugin [url]http://paramquery.com/demos[/url]
    columnHover [url]http://p.sohei.org/jquery-plugins/columnhover/[/url]jQuery插件,可以当鼠标悬停时,可以高亮表格中的整个列。
    Sigma Grid(纯javascript开发的Ajax数据表格,[color=red]超级强大[/color]) [url]http://www.cnblogs.com/ly5201314/archive/2009/07/21/1528009.html[/url]
    [color=red]datatables [/color][url]http://datatables.net/examples/index[/url]
    Jquery动态表格插件 AppendGrid [url]http://appendgrid.apphb.com/[/url]
    jQuery 的 Grid 插件 jquery.bsgrid [url]http://www.oschina.net/p/jquery-bsgrid[/url]
    [color=red]国人写的jquery.bsgrid[/color],还不错 [url]http://git.oschina.net/bs2004/jquery.bsgrid[/url]
    jQuery 扩展插件 jQuery Grid Plugin [url]http://www.oschina.net/p/jquery-grid-plugin[/url]
    [color=red]jquery表格合并分组[/color]插件 jquery.gridgroup [url]http://www.oschina.net/p/jquery-gridgroup[/url]
    PivotTable.js 是 JavaScript Pivo 表格 (又称为 Pivot网格,Pivot 图标,[color=red]交叉表[/color]) 库,在 jQuery/jQueryUI 上带有拖拽功能。可以[color=red]多维展示[/color][url]http://www.open-open.com/lib/view/open1398344224656.html[/url]
    jQuery Tabledit 是用于 HTML 列表的[color=red]行内编辑器[/color],且兼容 Bootstrap 。它可以在行内进行编辑,就像一个电子表格,或者是一个可以在编辑模式和视图模式进行转换的按钮。 [url]http://www.oschina.net/p/tabledit[/url]
    jQuery [color=red]头条固定插件[/color] Freezeheader [url]http://www.oschina.net/p/freezeheader[/url]
    StickySort 插件可以在你的列表中创建有[color=red]粘性的表头[/color] [url]http://www.oschina.net/p/stickysort[/url]
    表格布局内可视化 JavaScript 编辑器 Grid Editor [url]https://github.com/Frontwise/grid-editor[/url]
    AppendGrid 16.0 发布,jQuery [color=red]动态表格插件[/color] [color=blue]很优秀[/color][url]https://appendgrid.apphb.com/Demo[/url]
    [color=red]列高调整插件 jColumn[/color] [url]http://www.oschina.net/p/jcolumn[/url]
    管理表插件 KingTable [url]https://github.com/RobertoPrevato/jQuery-KingTable[/url]
    AG-Grid是一个[color=red]企业级[/color]的Javascript数据网格。[url]http://www.oschina.net/p/ag-grid[/url], 官方, [url]https://www.ag-grid.com/example.php[/url], 文档里面很多例子
    [color=red]响应式表格控件[/color] DLShouWen Grid [url]http://os.dlshouwen.com/grid/doc/i18n/zh-cn/example.html[/url]


    [color=red][b]对Grid的独立排序工具[/b][/color]
    table sorter ,此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表,而无需刷新页面。Table sorter可以成功地解析多种类型的数据并进行排序。
    源码http://tablesorter.com/docs//演示 http://tablesorter.com/docs/#Demo
    jQuery Table,这是一个操作简单的jQuery插件,可帮助你将数据创建成可排序的表格。
    源码http://codecanyon.net/item/jquery-table/2392027?ref=lvraa/演示http://codecanyon.net/item/jquery-table/full_screen_preview/2392027?ref=lvraa
    Beautiful Data,这是个了不起的方法,可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。
    源码http://codecanyon.net/item/beautiful-data/132137?ref=lvraa/演示http://codecanyon.net/item/beautiful-data/full_screen_preview/132137?ref=lvraa
    jQuery columnManager 插件,此插件可以切换表中纵列内容的可见性(折叠和展开它们),并且保存数据直到下次访问。
    源码http://p.sohei.org/jquery-plugins/columnmanager//演示http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html


    [color=red][b]Excel表格[/b][/color]
    Handsontable 类似excel: http://handsontable.com/
    7个跟excel相关的插件:7+ JQUERY MICROSOFT EXCEL TYPE PLUGINS
    http://www.jquery4u.com/plugins/7-jquery-microsoft-excel-type-plugins/
    dhtmlxSpreadsheet http://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/
    jQuery.sheet http://www.visop-dev.com/Project+jQuery.sheet
    Table Generator http://www.tablesgenerator.com/


    [color=red][b]分页插件[/b][/color]
    jQuery实现ul-li自动分页,自动标签功能 [url]http://www.funet8.com/2096.html[/url]
    [color=red]jPages[/color] [url]http://blog.csdn.net/leixiaohua1020/article/details/12650563[/url] 官方[url]http://luis-almeida.github.io/jPages/index.html[/url]
    jQuery[color=red]分页插件[/color] JqueryPagination [url]http://mricle.com/JqueryPagination/Demo[/url]
    展开全文
  • 网格布局和表格布局Do you want to display WordPress posts in a grid layout? Most WordPress themes do not come with a grid layout display for your posts. In this article, we will show you how to display...

    网格布局和表格布局

    Do you want to display WordPress posts in a grid layout? Most WordPress themes do not come with a grid layout display for your posts. In this article, we will show you how to display your WordPress posts in a grid layout on any theme without writing a single line of code.

    您是否要以网格布局显示WordPress帖子? 大多数WordPress主题都没有为您的帖子提供网格布局显示。 在本文中,我们将向您展示如何在任何主题上以网格布局显示WordPress帖子,而无需编写任何代码。

    Displaying WordPress posts in grid layout

    什么时候需要WordPress的网格布局? (When Do You Need a Grid Layout for WordPress?)

    Traditional vertical layout of displaying posts works well for most websites. However this layout can take up a lot of space specially if you want to display a large number of posts.

    传统的垂直显示布局对大多数网站都适用。 但是,如果您要显示大量的帖子,此布局可能会占用很多空间。

    If you are using a custom homepage for your WordPress site, then you may want to use a grid based layout to display your recent posts.

    如果您正在为WordPress网站使用自定义主页 ,则可能要使用基于网格的布局来显示您的最新帖子。

    It will save space, so that you can add other items on your homepage. It also looks more visually pleasant due to prominently displayed featured images.

    这样可以节省空间,以便您可以在首页上添加其他项目。 由于突出显示的特色图像,它在视觉上也看起来更令人愉悦。

    WordPress themes designed for magazine or photography websites already use grid based layout to display posts. However, if you are using a theme that doesn’t support it, then you will need to create your own template for that. This would require you to learn PHP, HTML, CSS, etc.

    专为杂志摄影网站设计的WordPress主题已经使用基于网格的布局来显示帖子。 但是,如果使用的主题不支持该主题,则需要为此创建自己的模板。 这将需要您学习PHP ,HTML, CSS等。

    Let’s see how you can show WordPress posts in a grid layout on any theme without having to write any code.

    让我们看看如何在无需编写任何代码的情况下以任何主题的网格布局显示WordPress帖子。

    以网格布局显示WordPress帖子 (Displaying WordPress Posts in a Grid Layout)

    To make it easy, we have created a video tutorial on how to display your WordPress posts in a grid layout that you can watch below.

    为简单起见,我们创建了一个视频教程,介绍如何以网格布局显示WordPress帖子,您可以在下面观看。

    演示地址

    However if you just want to follow text-instructions, then you can follow our step by step tutorial on how to how to display your WordPress posts in a grid layout.

    但是,如果您只想按照文本说明进行操作,则可以按照我们的逐步指南进行操作,以了解如何在网格布局中显示WordPress帖子。

    First thing you need to do is install and activate the Post Grid plugin. For more details, see our step by step guide on how to install a WordPress plugin.

    您需要做的第一件事是安装并激活Post Grid插件。 有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

    Upon activation, you need to visit Post Grid » New Post Grid page to create your post grid.

    激活后,您需要访问Post Grid»New Post Grid页面来创建您的Post Grid。

    Creating a new post grid

    The post grid page is divided into different sections presented by the tabs on the top row. First you need to click on the ‘Query Post’ tab.

    网格后页面分为不同的部分,由第一行的选项卡显示。 首先,您需要点击“查询帖子”标签。

    This is where you will define how you want the plugin to retrieve the posts for display.

    在这里,您将定义希望插件如何检索帖子以进行显示。

    Query posts to be displayed in the grid

    You can select the post type you want to display. By default, it will display ‘posts’ but you can choose pages if you want, or select any custom post type.

    您可以选择要显示的帖子类型 。 默认情况下,它将显示“帖子”,但您可以根据需要选择页面,或选择任何自定义帖子类型

    Next you need to click on the layout tab. This is where you can select how you would want to display your grid.

    接下来,您需要单击布局选项卡。 您可以在此处选择显示网格的方式。

    Choosing your grid layout

    You can select the content layout. The plugin comes with a few choices like flat, flat center, flat right, etc. You can also click on the edit button and that will open the layout editor where you can create your own layouts.

    您可以选择内容布局。 该插件有几种选择,例如平面,平面中心,平面右等。您也可以单击编辑按钮,这将打开布局编辑器,您可以在其中创建自己的布局。

    You can choose from one of the 5 available skins. Some of the skins have cool visual effects that flip or rotate the image when a user takes mouse over to the thumbnail.

    您可以从5种可用皮肤中选择一种。 有些皮肤具有很酷的视觉效果,当用户将鼠标移到缩略图上时,这些效果会翻转或旋转图像。

    Now you need to click on the ‘Layout Settings’ tab. The settings here should work on most websites, but if your grid layout does not fit on your page, then this is where you can fix that.

    现在,您需要点击“布局设置”标签。 此处的设置应适用于大多数网站,但如果您的网格布局不适合您的页面,则可以在此处进行修复。

    Grid layout settings

    Finally, click on the navigation tab and select your pagination style.

    最后,单击导航选项卡,然后选择您的分页样式。

    Once you are done, simply click on the publish button. This will make your post grid available, and you can add it to the page where you want to display post grid.

    完成后,只需单击“发布”按钮。 这将使您的帖子网格可用,您可以将其添加到要显示帖子网格的页面。

    在WordPress页面中添加帖子网格 (Adding Posts Grid in a WordPress Page)

    On the post grid editor, you will see the tab shortcodes. Clicking on it will display a shortcode.

    在后网格编辑器上,您将看到选项卡短代码。 点击它会显示一个简码

    Copying the shortcode

    Copy the shortcode and edit the WordPress page where you want to display your post grid. Paste the shortcode inside the content area where you want to display the grid.

    复制简码并编辑您要在其中显示帖子网格的WordPress页面。 将简码粘贴到要显示网格的内容区域内。

    Next, save your page by clicking on the update button. You can now visit your website to see the post grid in action.

    接下来,通过单击更新按钮保存页面。 现在,您可以访问您的网站以查看帖子网格的运行情况。

    WordPress posts displayed in a grid layout

    You can also use the PHP code if you want to add the post grid directly into your WordPress theme files.

    如果要将帖子网格直接添加到WordPress主题文件中,也可以使用PHP代码。

    That’s all we hope this article helped you display your WordPress posts in a grid layout. You may also want to see our guide on adding multi-column content in WordPress posts.

    这就是我们希望本文能够帮助您以网格布局显示WordPress帖子的全部。 您可能还希望查看有关在WordPress帖子中添加多列内容的指南。

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在TwitterFacebook上找到我们。

    翻译自: https://www.wpbeginner.com/plugins/how-to-display-your-wordpress-posts-in-a-grid-layout/

    网格布局和表格布局

    展开全文
  • WordPress插件/文章编辑插件s说明

    千次阅读 2014-03-03 14:23:28
    WordPress日志缩略图插件. 可以为每篇文章自动生成文章缩略图, 可以在侧边栏显示随机日志缩略图列表或最新日志缩略图列表. 所有缩略图将自动从文章中提取生成, 非常方便. 支持默认缩略图设置. 缩略图可结合其它插件...

    Post Thumb Revisited
    WordPress日志缩略图插件. 可以为每篇文章自动生成文章缩略图, 可以在侧边栏显示随机日志缩略图列表或最新日志缩略图列表. 所有缩略图将自动从文章中提取生成, 非常方便. 支持默认缩略图设置. 缩略图可结合其它插件实现各种图片特效, 比如Highslide等. 插件主页

    WP-Footnotes
    可以让Wiordpress作者为文章添加漂亮的页角注释或者说旁白. 插 件主页

    WP-o-Matic
    WordPress文章自动聚合插件. 可以从指定的RSS/ATOM feed源中自动更新发布文章到你的WordPress博客. 想用WordPress做垃圾站的朋友可以好好的研究研究. 插 件 主页

    TDO Mini Forms
    WordPress表单插件. 这个插件可以让你为你的WordPress博客添加一个日志发布表单, 让你的读者可以为你的博客提交日志. 插 件主页

    Add to Any Share/Save/Bookmark Button
    WordPress社会化书签插件. 帮助用户分享, 保存, 收藏你的博客文章. 插件主页

    WP-Table
    这个插件可以让你方便的创建和管理HTML表格.插件主页

    Search Unleashed
    增强WordPress搜索的插件. 支持通配符搜索, 高亮搜索关键字, 可以配置所要搜索的数据是来自文章, 页面还是包括留言.插件主页

    Post Avatar
    这个WordPress 插件可以让用户在发表文章的时候从指定的一个图片列表里面选择一张图片做为该文章的图片, 这个图片可以自动显示在每篇文章里面, 也可以通过WordPress模板代码添加.

    HidePost
    这个WordPress 插件可以用来保护你的文章内容, 比如链接, 文本, 或是图像. 而只有注册用户登录状态下才能看到. 这比较适合那些提供下载的BLOG使用. 插 件主页

    WP Super Edit
    这个是一个WordPress后台文章编辑器的增强插件, 它可以超越WordPress的内置TinyMCE编辑器, 增加更多的功能, 而不会修改到WordPress的源代码. 它的增强功能包括可以增加表格按钮, DIV层按钮, CSS元素属性等等. 插件主页

    Featurific For WordPress

    Featurific For WordPress

    一个使用简单但非常强大的WordPress 插件, 它可以以幻灯片的形式展示推荐文章列表. 类似于一些门户型网站的首页FLASH内容切换. 插件主页.

    Yet Another Related Posts Plugin
    WordPress相关日志插件. 可以为当前页面或日志显示一份相关文章列表. 相关性根据对Mysql数据库的全文检索, Tag标签和分类得出. 插件主页

    Post Attached Image
    Post Attached Image这个插件可以让用户为每篇文章添加缩略图, 而在单页则会显示大图. 比较适合用来创建产品目录的一个WordPress插件. 插件主页

    Advanced Excerpt
    WordPress高级摘要插件. 可以通过字数和文本来限制文章摘要长度,摘要可支持HTML标记, 但HTML标记并不会算入字符统计中. 插件主页

    Chinese Word Count
    这个插件使得WordPress 2.6在撰写博客文章时,可以正确统计中文字数。WordPress 从2.6开始加入了字数统计功能, 但这个功能对中文用户来说是无效的, 这个插件就可以让你在发布文章的时候看到中文统计字数. 不知道这个插件是否可以和上面的高级摘要相配合. 帕兰也没有具体试用, 应该还是不行. 两个插件虽然都涉及到字数统计, 但实质的字数判断应该是不同的.

    Category Icons
    非常好用的WordPress文章分类图标插件. 可以让你为每个分类指定一个不同的图标. 然后在文章Loop里面显示. 插件主页

    Excerpt Editor
    快速编辑和创建文章或页面摘要的WordPress插件. 可以为页面自定义摘要, 自动生成摘要等等.

    Front Page Excluded Categories
    一个非常简单的插件, 可以从首页排除某个分类下文章的显示. 插 件主页

    AWSOM News Announcement
    AWSOM News Announcement可以让你发布新闻公告在你的文章上面, 或是任何其它你想放置的地方, 发布所使用的是视觉编辑器.

    Post Templates
    WordPress文章模板插件, 可以让你为相同排版的文章创建一个模板, 方便发布, 提高工作效率. 插件主页

    List of Posts from each Category plugin for WordPress
    显示某 一个分类下的一份文章列表. 插 件主页

    RelatedPosts
    这个WordPress 插件可以为你的文章或页面生成一份相关日志列表. 通过WordPress的Tags标签匹配, 可以指定相关日志显示数, 按日期还是按标签使用数排序等等. 插件主页

    Random Featured Post
    WordPress随机日志插件. 可以显示一份指定分类下面的推荐日志列表, 而这份推荐的日志列表其实是随机的.

    In-Series
    这个插件方便用户把文章组织成为一个系列, 可以使用到表格或是上一页下一页链接. 更重要的是这个插件不需要你添加任何WordPress模板代码, 也不需要使用到PHP. 插件主页.

    Post Notification
    WordPress文章通知插件. 如果你的WordPress博客是开放注册且拥有一定的注册用户, 那这个插件可能比较有用. 它可以实现发你的博客发布新文章的时候通过电子邮件通知注册用户.

    Different Posts Per Page
    为首页, 分类页, 存档页, 搜索页显示不同的文章数量. 插件主页.

    IMAGE EXTRACTOR
    Image Extractor 是一个 WordPress插件, 它可以抽取每篇文章的第一张图片并显示它. 插件主页

    postTabs
    postTabs可以让你用Tab切换模块的方式显示文章或页面. 比较有视觉效果, 或当内容比较多而又具有层次结构的时候使用. 插件主页

    Ajax Post Save
    可以让你在保存WordPress文章或页面的时候使用Ajax. 插件主页

    wp-orderposts
    文章排序插件. 如果你不想使用Wordpres标准的按日期排序, 那可以使用这个插件来管理你的文章排序. 作者主页

    Sobek`s Posts in Category
    显示某一分类或多个分类下的文章列表.

    Duplicate Post
    可以为你的日志或页面创建一份拷贝. 但随着WordPress 2.6加入了Post Revision功能, 这个插件似乎用不着了.

    Polaroid on the Fly
    可以为你的WordPress文章创建偏光板效果的缩略图, 非常漂亮. 支持默认缩略图显示. 插件主页

    Global Post Password
    全局日志密码插件. 也就是说, 可以为你的所有文章设置同一个密码, 这样你就不必那么麻烦, 每次要保护的文章都要设一次密码.

    Article Templates
    和上面介绍的Posts Templates插件一样, 也是为日志发表创建一个模板, 方便同类布局文章的发表.

    dTabs
    这个WordPress插件创建一个Tab切换菜单和下拉菜单在你的控制面板, 让你方便的查看文章, 页面, 分类存档, 书签等等.

    Include It
    这个WordPress插件可以来在文章或页面中包其它内容. 具体还没有试过, 不过应该挺有用的, 抽空试试.

    No Flash Uploader
    去除Flash上传功能. 自WordPress 2.5开 始, 加入了媒体库功能和Flash的文件上传, 尽管这看上去挺酷, 但一些时候它不能工作或者是工作缓慢, 如果你并不想使用这花哨的Flash上传, 那可以使用这个WordPress插件把它给禁用了.

    Post Layout
    这个WordPress插件可以让你不需要修改主题文件, 就方便的加入PHP, HTML或是Javascript代码到文章内容中.

    WP Limit Posts Automatically
    自动限制文章长度的插件. 限制参数可以通过字母, 单词或是段落. 可以选择在哪些页面进行限制, 比如首页, 分类页, 存档页还是搜索页.

    Blogroll Autolinker
    如果你使用WordPress内置的Blogroll来设置友情链接, 且你经常在博客文章中会提及到这些友情链接中的朋友, 那可以试试这个插件. 它会自动为文章中提及到的好友添加上该好友的链接.

    Target Blank in Posts and Comments
    让文章链接和留言链接在新窗口中打开.

    WP Post Columns
    这个WordPress插件可以让你为你的文章创建多个栏目, 从而实现杂志型或者说类似门户网站的布局风格. 插件主页

    Advanced Random Post
    WordPress随机文章列表插件.

    Notify on Draft Post
    WordPress草稿日志通知插件. 如果你的WordPress开放用户注册和投稿, 可以使用这个插件, 当贡献者发布文章的时候, 可以选择通知你已经发送该文章.

    Advanced Permalinks
    允许你的博客文章包含各种永久链接格式, 且不需要重定向.

    Last Viewed Posts
    这个插件可以显示一份最近被用户浏览过的日志列表.

    Please Link 2 Me
    请链接我! 这个WordPress插件可以在你的文章下面创建一个文本框, 里面显示该文章的快捷引用链接, 方便其它用户引用你的文章, 类似于视频网站的转贴代码.

    Nofollow Links in Posts
    可以为指定的分类添加rel=”nofollow”属性, 适合写付费评论的博客.

    Old Post Alert
    可以在你的留言部分生成一份早期的文章列表, 得到用户的注意.

    Display Future Posts
    推荐日志列表插件. 每篇日志不会超过150个字符.

    Templatedia
    WordPress文章模板插件. 还没具体试用, 好像是可以创建类似于MediaWiki的标记模板. 看上去还不错, 抽空试试.

    Better Nearby Post Links
    更好的上下文链接插件. WordPress默认的形式是显示上一篇和下一篇文章的标题和链接. 而这个插件可以让你显示成”上一页”和”下一页”或是你的自定义自符. 没什么特点, 主要是为了页面美观. 但对于SEO来说, 直接用默认的似乎更好.

    Feed 2 Post
    这个WordPress插件允许你将某个Feed源的文章转换为WordPress文章.

    Post2pdf
    post2pdf是一个WordPress插件, 可以把你的文章或页面转换为PDF格式.

    WP_LinkTools
    添加你的文章链接到Delicious. 同步你的链接到Delicious或其它博客., 或插入他们到你的博客. 一切完全自动化.

    RELATED POST with THUMBNAIL
    显示一份随机日志列表. 特别的这份随机日志列表包含每篇文章中的第一张图片, 显示成缩略图. 插件 主页

    WP Post Icon
    允许博客作者为文章上传和选择主题图标或图标,图标将自动显示在文章内.

    Schedule Post
    Schedule Post这个插件能够更好的组织你的待发文章, 它会为待会文章之前设置一些时间间隔, 这样更有利于SEO, 也更有利于提高浏览量.

    展开全文
  • 【微信小程序】布局插件:wxgrid

    万次阅读 多人点赞 2016-10-05 17:19:21
    微信小程序发布,web端的插件基本都用不了。接下来应该会有不少微信小程序插件出现吧……
    微信小程序发布,web端的插件基本都用不了。接下来应该会有不少微信小程序插件出现吧……
    

    微信小程序其实是C/S思想,纯web前端开发人员应该不大喜欢它的写法。

    前端开发最重要的就是布局的编写,C/S布局最方便的应该就是“表格”布局,参考.NET的WPF里面Grid,我先简单写一个表格布局的插件。

    wxgrid插件含有wxgrid.js和wxgrid.wxss,两个文件。

    主要函数

    //初始化表格,设置几行几列
    init(rowsCount,colsCount)
    //设置行高(不设置的话,默认40高度)
    //传人height,index设置第index+1行的高度
    //只传人height设置所有行的高度
    setRowsHeight(height,index)
    //设置列宽(不设置的话,默认等宽)
    //传人width,index设置第index+1列的宽度“权重”
    //只传人height设置所有的的宽度“权重”
    setColsWidth(width,index)
    //将一维数组转换为二维数组,存储在data
    wxgrid.data.add(key,arr);

    使用示例:

    简单示例

    index.js

    var WXGrid = require('../../js/wxgrid.js')
    var wxgrid = new WXGrid;
    wxgrid.init(4,4);
    wxgrid.setRowsHeight(100,2);
    wxgrid.setColsWidth(100,2);
    var app = getApp()
    Page({
      data: {
        wxgrid
      }
    })
    

    index.wxml

    <view class="wxgrid">
        <view wx:for="{{wxgrid.rows}}" class="wxrow" style="height:{{item.height}}px;line-height:{{item.height}}px;">
            <view wx:for="{{wxgrid.cols}}" class="wxcol" style="width:{{item.width}}%">
                内容
            </view>
        </view>
    </view>
    

    index.wxss

    @import "../../wxss/wxgrid.wxss";

    效果如下:
    这里写图片描述

    数据调用

    index.js

    var WXGrid = require('../../js/wxgrid.js')
    var wxgrid = new WXGrid;
    wxgrid.init(2,3);
    var classifies = [
      {name:"领聘1"},
      {name:"领聘2"},
      {name:"领聘3"},
      {name:"领聘4"},
      {name:"领聘5"},
      {name:"领聘6"}]
    wxgrid.data.add("classifies",classifies);   //将一维数组转换为二维数组
    var app = getApp()
    Page({
      data: {
        wxgrid
      }
    })

    index.wxml

    <view class="wxgrid">
        <view wx:for="{{wxgrid.rows}}" wx:for-index="i" class="wxrow" style="height:{{item.height}}px;line-height:{{item.height}}px;">
            <view wx:for="{{wxgrid.cols}}" wx:for-index="j" class="wxcol" style="width:{{item.width}}%">
                {{wxgrid.data.classifies[i][j].name}}
            </view>
        </view>
    </view>

    index.wxss

    @import "../../wxss/wxgrid.wxss";

    效果如下:

    这里写图片描述

    (美团式)分类视图

    index.js

    var WXGrid = require('../../js/wxgrid.js')
    var wxgrid = new WXGrid;
    wxgrid.init(2,4);
    var img = "http://pic.qqtn.com/up/2016-9/20169281936395677.png";
    var classifies = [
      {name:"领聘1",img},
      {name:"领聘2",img},
      {name:"领聘3",img},
      {name:"领聘4",img},
      {name:"领聘5",img},
      {name:"领聘6",img},
      {name:"领聘7",img},
      {name:"领聘8",img}]
    wxgrid.data.add("classifies",classifies);
    var app = getApp()
    Page({
      data: {
        wxgrid
      }
    })

    index.wxml

    <view class="wxgrid">
        <view wx:for="{{wxgrid.rows}}" wx:for-index="i" class="wxrow">
            <view wx:for="{{wxgrid.cols}}" wx:for-index="j" class="wxcol" style="width:{{item.width}}%;">
                <a class="wxclassify" href="#">
                    <image class="wxclassify-img" mode="aspectFit" src="{{wxgrid.data.classifies[i][j].img}}"></image>
                    {{wxgrid.data.classifies[i][j].name}}
                </a>
            </view>
        </view>
    </view>
    

    效果如下
    这里写图片描述

    插件代码

    https://git.coding.net/duangongbang/wxgrid.git
    
    展开全文
  • jquery插件 文本编辑

    千次阅读 2017-03-29 16:14:21
    参考文章: ...http://guoliangheyuqin.iteye.com/blog/1676688 编写了一个简单的文本编辑器,使用document.execCommand命令对可编辑区域进行字体的加粗 斜体 对齐以及插入图片和超链接等操作。document.ex
  • 25款顶级的jQuery表格插件

    千次阅读 2014-11-25 16:58:54
    jQuery 表格插件可以让你创建各种各样的表格布局表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行...
  • jQuery 表格插件可以让你创建各种各样的表格布局表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行...
  • 这就是为什么我们在CodeCanyon中搜索最有用的WordPress页面布局插件,并提出了这12个可以满足各种需求的插件。 如果您正在寻找合适的网格来显示您的博客文章,照片,产品,推荐,社交媒体流,服务或您想到的...
  • 表单布局分为自动布局和自定义布局两种: 自动布局就是根据配置项中第二级配置项中数组的长度来自动使用不同的bootstrap栅格,通过设置autoLayout为true可以实现自动布局 自动以布局就是根据autoLayout来决定...
  • jQuery 表格插件可以让你创建各种各样的表格布局表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery的表格插件,你可以任意控制表格的行和列,用文本和图片进行...
  • 提起表单设计器,网上会有很多,不过能让设计器可视化写脚本的还真是凤毛麟角 直接给大家上地址:http://lowcode.magicalcoder.com/magicaldrag/index-page.html 下面介绍一下这款布局器的特点 先来看一下整体预览...
  • 首先是简单的页面形式,大家可以按照平常画表格的方式来创建html表格,然后通过js控制特殊的样式等操作(优点是表格更加直观,方便调整表格样式等,速度快) 当然,也可以只在页面上放一个table标签,之后的所有...
  • Bootstrap有没有好用的jQuery表格插件bootstrap表格插件推荐datatables。 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何...
  • 码农苦码农懂! 您是否有过以下想法: 我是一名element初学者,我想以最短的时间快速进入 element 的大门 ...我正在寻找一款能嵌入工作流,Sass,Pass 等系统的可视化 WEB 表单设计器,让用户自己通过我们...
  • dokuwiki插件1.1、Add New Page插件功能:此插件为增加页面插件!使用方法:在一个空白的页面里输入{{NEWPAGE}},如下图:“预览”后,“保持”即可。使用效果:1.2、Indexmenu Plugin插件功能:此插件为索引目录...
  • 1:在进行渲染之前肯定要引用插件,因为需要用到布局的问题,所以我们先引用一个bootstrap-4.1.3-dist 的一个css:bootstrap.min.css,这个插件是我们在布局时常常用到的,因为它可以帮你解决布局问题,让你更加方便...
  • 各种公式、插图、表格、代码等都能轻易实现,布局方便; UI界面简洁优美,操作起来得心应手。 2、图床插件:picGo2.2.2 下载:官方,非官方,官方下载速度太慢了! 安装与配置: Windows安装直接点击....
  • 使用表格和图表的#1插件改进WordPress表格 几乎每个网站创建者最终需要解决的典型任务之一就是要以可读和交互的方式向网站访问者显示大量数据。经典的解决方案是将数据组织在一个表格中。 如果你在网站上处理数据...
  • 推荐十个最新免费的 jQuery 表格插件

    千次阅读 2015-06-13 18:39:51
    用于响应的 mouseenter 和 mouseleave 事件,选择整个表格的行和列,支持利用列跨度和行跨度的表格布局。 Pricing Tables 简单响应的定价表格,有3种不同的风格,当跳转到不同的计划时,...
  • Elementor是一款非常现代的页面编辑器,作为2018年最流行的免费页面编辑插件,它改变了WordPress建站的方式,让我们可以无需代码便能自己构建网页 在本文中,我们将详细介绍Elementor及其使用方法,以帮助大家决定...
  • 富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等... 小巧的身材:文件大小仅仅只有 48 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者...
  • 60余款WordPress日志插件/文章编辑

    千次阅读 2014-04-01 18:02:30
    WordPress日志缩略图插件. 可以为每篇文章自动生成文章缩略图, 可以在侧边栏显示随机日志缩略图列表或最新日志缩略图列表. 所有缩略图将自动从文章中提取生成, 非常方便. 支持默认缩略图设置. 缩略图可结合其它插件...
  • //第1列不可编辑  cmbVariable = new VariableComboBoxCellEditor(tv.getTable(), variableNames);//重写的一个下拉框  cellEditors[1] = cmbVariable;  tv.setCellEditors(cellEditors);  tv....
  • 因此,请确保尽可能简单地设计插件布局。 减少步骤数 (Decrease the number of steps) Users want to do things as quickly as possible, while developers usually want to provide as many features as possible....
  • 目录一、插件简介1.快速导航2.核心功能二、基础使用1.下载插件2.引入插件3.配置使用4.效果演示三、功能扩展1.下载插件2.引入插件3.配置使用4.效果演示 一、插件简介 form-create-designer 是基于 @form-create/...
  • 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,614
精华内容 5,845
关键字:

表单布局编辑插件