Suppose I download a free Bootstrap theme from the internet, e.g., https://themes.3rdwavemedia.com/bootstrap-templates/startup/portal-free-bootstrap-admin-dashboard-template-for-developers/.
How can I apply this theme to my Dash dashboard?
The theme comes with an assets folder with the following folders: css, images, js, plugins, scss. If I simply copy everything in the downloaded assets folder to the assets folder in my application, it doesn't seem to have any effect.
I do not specify external_stylesheets in my code as I understand dash will automatically pick up the files in my assets folder.
Thanks a lot!
Related
I have cloned a Jekyll Bootstrap installation with GitHub pages. Everything is working but the CSS and JavaScript aren't being loaded in the website. It looks like a barebones HTML site.
Here is the website: https://heavensgospel.github.io/
Here is the website's files: https://github.com/heavensgospel/heavensgospel.github.io
Apparently those files are missing from your file system.
Your /assets/themes/bootstrap/css/ folder seems to contain only one file style.css, while other files seem to be missing. Similarly, JavaScript files too are missing.
I’m trying to develop a custom Wordpress starter theme with Gulp built in. Seems like the file structure of a Gulp project (with its src and dist folders) doesn’t jive with that of a Wordpress theme, which seems to want all the php files in the root directory of the theme.
Am I supposed to develop the theme outside of Wordpress, then move the contents of dist/ into wordpress/wp-content/themes/ after running the build task? Or is there a better way?
You CAN develop outside of on one localhost directory and then output the files into another directory, but it would complicate the process. It's better to work in the same directory, newly output file will replace the old one and that's about it.
I googled the same question but couldn't find the perfect answer, Can anybody make it clear on how to use LESS CSS in WordPress theme development? I don't want to rely upon online scripts.
I already tried https://github.com/sanchothefat/wp-less but no luck..
Your question is very broad? Too broad I think.
How does your develop process looks now? How do you want to compile your Less code.
Notice that Less code should be compiled into static CSS. Of course you can use the in browser version too, but in-browser compiling is not suitable for production.
Basically you should compile your Less into CSS first. You can compile styles.less into styles.css and upload that file into your wp-content/themes/yourthemes folder. Instead of styles.css you can use any other file and integrate in with the wp_enqueue_style function into your theme.
In the case that you want your Less code via the WordPress dashboard, you can install the WP Less to CSS plugin. This plugin compiles your Less code into a static CSS file as described above.
The JBST theme use the Less plugin describe above. You can also take a look at the Roots.io theme, which uses Less, npm and grunt to build.
A process that, for now, I use occasionally. I installed Koala, which creates CSS files from LESS on the fly. Then we create style.less and as we write code in it - through, for example, WinSCP upload to the server in the theme folder.
You can also use a copy of the site on a local server like OpenServer (OSpanel). With Koala create CSS automatically from LESS in theme folder on local server. After changes - upload them to the work server.
You can use Grunt.js to compile the file locally or some app lice CodeKit. Also you can use some wordpress plugins like this one: https://wordpress.org/plugins/wp-less/
I used that plugins before an it works fine.
I have created a custom theme in WordPress, with its own set of stylesheets in a CSS directory. I want to be able to edit them through the WordPress backend (i.e. through Appearance>Editor).
I presume it will just be a couple of lines of code to add to functions.php, but I have searched around and can't find anything that will work out (I'm thinking because most of the solutions I've found are 4 years old...and WordPress has been updated a few times since then).
I tried adding filters and playing with wp_enqueue_style to no avail. Thanks for any help anyone can offer.
All files within your themes folder and sub-folders will be listed for editing under the theme editor.
I just checked under WordPress 3.8.1 and even files located under a sub-folder within my themes folder are all being listed.
Make sure there are no errors in your css files that prevent it from being opened in the theme editor.
Additionally, despite files located in sub-folders still being listed in the theme editor, for some reason the theme editor will not list css files in sub-folders. You will have to place your other css files in the root folder of your theme.
Move your css files to your themes root folder and you will be able to edit them in the WordPress theme editor.
I built a website with a menu using drupal.
My question is how do I change slightly the design?
Do I have access to the css files? where?
Can I change the design using drupal?
If you used the default Drupal menu, you'd need access to the file system, specifically your site's theme files, to update the design. If you used a core theme, the theme would be in a subdirectory of your site's /theme directory. If you used a contributed theme, your theme should probably be located in a subdirectory of /sites/all/themes.
If you're unable to access the files but can somehow install modules, the following modules may help somewhat:
Sweaver
Live Themer