zslabs / basey-theme Goto Github PK
View Code? Open in Web Editor NEWA developer-friendly WordPress base (or parent) theme built with UIkit and GulpJS
License: MIT License
A developer-friendly WordPress base (or parent) theme built with UIkit and GulpJS
License: MIT License
I tweaked the basey theme to work with UIkit sass, here is the repo: https://github.com/adamk22/basey-theme-sass
It still isn't perfect, but can be used as a starter theme for people that prefer UIkit sass. Let me know what you think!
When running gulp
, the styles
task fails with the following error message:
Plumber found unhandled error:
Error in plugin 'gulp-less'
Message:
'bower_components/uikit/themes/almost-flat/variables.less' wasn't found in file /Applications/MAMP/htdocs/volkerbeck/wp-content/themes/basey-theme/assets/css/src/app.less line no. 10
Details:
type: File
filename: /Applications/MAMP/htdocs/wp-content/themes/basey-theme/assets/css/src/app.less
index: 217
line: 10
callLine: NaN
callExtract: undefined
column: 0
extract: // LESS related,@import "bower_components/uikit/themes/almost-flat/variables.less";,
lineNumber: 10
fileName: /Applications/MAMP/htdocs/wp-content/themes/basey-theme/assets/css/src/app.less
The problem should be about the relative path and from the first quick analysis, this does not surprise me.
app.less
is in folder assets > css > src
, variables.less
is in folder app > bower_components > uikit > themes > almost_flat
.
The import in app.less
however is bower_components...
.
Is this an error? Or do I do something wrong?
I have copied your /inc/menu.php class in my wordpress functions.php, but the Wordpress menu structure isn't the same as menu in the website. When I try to create a dropdown menu with multiple sub-items in wordpress, the wp_nav_menu only shows one dropdown item.
I guess the html code does not look correct either, because the dropmenu li items does not have a ul wrapped around.
I hope you can help me out.
I use Wordpress version 4.8 with UIKit 3 Beta.
This is the wp_nav_menu array:
wp_nav_menu(
array(
'theme_location' => 'header-menu',
'menu' => 4,
'container' => false,
'container_class' => 'menu-{menu slug}-container',
'container_id' => '',
'menu_class' => '',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul class="uk-navbar-nav">%3$s</ul>',
'depth' => 1,
'walker' => new basey_primary_menu()
)
);
Hi
Could you please help me with wordpress menu
trying to create menu walker for uikit
i used your codes but it didnt works
i think it need to be updated
It would be great to have support for the Nav component added to the walker for sidebar menus!
I receive the following error when i try to run gulp and gulp watch
Requiring external module coffee-script/register
module.js:338
throw err;
^
Error: Cannot find module 'lodash'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:278:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/node_modules/globule/lib/globule.js:14:9)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/lib/gaze.js:16:15)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/index.js:1:74)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/gulp/node_modules/vinyl-fs/index.js:6:10)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/gulp/index.js:7:11)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/gulpfile.coffee:2:15)
at Object. (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/gulpfile.coffee:2:1)
at Module._compile (module.js:460:26)
at Object.loadFile (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:16:19)
at Module.load (/Applications/wordpress-4.2.2-0/apps/wordpress/htdocs/wp-content/themes/basey/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Liftoff.handleArguments (/usr/local/lib/node_modules/gulp/bin/gulp.js:116:3)
at Liftoff. (/usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:192:16)
at module.exports (/usr/local/lib/node_modules/gulp/node_modules/liftoff/node_modules/flagged-respawn/index.js:17:3)
at Liftoff. (/usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:185:9)
at /usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:159:9
at /usr/local/lib/node_modules/gulp/node_modules/v8flags/index.js:79:12
at /usr/local/lib/node_modules/gulp/node_modules/v8flags/index.js:35:7
at process._tickCallback (node.js:355:11)
at Function.Module.runMain (module.js:503:11)
at startup (node.js:129:16)
at node.js:814:3
When I search using more than one search term, the count of each type of result is broken, so for example the headings for the different types of results will say "0 Post Found" or "0 Page Found" even though posts and pages were returned.
Same goes for the Filter subnav at the top of the results.
I have been removing the counts and using more generic wording for the filter and headings.
I realize Foundation 5 is not supported on IE8, but Basey's Gruntfile leads me to believe otherwise. However, JS errors persist when loading Basey on IE8, and IE8 will not apply the JS polyfills.
Can Basey be used on IE8?
Please excuse my "noob-ness" as I am attempting to learn workflow automation... Is gulp's watch mode suppose to update edits/changes made in uikit/src/less/core files? How do I get the site to reflect the changes made to the .less files? I tried running gulp scripts, copy and watch tasks but none of them worked. Any help would be appreciated.
I placed Foundation's tab example on a WP page. Tabs don't appear to be showing up. Is this intentional? Also, I installed the theme as is, and did not re/build with Gulp.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.