Giter Site home page Giter Site logo

roots / sage Goto Github PK

View Code? Open in Web Editor NEW
12.5K 598.0 3.1K 10.06 MB

WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow

Home Page: https://roots.io/sage/

License: MIT License

PHP 52.25% JavaScript 16.34% CSS 2.18% Blade 29.23%
wordpress-starter-theme wordpress wordpress-theme blade sage tailwindcss laravel acorn wordpress-laravel php

sage's Introduction

Sage

Packagist Installs Build Status Follow Roots

Advanced WordPress starter theme with Tailwind CSS and Laravel Blade

Website    Documentation    Releases    Community

Sponsors

Sage is an open source project and completely free to use. If you've benefited from our projects and would like to support our future endeavors, please consider sponsoring Roots.

KM Digital Carrot WordPress.com Worksite Safety 40Q

Overview

Sage is a WordPress starter theme with block editor support.

  • Harness the power of Laravel and its available packages thanks to Acorn
  • Clean, efficient theme templating utilizing Laravel Blade
  • Modern frontend development workflow powered by Bud
  • Out of the box support for Tailwind CSS

Getting Started

See the Sage installation documentation.

Stay Connected

sage's People

Contributors

alwaysblank avatar austinpray avatar cfxd avatar coreywagehoft avatar davekiss avatar dependabot-preview[bot] avatar dependabot[bot] avatar dvregan avatar foxaii avatar hariadi avatar johnraz avatar joshuafredrickson avatar julienmelissas avatar kalenjohnson avatar kellymears avatar knowler avatar lautreamont3 avatar leocolomb avatar leoj3n avatar log1x avatar mejta avatar mmirus avatar mwdelaney avatar ntwb avatar qwp6t avatar renovate[bot] avatar retlehs avatar strarsis avatar swalkinshaw avatar weslly avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sage's Issues

Move jQuery and page JS to page footer

Doesn't ned to be in the head. Only modernizr needs to go in the head. Great idea for a theme though, I'll probably clean up a few of the issues I post.

language_attributes() in header.php

A small issue, but if the lang="en" attributes in header.php could be replaced with lang="" the theme would be more compatible with non-English web sites:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6" lang="<?php language_attributes(); ?>"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7" lang="<?php language_attributes(); ?>"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8" lang="<?php language_attributes(); ?>"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="<?php language_attributes(); ?>"> <!--<![endif]-->
<head>

Threaded comments

How do I enable threaded comments in Roots? I've added the function but it's still not working.

Threaded comments is already enabled by default with 5 levels deep.

Stylesheet_Directory doesn't work with child theme

I'd like to create a custom child theme so I can leave the roots folder intact over time as I develop. The problem is that I can't target my child theme directory with the normal "stylesheet_directory" because that's been reused to point to the roots/css folder (in the includes/roots-cleanup.php file).

If you could find a way to rewrite while still allowing me to use a custom theme, that would be awesome. Thank you!

htaccess documentation

Hi,

I found a lots of tips and snippets to add in the .htaccess file to improve the security of a wordpress install.
Do you plan to add these features in roots-htaccess.php?
For example : http://www.jtpratt.com/wordpress-security-guide-part-6-wpconfig-security-and-more-htaccess-magic/

Do you intend to add a similar file to generate the robots.txt file too?
Or maybe recomande default settings better than the following one ?

http://www.jtpratt.com/wordpress-security-guide-part-3-how-to-limit-access-to-your-site/
http://codex.wordpress.org/Search_Engine_Optimization_for_Wordpress

Thx.

Applying custom page template to a page and making it the front page

Hi,

Thanks for the theme, its really great.

The only frustrating issue I'm having is trying to set my homepage to be a static page with a different template to the other pages of the site. I can apply my template to all other pages that I create, but not the page I have set as my 'static front page'. Is there a way to stop this from happening?

Any help would be much appreciated.

Thanks
Will

Calling different header files

Hi, I'm trying out Roots to see if it is a viable solution for my future projects, I managed to create a child theme, added the child theme css file, but what I need to do at the moment is to add different header files for different pages.

I tried using with my header-home.php, but it's not working, has anyone tried this out before? Please advise. Really looking forward to using Roots for future projects. Thank you.

Adding a "default" button for grid classes settings

Yesterday while testing the different grid framework, I was thinking it would be nice to have a "default" button right next to the Class for #main and Class for #sidebar fields in the settings pane.

