Roots Theme not loading - using bedrock

I used bedrock to create a project on my MAMP server and then I downloaded the roots theme, changed the directory name, and stuck that in the app/themes folder of my new project. I then followed the grunt install and npm install and everything appeared fine.

➜  quickbox git:(master) npm install
➜  quickbox git:(master) grunt
Running "clean:dist" (clean) task
Cleaning assets/css/main.min.css...OK
Cleaning assets/js/scripts.min.js...OK

Running "less:dist" (less) task
File assets/css/main.min.css created.

Running "uglify:dist" (uglify) task
File "assets/js/scripts.min.js" created.

Running "version" task
Versioning assets/css/main.min.css...OK
Versioning assets/js/scripts.min.js...OK
"lib/scripts.php" updated with new CSS/JS versions.

Done, without errors.

I then get the database set up and go through the wp-config process, no sweat. I login to wp-admin, go to Appearance>Themes and activate roots. The home page comes up but none of the styles work, and the screenshot doesn’t render the roots logo. Does this mean I’m not activating the roots theme correctly?

Anything helps,
Thanks

Check your dev console in your browser and let us know what the errors are. Probably 404 errors but seeing what paths it’s requesting should help debug.

1 Like

console:

Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost:8888/app/themes/quickbox/assets/css/main.min.css?ver=6c39f42987ae297a5a21e2bb35bf3402
Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost:8888/app/themes/quickbox/assets/js/scripts.min.js?ver=01d073428e4e54f227f8a0a3bad4b804
Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost:8888/app/themes/quickbox/assets/js/vendor/modernizr-2.7.0.min.js

and the path should be localhost:8888/web/epathfinder/app/themes/…etc
my .env is:

DB_NAME=wp_epathfinder
DB_USER=root
DB_PASSWORD=root
DB_HOST=localhost:8888

WP_ENV=development
WP_HOME=http://localhost:8888/web/epathfinder
WP_SITEURL=http://localhost:8888/web/epathfinder/wp

I just found roots today and it is exactly what I have been looking for, all I need is this last little step and then maybe setting up capistrana.

Look at your server logs to see what’s causing the server 500 error

