WordPress UIkit Starter Theme
A WordPress starter theme for developers using the frontend framework UIkit.
NOTICE: This theme is still in development. You might miss some features.
- Issues - Report bugs
Theme Features
- Full responsive theme
- Two-level dropdown navigation with offcanvas-navigation for smaller devices
- Main sidebar on the right side and horizontal footer sidebar with auto-columns
- Support for featured image in posts
- Gallery-tag support with UIkit slideshow and gallery
- Header-image support
Screenshot
Getting started
git clone git@github.com:nstaeger/WordPress-UIkit-Starter-Theme.gitinto thewp-content/themesfolder of your WordPress-installation.- Go to the WordPress administration-panel and activate the theme.
Developers
You will need Git, Node, Bower and Gulp installed, before you start. It is also recommended, to have a running installation of WordPress.
Before you start, follow these steps.
git clone git@github.com:nstaeger/WordPress-UIkit-Starter-Theme.gitinto thewp-content/themesfolder of your WordPress-installation.cd WordPress-UIkit-starter-themenpm install
Bower
This theme uses Bower to manage its dependencies like jQuery and UIkit. You can get the latest versions of those by running bower install in the themes folder.
Gulp
You can use Gulp to compile the less files and other stuff. Here are a few tasks, that come with the theme:
gulp compile-lessCompiles the UIkit and theme-specific Less files into your CSS folder.gulp copy-fontCopies the UIkit font files to thefontsdirectory.gulp minify-jsMinifies all JS-files to anall.min.js.gulp watchWatches theless/-folder for changes. If changes are made, the CSS-file will be recompiled.
-
写 css 遇到了问题怎么办？ 如何让 css 写的更轻松？ postcss-ui-theme，让你实现类 sass 语法，一个插件就能做到！ 如何改变 css 主题 ？ postcss-ui-theme ， 可打包 css4 变量被保留，不仅可在引用时直接使用新的变量文件覆盖改变主题，还可以通过 js 进行更改！！！ css 在别的项目被编译，文件路径找不到？ postcss-ui-theme，
-
用批量替换软件搜索修改如下： 注释 screen_icon 搜索 add_options_page 将数字8替换为 'manage_options' register_widget_control 替换为 wp_register_widget_control get_theme 替换为 wp_get_theme wp_specialchars
-
jetbrains 系列产品 安装 Material Theme UI Plugin插件 Material Theme UI Plugin主题插件安装
-
WordPress Gulp and Webpack starter theme Under the hood ES6 for JavaScript (transpiling with Babel and linting with ESLint) SASS preprocessor for CSS with SASS Guidelines Bootstrap 5 as CSS framework
-
UIkit是YOOtheme团队开发的一款轻量级开源的前端框架，可以帮助你快速的开发和创建前端UI界面，支持LESS、模块化、自定义主题、及响应式设计。
-
Awesome UIKit Collect JS Frameworks, Web components library and Admin Template. Contents Frameworks The Big Three Historically Significant Notable Mobile Mini Program Rest of the Pack State of the Rea
-
ember-uikit This addon is a wrapper for the CSS library UIkitwhich exposes certain components to give users an easy way for using UIkit inember apps. ember-uikit is heavily inspired by Vuikit which do
-
实现单选按钮效果。 [Code4App.com]
-
我最近开始使用iOS应用程序。我可以看到，UIKit提供的许多现成的对象都使用了委托模式。例如，UITableView有一个datasource和一个委托，用于提供数据和其他表视图功能。 那么，这个委托模式、策略设计模式背后的底层设计模式是什么？对我有利的原因是，在策略模式中，委托对象具有对委托的引用，该引用确认了特定的接口。 比方说，我有一个类MyDataSource，它符合协议/接口UITab