The button would obviously load the default value for the currently selected grid framework.
Any thoughts ?
If you find it useful I'll implement it right away.

Incorrect usage of .container_12 class on certain <divs> with 960.gs.

I double checked this with @nathansmith, and 960.gs isn't intended to have multiple nested .container_12 (or .container_16) divs. It seems however that there are a couple of places where this inevitably happens in Roots.

From header.php :

    <header id="banner" class="<?php echo roots_container_class; ?>" role="banner">
        <div class="container">
            <a id="logo" href="<?php echo home_url(); ?>/"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" width="300" height="75" alt="<?php bloginfo('name'); ?>"></a>
            <nav id="nav-main" class="<?php echo roots_container_class; ?>" role="navigation">
                <?php wp_nav_menu(array('theme_location' => 'primary_navigation')); ?>
            </nav>
            <nav id="nav-utility">
                <?php wp_nav_menu(array('theme_location' => 'utility_navigation')); ?>
            </nav>              
        </div>
    </header>

This results in both the

and being given the class .container_12. Unless, I'm missing something, this needs to be changed to that the gridded child elements of .container_12 be given a class of .grid_x.

Let me know if I've somehow totally missed the point, otherwise I'll be happy to help work out a solution and submit a pull request.

Problem with IE

Hi, I've built a child theme, it's live here http://showcase.seraphstudios.net/, but I'm having trouble with IE, it gives me the following error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; BRI/2)
Timestamp: Fri, 20 May 2011 02:02:09 UTC

Message: Object doesn't support this property or method
Line: 1
Char: 1
Code: 0
URI: http://showcase.seraphstudios.net/wp-content/themes/roots/js/scripts.js

add an option to disable Fancybox or choose Colorbox

I don't understand why is fancybox integrated to this theme, it should be minimal and without links to plugins like Fancybox.

I never liked Fancybox and I think its quite behind now (just have a look at Colorbox). I would really like to have an option to switch off the integration totally.

Or even better, make it a 1. fancybox 2. colorbox 3. off option. That one would be perfect!

And colorbox is on Github!
http://colorpowered.com/colorbox/
https://github.com/jackmoore/colorbox

Avatars missing in BuddyPress

Forgive the Noob issue but I have installed Roots theme and added BuddyPress Compatibility as the site uses BuddyPress. I have added in the right div IDs and it all looks fine.

My issue is that I have lost all the Avatars of users and groups. I placed the 'avatars' and 'group-avatars' folder in the 'assets' folder but no joy. Can anyone help me locate the issue?

your htaccess rewrite has a bug

If i go to my htaccess file which has been rewritten by roots, i see that it has compelltey ignored the fact that my address is at another folder.

It should be rewriting it to myfolder/wp-content etc... but it's not putting in the myfolder part.
If i manually hack that in there, the theme now works.

Cheers
Marc

jQuery UI CSS admin breaks in areas

The theme settings page uses jQuery UI. We include the stylesheet throughout the entire admin area (in roots-admin.php/admin.css) and in certain spots it conflicts with other jQuery UI CSS in the WordPress admin.

  1. For instance, go to edit a post with the TinyMCE visual editor.
  2. Select some text and then click on the link icon to create a link.
  3. jquery-ui-dialog.css is conflicting with the jquery-ui.css we include

clean urls break when siteurl contains a path to wordpress install

For local development, I have several wordpress installs under different paths and reference them as http://localhost/sitename/. Using the roots theme, the url rewriting yields 404s for css files within the theme as the url becomes /css instead of /sitename/css.

Looking in roots-cleanup.php and the roots_add_rewrites method, it seems like it should work. I will try to debug the workflow and see where it breaks down.

Clean up the default wp_nav_menu output?

This frameworks really goes a long way to clean up the default ugly wordpress code. It would be nice to have the option of cleaning up the messy of code that wordpress outputs for nav menus too. I found some guys solution online. Perhaps the code can be cleaned up and put into roots. This code basically strips out the default verbose classes and ids but puts in a current class for the current page.

add_action('wp_loaded','register_nav_menu_class');

function register_nav_menu_class(){
    class agile_walker extends Walker_Nav_Menu  {
        function start_lvl(&$output, $depth) {
            $indent = str_repeat("\t", $depth);
            $output .= "\n$indent<ul class=\"sub_menu\">\n";
        }
        function end_lvl(&$output, $depth) {
            $indent = str_repeat("\t", $depth);
            $output .= "$indent</ul>\n";
        }
    }
}