[Tue Jan 07 21:55:52 2014] [notice] caught SIGTERM, shutting down
[Tue Jan 07 23:07:55 2014] [notice] Digest: generating secret for digest authentication ...
[Tue Jan 07 23:07:55 2014] [notice] Digest: done
[Tue Jan 07 23:07:55 2014] [notice] Apache/2.2.23 (Unix) mod_ssl/2.2.23 OpenSSL/0.9.8y DAV/2 PHP/5.4.10 configured -- resuming normal operations
[Tue Jan 07 23:07:56 2014] [error] [client ::1] client denied by server configuration: /Applications/MAMP/htdocs/.DS_Store
[Tue Jan 07 23:07:56 2014] [error] [client ::1] client denied by server configuration: /Applications/MAMP/htdocs/.htaccess
[Tue Jan 07 23:10:38 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace.
[Tue Jan 07 23:10:44 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:10:44 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:10:44 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:11:03 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:11:03 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:11:03 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/
[Tue Jan 07 23:11:06 2014] [error] [client ::1] Request exceeded the limit of 10 internal redirects due to probable configuration error. Use 'LimitInternalRecursion' to increase the limit if necessary. Use 'LogLevel debug' to get a backtrace., referer: http://localhost:8888/web/epathfinder/

Soooo somthing in my .htaccess?

EDIT:

I can’t go over 3 replies so…

I don’t thinks so? I’m just using MAMP so I’m not sure if that may be the cause. I tried doing a fresh install how jakicmeister mentioned, like so:

➜  htdocs  php composer.phar create-project roots/bedrock connorfreeman/
Installing roots/bedrock (1.0.0)
  - Installing roots/bedrock (1.0.0)
    Loading from cache

Created project in connorfreeman/
Loading composer repositories with package information
Installing dependencies (including require-dev) from lock file
  - Installing composer/installers (v1.0.6)
    Loading from cache

  - Installing fancyguy/webroot-installer (1.1.0)
    Loading from cache

  - Installing vlucas/phpdotenv (1.0.2)
    Loading from cache

  - Installing wordpress (3.8)
    Loading from cache

  - Installing wp-cli/php-cli-tools (v0.9.3)
    Loading from cache

  - Installing symfony/finder (v2.4.0)
    Loading from cache

  - Installing rmccue/requests (v1.6.0)
    Loading from cache

  - Installing rhumsaa/array_column (1.1.2)
    Loading from cache

  - Installing mustache/mustache (v2.5.0)
    Loading from cache

  - Installing wp-cli/wp-cli (v0.13.0)
    Loading from cache

wp-cli/wp-cli suggests installing psy/psysh (Enhanced `wp shell` functionality)
Generating autoload files
➜  htdocs  subl connorfreeman/.env.example

renamed .env.example to .env and filled out correct info in sublime…

    ➜  htdocs  cd connorfreeman/app/themes
    ➜  themes  git clone git://github.com/roots/roots.git
    Cloning into 'roots'...
    remote: Reusing existing pack: 5316, done.
    remote: Counting objects: 22, done.
    remote: Compressing objects: 100% (20/20), done.
    remote: Total 5338 (delta 5), reused 10 (delta 2)
    Receiving objects: 100% (5338/5338), 2.82 MiB | 504.00 KiB/s, done.
    Resolving deltas: 100% (3104/3104), done.
    Checking connectivity... done
    ➜  themes  npm install -g grunt-cli
    npm http GET https://registry.npmjs.org/grunt-cli
    npm http 304 https://registry.npmjs.org/grunt-cli
    npm http GET https://registry.npmjs.org/findup-sync
    npm http GET https://registry.npmjs.org/nopt
    npm http GET https://registry.npmjs.org/resolve
    npm http 304 https://registry.npmjs.org/findup-sync
    npm http 304 https://registry.npmjs.org/nopt
    npm http 304 https://registry.npmjs.org/resolve
    npm http GET https://registry.npmjs.org/abbrev
    npm http GET https://registry.npmjs.org/glob
    npm http GET https://registry.npmjs.org/lodash
    npm http 304 https://registry.npmjs.org/abbrev
    npm http 304 https://registry.npmjs.org/glob
    npm http 304 https://registry.npmjs.org/lodash
    npm http GET https://registry.npmjs.org/graceful-fs
    npm http GET https://registry.npmjs.org/inherits
    npm http GET https://registry.npmjs.org/minimatch
    npm http 304 https://registry.npmjs.org/graceful-fs
    npm http 304 https://registry.npmjs.org/inherits
    npm http 304 https://registry.npmjs.org/minimatch
    npm http GET https://registry.npmjs.org/sigmund
    npm http GET https://registry.npmjs.org/lru-cache
    npm http 304 https://registry.npmjs.org/sigmund
    npm http 304 https://registry.npmjs.org/lru-cache
    /usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt
    grunt-cli@0.1.11 /usr/local/lib/node_modules/grunt-cli
    ├── resolve@0.3.1
    ├── nopt@1.0.10 (abbrev@1.0.4)
    └── findup-sync@0.1.2 (lodash@1.0.1, glob@3.1.21)
    ➜  themes  npm install
npm http GET https://registry.npmjs.org/grunt
npm http GET https://registry.npmjs.org/grunt-contrib-watch
npm http GET https://registry.npmjs.org/grunt-wp-version
npm http GET https://registry.npmjs.org/grunt-contrib-clean
npm http GET https://registry.npmjs.org/grunt-contrib-jshint
npm http GET https://registry.npmjs.org/grunt-contrib-uglify
npm http GET https://registry.npmjs.org/grunt-contrib-less
npm http 304 https://registry.npmjs.org/grunt
npm http 304 https://registry.npmjs.org/grunt-wp-version
npm http 304 https://registry.npmjs.org/grunt-contrib-uglify
npm http 304 https://registry.npmjs.org/grunt-contrib-less
npm http 304 https://registry.npmjs.org/grunt-contrib-clean
npm http 304 https://registry.npmjs.org/grunt-contrib-jshint
npm http 304 https://registry.npmjs.org/grunt-contrib-watch
npm http GET https://registry.npmjs.org/rimraf
npm http GET https://registry.npmjs.org/jshint
npm http GET https://registry.npmjs.org/colors
npm http GET https://registry.npmjs.org/dateformat/1.0.2-1.2.3
npm http GET https://registry.npmjs.org/eventemitter2
npm http GET https://registry.npmjs.org/findup-sync
npm http GET https://registry.npmjs.org/glob
npm http GET https://registry.npmjs.org/hooker
npm http GET https://registry.npmjs.org/iconv-lite
npm http GET https://registry.npmjs.org/minimatch
npm http GET https://registry.npmjs.org/nopt
npm http GET https://registry.npmjs.org/rimraf
npm http GET https://registry.npmjs.org/lodash
npm http GET https://registry.npmjs.org/which
npm http GET https://registry.npmjs.org/underscore.string
npm http GET https://registry.npmjs.org/exit
npm http GET https://registry.npmjs.org/js-yaml
npm http GET https://registry.npmjs.org/getobject
npm http GET https://registry.npmjs.org/async
npm http GET https://registry.npmjs.org/coffee-script
npm http 304 https://registry.npmjs.org/rimraf
npm http GET https://registry.npmjs.org/grunt-lib-contrib
npm http GET https://registry.npmjs.org/uglify-js
npm http 304 https://registry.npmjs.org/jshint
npm http 304 https://registry.npmjs.org/colors
npm http 304 https://registry.npmjs.org/findup-sync
npm http 304 https://registry.npmjs.org/glob
npm http 304 https://registry.npmjs.org/eventemitter2
npm http 304 https://registry.npmjs.org/hooker
npm http 304 https://registry.npmjs.org/dateformat/1.0.2-1.2.3
npm http 304 https://registry.npmjs.org/iconv-lite
npm http 304 https://registry.npmjs.org/rimraf
npm http GET https://registry.npmjs.org/gaze
npm http GET https://registry.npmjs.org/tiny-lr/0.0.4
npm http GET https://registry.npmjs.org/less
npm http 304 https://registry.npmjs.org/minimatch
npm http 304 https://registry.npmjs.org/nopt
npm http 304 https://registry.npmjs.org/which
npm http 304 https://registry.npmjs.org/lodash
npm http 304 https://registry.npmjs.org/underscore.string
npm http GET https://registry.npmjs.org/underscore
npm http GET https://registry.npmjs.org/shelljs
npm http GET https://registry.npmjs.org/console-browserify
npm http GET https://registry.npmjs.org/cli
npm http 304 https://registry.npmjs.org/exit
npm http 304 https://registry.npmjs.org/js-yaml
npm http 304 https://registry.npmjs.org/getobject
npm http 304 https://registry.npmjs.org/async
npm http 304 https://registry.npmjs.org/coffee-script
npm http 304 https://registry.npmjs.org/grunt-lib-contrib
npm http 304 https://registry.npmjs.org/uglify-js
npm http 304 https://registry.npmjs.org/gaze
npm http 304 https://registry.npmjs.org/tiny-lr/0.0.4
npm http 304 https://registry.npmjs.org/underscore
npm http 304 https://registry.npmjs.org/less
npm http 304 https://registry.npmjs.org/console-browserify
npm http 304 https://registry.npmjs.org/shelljs
npm http 304 https://registry.npmjs.org/cli
npm http GET https://registry.npmjs.org/graceful-fs
npm http GET https://registry.npmjs.org/abbrev
npm http GET https://registry.npmjs.org/zlib-browserify/0.0.1
npm http GET https://registry.npmjs.org/lru-cache
npm http GET https://registry.npmjs.org/sigmund
npm http 304 https://registry.npmjs.org/abbrev
npm http 304 https://registry.npmjs.org/graceful-fs
npm http 304 https://registry.npmjs.org/zlib-browserify/0.0.1
npm http GET https://registry.npmjs.org/debug
npm http GET https://registry.npmjs.org/noptify
npm http GET https://registry.npmjs.org/qs
npm http GET https://registry.npmjs.org/faye-websocket
npm http GET https://registry.npmjs.org/inherits
npm http 304 https://registry.npmjs.org/sigmund
npm http 304 https://registry.npmjs.org/lru-cache
npm http 304 https://registry.npmjs.org/faye-websocket
npm http 304 https://registry.npmjs.org/inherits
npm http GET https://registry.npmjs.org/globule
npm http 304 https://registry.npmjs.org/debug
npm http 304 https://registry.npmjs.org/qs
npm http GET https://registry.npmjs.org/argparse
npm http GET https://registry.npmjs.org/esprima
npm http 304 https://registry.npmjs.org/globule
npm http 304 https://registry.npmjs.org/argparse
npm http 304 https://registry.npmjs.org/esprima
npm http GET https://registry.npmjs.org/source-map
npm http GET https://registry.npmjs.org/uglify-to-browserify
npm http GET https://registry.npmjs.org/optimist
npm http 304 https://registry.npmjs.org/source-map
npm http 304 https://registry.npmjs.org/uglify-to-browserify
npm http 304 https://registry.npmjs.org/optimist
npm http GET https://registry.npmjs.org/wordwrap
npm http 304 https://registry.npmjs.org/noptify
npm http GET https://registry.npmjs.org/amdefine
npm http 304 https://registry.npmjs.org/wordwrap
npm http 304 https://registry.npmjs.org/amdefine
npm http GET https://registry.npmjs.org/mime
npm http GET https://registry.npmjs.org/mkdirp
npm http GET https://registry.npmjs.org/request
npm http GET https://registry.npmjs.org/clean-css
npm http 304 https://registry.npmjs.org/mkdirp
npm http 304 https://registry.npmjs.org/mime
npm http 304 https://registry.npmjs.org/request
npm http 304 https://registry.npmjs.org/clean-css
npm http GET https://registry.npmjs.org/json-stringify-safe
npm http GET https://registry.npmjs.org/forever-agent
npm http GET https://registry.npmjs.org/node-uuid
npm http GET https://registry.npmjs.org/tough-cookie
npm http GET https://registry.npmjs.org/form-data
npm http GET https://registry.npmjs.org/http-signature
npm http GET https://registry.npmjs.org/oauth-sign
npm http GET https://registry.npmjs.org/aws-sign2
npm http GET https://registry.npmjs.org/tunnel-agent
npm http GET https://registry.npmjs.org/hawk
npm http GET https://registry.npmjs.org/commander
npm http 304 https://registry.npmjs.org/node-uuid
npm http 304 https://registry.npmjs.org/json-stringify-safe
npm http 304 https://registry.npmjs.org/oauth-sign
npm http 304 https://registry.npmjs.org/http-signature
npm http 304 https://registry.npmjs.org/aws-sign2
npm http 304 https://registry.npmjs.org/tunnel-agent
npm http 304 https://registry.npmjs.org/commander
npm http 304 https://registry.npmjs.org/hawk
npm http 304 https://registry.npmjs.org/form-data
npm http 304 https://registry.npmjs.org/tough-cookie
npm http 304 https://registry.npmjs.org/forever-agent
npm http GET https://registry.npmjs.org/combined-stream
npm http GET https://registry.npmjs.org/assert-plus/0.1.2
npm http GET https://registry.npmjs.org/asn1/0.1.11
npm http GET https://registry.npmjs.org/ctype/0.5.2
npm http GET https://registry.npmjs.org/punycode
npm http GET https://registry.npmjs.org/boom
npm http GET https://registry.npmjs.org/hoek
npm http GET https://registry.npmjs.org/sntp
npm http GET https://registry.npmjs.org/cryptiles
npm http 304 https://registry.npmjs.org/combined-stream
npm http 304 https://registry.npmjs.org/ctype/0.5.2
npm http 304 https://registry.npmjs.org/boom
npm http GET https://registry.npmjs.org/delayed-stream/0.0.5
npm http 304 https://registry.npmjs.org/hoek
npm http 304 https://registry.npmjs.org/sntp
npm http 304 https://registry.npmjs.org/cryptiles
npm http 304 https://registry.npmjs.org/assert-plus/0.1.2
npm http 304 https://registry.npmjs.org/punycode
npm http 304 https://registry.npmjs.org/delayed-stream/0.0.5
npm http 304 https://registry.npmjs.org/asn1/0.1.11
grunt-wp-version@0.1.0 node_modules/grunt-wp-version

grunt-contrib-clean@0.5.0 node_modules/grunt-contrib-clean
└── rimraf@2.2.5

grunt-contrib-jshint@0.6.5 node_modules/grunt-contrib-jshint
└── jshint@2.1.11 (console-browserify@0.1.6, underscore@1.4.4, minimatch@0.2.14, cli@0.4.5, shelljs@0.1.4)

grunt-contrib-uglify@0.2.7 node_modules/grunt-contrib-uglify
├── grunt-lib-contrib@0.6.1 (zlib-browserify@0.0.1)
└── uglify-js@2.4.8 (uglify-to-browserify@1.0.1, async@0.2.9, optimist@0.3.7, source-map@0.1.31)

grunt@0.4.2 node_modules/grunt
├── which@1.0.5
├── dateformat@1.0.2-1.2.3
├── eventemitter2@0.4.13
├── getobject@0.1.0
├── colors@0.6.2
├── hooker@0.2.3
├── async@0.1.22
├── exit@0.1.2
├── nopt@1.0.10 (abbrev@1.0.4)
├── rimraf@2.0.3 (graceful-fs@1.1.14)
├── minimatch@0.2.14 (sigmund@1.0.0, lru-cache@2.5.0)
├── glob@3.1.21 (inherits@1.0.0, graceful-fs@1.2.3)
├── lodash@0.9.2
├── coffee-script@1.3.3
├── underscore.string@2.2.1
├── findup-sync@0.1.2 (lodash@1.0.1)
├── iconv-lite@0.2.11
└── js-yaml@2.0.5 (esprima@1.0.4, argparse@0.1.15)

grunt-contrib-watch@0.5.3 node_modules/grunt-contrib-watch
├── gaze@0.4.3 (globule@0.1.0)
└── tiny-lr@0.0.4 (debug@0.7.4, faye-websocket@0.4.4, noptify@0.0.3, qs@0.5.6)

grunt-contrib-less@0.8.3 node_modules/grunt-contrib-less
├── grunt-lib-contrib@0.6.1 (zlib-browserify@0.0.1)
└── less@1.5.1 (mime@1.2.11, mkdirp@0.3.5, source-map@0.1.31, clean-css@2.0.6, request@2.31.0)

Then I go to try and activate in the theme in wordpress and to no avail. :frowning:

EDIT 2:
this is my .htaccess config in my /Applications/MAMP/htdocs

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-l
RewriteCond %{REQUEST_FILENAME} !-d
#RewriteRule .* index.php/$0 [PT,L] 
RewriteRule ^(.*)$ /index.php/$1 [E=VAR1:$1,L] 

my /etc/apache2/httpd-vhost.conf is empty? not sure if that’s what you are talking about.

It’s just weird because the TwentyFourteen default WP theme works, just not the roots theme…

Also, still got this error:

You have reached the reply limit for this topic

We’re sorry, but new users are temporarily limited to 0 replies in the same topic.

Instead of adding another reply, please consider editing your previous replies, or visiting other topics.

This is similar to my issue here: Path to plugins dir, somehow got it working.

Installed bedrock again but this time using composer (before was manually with git clone, etc) https://github.com/roots/bedrock#using-create-project.

Added roots theme to app/themes dir (git clone) and it worked, and added test plugin so plugins_url resulting in app/plugins path also works. Not sure what was issue

1 Like

Do you have any old (or new) rewrite rules for assets? There’s no rewrites needed for assets anymore with Bedrock (unless you want to change them). There’s no special web server set up needed for Bedrock either.

1 Like

You should be able to reply more now. Was a weird setting for new users.

Can you post your Apache/.htaccess configs? Config for the virtual host as well.

1 Like

Sorry should really be fixed now…

That .htaccess looks weird. Here’s the normal WP one Default .htaccess file for WordPress? - WordPress Development Stack Exchange

1 Like

After updating my .htaccess I go to the appearance>themes to activate roots and I get this:

Warning: An unexpected error occurred. Something may be wrong with WordPress.org or this server’s configuration. If you continue to have problems, please try the support forums. (WordPress could not establish a secure connection to WordPress.org. Please contact your server administrator.) in /Applications/MAMP/htdocs/connorfreeman/wp/wp-includes/update.php on line 407

Warning: Cannot modify header information - headers already sent by (output started at /Applications/MAMP/htdocs/connorfreeman/wp/wp-includes/update.php:407) in /Applications/MAMP/htdocs/connorfreeman/wp/wp-includes/option.php on line 563

Warning: Cannot modify header information - headers already sent by (output started at /Applications/MAMP/htdocs/connorfreeman/wp/wp-includes/update.php:407) in /Applications/MAMP/htdocs/connorfreeman/wp/wp-includes/option.php on line 564

EDIT: Restarted my server and the warnings went away, roots still not activating though.

FIXED I removed MAMP and setup vhosts, that fixed whatever the problem was. Thanks for making such a great tool!