add_filter('nav_menu_css_class','strip_classes');

function strip_classes($a){ return (in_array('current_page_item',$a))? array('active') : array(); }

add_filter('nav_menu_item_id','strip_id');

function strip_id(){ return ''; }

One problem with this code is it leaves the class attributes set but empty.

Excerpt not honoring <more> tag

I'm using 3.2.2 root on 3.1.2 wp. On a category page, the excerpts are truncated at 40 characters as per defined in includes/roots-cleanup.php, instead of honoring the tag I put in my blog posts.

I have two questions:
(1) How do I make root honor the tag instead of outputting 40 characters of excerpt?

(2) How do I make root display the manually defined excerpt AND display a "Read more..." link at the end of the excerpt?

Thank you very much :)

Menuing system bug

When adding a custom link to a menu, if the link is to a TLD, and isn't closed with a closing "/" the whole theme breaks.

All page content is loaded into that menu item's LI tag.

Wpml support.

Wpml as you probably know, is THE multilingual plugin for Wordpress.

Even though it has become commercial a few weeks back, It's still the only and best option for a really good i18n of your website.

Here in Belgium 90% of our customer are asking for multilingual support because of the 3 national languages.

Wpml is actually very inclined and open about theme compatibility ( as stated here: http://wpml.org/documentation/theme-compatibility/ )

I think that making the theme WPML ready would be a great addition and shouldn't be too difficult.

What's your opinion ?

ps: I'm not involved with wpml in any way, it's just a top noch product ;-)

Minor html bug in comments.php

In comments.php, line 77, there seems to be an extra quote sign after the first %s, breaking the html attribute :

<?php printf(__('Logged in as <a href="%s"/wp-admin/profile.php">%s</a>.', 'roots'), get_option('siteurl'), $user_identity); ?>

Should be

<?php printf(__('Logged in as <a href="%s/wp-admin/profile.php">%s</a>.', 'roots'), get_option('siteurl'), $user_identity); ?>

Help text for main content / sidebar area class.

This text still reference blueprint, even if you selected 960.

2 options here:

  • Display a message about the 2 framework every time (easier)
  • Switch it depending on the user selection using javascript (shouldn't be so hard either)

I'll see if option 2 is not too tricky and fall back to option 1 if it's the case.

Problem with gravity form input widths in IE7

Gravity forms does not display input fields correctly in IE7 with the roots theme, they have no width. Works fine in other browsers even IE6. The culprit appears to be the 'overflow:visible' style in the forms section of the styles.css. Removing this for input appears to fix the problem.

Roots activation options

when activating roots you should be asked if you want everything in roots-activation.php to take place (rather than being forced):

  • create home page
  • create nav menus and set their locations
  • add all pages to primary nav
  • set permalink structure to /%year%/%postname%/
  • set uploads folder to /assets/ and don't organize by month/year

No CSS for ADMIN panel and a server 500 error

Hey all,
Now please bare with me, because I could just be completely missing something here, but I'm getting just an HTML page for my Admin Panel and then I just get an internal server error 500 when I try to click on anything. I'm thinking this might not be an issue with this theme exactly, but I'm hoping someone will have some tips for me to try? I have this in my .htaccess file:

RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L]

Options All -Indexes
AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

I've made a php.ini file that contains this:
memory=20MB

I'm hosted on 1and1.com
This was a fresh everything install. I created a new DB and freshly downloaded wordpress and this theme.

When I take the .htaccess file down off of server I can see my admin panel with no CSS styles at all, and as soon as I click on anything, I get an "error 500-internal server error".

icon img not seen in admin menu

This one has to be the most critical bug out there: the img link is broken in the admin menu.

It is looking for "includes/img/icon-roots.png". Maybe something is broken with the .htaccess or something else, but this path doesn't work on my installation.

Re-do options based on twentyeleven

The code that roots-options.php is based on has needed to be updated since before Roots was even released publicly. It should be re-done based on the code in the upcoming new default theme with 3.2, twentyeleven:

http://core.trac.wordpress.org/browser/trunk/wp-content/themes/twentyeleven/inc/theme-options.php

I've been meaning to do this for a while and I'm hoping to finally knock it out soon, but if anyone has the time now and wants to give it a shot.. please feel free :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.