preparations for wordpres.org submission

This commit is contained in:
Holger Könemann 2015-09-01 21:11:05 +02:00
parent 638fb59fec
commit 3b937fadac
9 changed files with 77 additions and 337 deletions

View File

@ -1,4 +1,4 @@
UnderStrap Wordpress Theme Framework
UnderStrap WordPress Theme Framework
===
Website: http://understrap.com
@ -35,14 +35,14 @@ Changelog
About
=
Basically I like the _s Wordpress Starter Theme from Automattic and the grid Framework Bootstrap. Additionally I´am a huge SASS fan. Why don´t combine all these three things into a solid Wordpress Theme Framework?
Basically I like the _s WordPress Starter Theme from Automattic and the grid Framework Bootstrap. Additionally I´am a huge SASS fan. Why don´t combine all these three things into a solid WordPress Theme Framework?
That´s what UnderStrap is (or will be...)
At the moment UnderStrap is in a very early stage. But if you wan´t feel free to use it for your own Wordpress theme!
At the moment UnderStrap is in a very early stage. But if you wan´t feel free to use it for your own WordPress theme!
Basic Features
=
- Combines the _s Wordpress Starter Theme PHP/JS files and Bootstrap´s HTML/CSS/JS
- Combines the _s WordPress Starter Theme PHP/JS files and Bootstrap´s HTML/CSS/JS
- Comes with Bootstrap SASS source files and additional scss files. Nicely sorted and ready to add your own variables/customize the Bootstrap variables.
- Uses a single and minified CSS file for all the basic stuff
- Font Awesome Icon Font integrated (V 4.2.0): http://fortawesome.github.io/Font-Awesome/
@ -52,15 +52,15 @@ Basic Features
- Child Theme ready (A basic starter Child Theme will be released in the future as a separate Repository)
- Translation ready
Starter Theme + HTML Framework = Wordpress Theme Framework
Starter Theme + HTML Framework = WordPress Theme Framework
=
The _s theme is a good starting point to develope a Wordpress theme. But it is "just" a raw starter theme. Means it outputs all the Wordpress stuff correctly but without any layout or design.
The _s theme is a good starting point to develope a WordPress theme. But it is "just" a raw starter theme. Means it outputs all the WordPress stuff correctly but without any layout or design.
Why don´t add a well known and supported layout framework to have a solid, clean and responsive foundation? Thats where Bootstrap comes in.
Confused by all the CSS and SCSS files?
=
Some basics about the SCSS and CSS files comes with UnderStrap:
- The theme itself uses the style.css in the root directory just to identify the theme inside of Wordpress. The file is not loaded by the theme and did not include any styles
- The theme itself uses the style.css in the root directory just to identify the theme inside of WordPress. The file is not loaded by the theme and did not include any styles
- The theme.css file in /css/ subdirectory provides all styles. It is composed by five different SCSS sets and one variables file from /sass/theme.scss:
- 1 "theme/theme_variables"; // <--------- Add your variables into this file. Also add variables to overwrite Bootstrap or UnderStrap variables here
@ -77,7 +77,7 @@ Some basics about the SCSS and CSS files comes with UnderStrap:
Installation
=
- Download the understrap folder
- Upload it into your Wordpress installation subfolder here: /wp-content/themes/
- Login to your Wordpress backend
- Upload it into your WordPress installation subfolder here: /wp-content/themes/
- Login to your WordPress backend
- Go to Appearance -> Themes
- Activate the UnderStrap theme

View File

@ -0,0 +1,35 @@
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}

View File

@ -2,15 +2,15 @@
/*****************************************************************
Import all needed 3rd party sass files plus your own style and variables
1. ../bower_components/_s/sass/style // Adding underscores default styles. Don´t needed if you use Bootstrap for styling
0. ../bower_components/_s/sass/style // Adding underscores default styles. Don´t needed if you use Bootstrap for styling
--------------------------------------
2. theme/theme_variables.scss // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE
1. theme/theme_variables.scss // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE
--------------------------------------
3.../bower_components/bootstrap-sass/assets/stylesheets/bootstrap // adding bootstrap from bower components folder. Make sure you run bower install before! <- Dont edit this files!
2.../bower_components/bootstrap-sass/assets/stylesheets/bootstrap // adding bootstrap from bower components folder. Make sure you run bower install before! <- Dont edit this files!
--------------------------------------
4. understrap/understrap.scss // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files!
3. understrap/understrap.scss // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files!
--------------------------------------
5. ../bower_components/fontawesome/scss/font-awesome <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line
4. ../bower_components/fontawesome/scss/font-awesome <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line
--------------------------------------
@ -6104,6 +6104,24 @@ body {
.wrapper#wrapper-sticky {
border-bottom: 1px solid #eeeeee; }
.wp-caption {
font-size: inherit; }
.wp-caption-text {
font-size: inherit; }
.screen-reader-text {
font-size: inherit; }
.alignright {
font-size: inherit; }
.alignleft {
font-size: inherit; }
.aligncenter {
font-size: inherit; }
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

2
css/theme.min.css vendored
View File

@ -1395,6 +1395,7 @@ button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance
.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}
.aligncenter,.alignleft,.alignright,.bypostauthor,.gallery-caption,.screen-reader-text,.sticky,.wp-caption,.wp-caption-text{font-size:inherit}
.affix{position:fixed}
@-ms-viewport{width:device-width}
@media (max-width:767px){.visible-xs{display:block!important}
@ -1457,7 +1458,6 @@ td.visible-print,th.visible-print{display:table-cell!important}
body{padding-top:50px}
.wrapper{padding:30px 0}
#wrapper-hero,#wrapper-static-hero{padding:0!important}
.bypostauthor,.gallery-caption,.sticky{font-size:inherit}
.wrapper#wrapper-sticky{border-bottom:1px solid #eee}
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome

View File

@ -1,297 +0,0 @@
# Copyright (C) 2014 Automattic
# This file is distributed under the GNU General Public License v2 or later.
msgid ""
msgstr ""
"Project-Id-Version: _s 1.0-wpcom\n"
"Report-Msgid-Bugs-To: http://wordpress.org/tags/_s\n"
"POT-Creation-Date: 2014-06-03 14:02:16+00:00\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"PO-Revision-Date: 2014-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
#: 404.php:15
msgid "Oops! That page can&rsquo;t be found."
msgstr ""
#: 404.php:19
msgid ""
"It looks like nothing was found at this location. Maybe try one of the links "
"below or a search?"
msgstr ""
#: 404.php:27
msgid "Most Used Categories"
msgstr ""
#. translators: %1$s: smiley
#: 404.php:44
msgid "Try looking in the monthly archives. %1$s"
msgstr ""
#: archive.php:27
msgid "Author: %s"
msgstr ""
#: archive.php:30
msgid "Day: %s"
msgstr ""
#: archive.php:33
msgid "Month: %s"
msgstr ""
#: archive.php:33
msgctxt "monthly archives date format"
msgid "F Y"
msgstr ""
#: archive.php:36
msgid "Year: %s"
msgstr ""
#: archive.php:36
msgctxt "yearly archives date format"
msgid "Y"
msgstr ""
#: archive.php:39
msgid "Asides"
msgstr ""
#: archive.php:42
msgid "Galleries"
msgstr ""
#: archive.php:45
msgid "Images"
msgstr ""
#: archive.php:48
msgid "Videos"
msgstr ""
#: archive.php:51
msgid "Quotes"
msgstr ""
#: archive.php:54
msgid "Links"
msgstr ""
#: archive.php:57
msgid "Statuses"
msgstr ""
#: archive.php:60
msgid "Audios"
msgstr ""
#: archive.php:63
msgid "Chats"
msgstr ""
#: archive.php:66 sidebar.php:16
msgid "Archives"
msgstr ""
#: comments.php:28
msgctxt "comments title"
msgid "One thought on &ldquo;%2$s&rdquo;"
msgid_plural "%1$s thoughts on &ldquo;%2$s&rdquo;"
msgstr[0] ""
msgstr[1] ""
#: comments.php:35 comments.php:52
msgid "Comment navigation"
msgstr ""
#: comments.php:36 comments.php:53
msgid "&larr; Older Comments"
msgstr ""
#: comments.php:37 comments.php:54
msgid "Newer Comments &rarr;"
msgstr ""
#: comments.php:64
msgid "Comments are closed."
msgstr ""
#: content-none.php:13
msgid "Nothing Found"
msgstr ""
#: content-none.php:19
msgid ""
"Ready to publish your first post? <a href=\"%1$s\">Get started here</a>."
msgstr ""
#: content-none.php:23
msgid ""
"Sorry, but nothing matched your search terms. Please try again with some "
"different keywords."
msgstr ""
#: content-none.php:28
msgid ""
"It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps "
"searching can help."
msgstr ""
#: content-page.php:18 content-single.php:20 content.php:27
msgid "Pages:"
msgstr ""
#: content-page.php:24 content-single.php:60 content.php:61
msgid "Edit"
msgstr ""
#. translators: used between list items, there is a space after the comma
#: content-single.php:29 content-single.php:32 content.php:38 content.php:48
msgid ", "
msgstr ""
#: content-single.php:37
msgid ""
"This entry was tagged %2$s. Bookmark the <a href=\"%3$s\" rel=\"bookmark"
"\">permalink</a>."
msgstr ""
#: content-single.php:39
msgid "Bookmark the <a href=\"%3$s\" rel=\"bookmark\">permalink</a>."
msgstr ""
#: content-single.php:45
msgid ""
"This entry was posted in %1$s and tagged %2$s. Bookmark the <a href=\"%3$s\" "
"rel=\"bookmark\">permalink</a>."
msgstr ""
#: content-single.php:47
msgid ""
"This entry was posted in %1$s. Bookmark the <a href=\"%3$s\" rel=\"bookmark"
"\">permalink</a>."
msgstr ""
#: content.php:24
msgid "Continue reading <span class=\"meta-nav\">&rarr;</span>"
msgstr ""
#: content.php:42
msgid "Posted in %1$s"
msgstr ""
#: content.php:52
msgid "Tagged %1$s"
msgstr ""
#: content.php:58
msgid "Leave a comment"
msgstr ""
#: content.php:58
msgid "1 Comment"
msgstr ""
#: content.php:58
msgid "% Comments"
msgstr ""
#: footer.php:15
msgid "http://wordpress.org/"
msgstr ""
#: footer.php:15
msgid "Proudly powered by %s"
msgstr ""
#: footer.php:17
msgid "Theme: %1$s by %2$s."
msgstr ""
#: functions.php:45 header.php:32
msgid "Primary Menu"
msgstr ""
#: functions.php:80
msgid "Sidebar"
msgstr ""
#: header.php:23
msgid "Skip to content"
msgstr ""
#: inc/extras.php:63
msgid "Page %s"
msgstr ""
#: inc/template-tags.php:21
msgid "Posts navigation"
msgstr ""
#: inc/template-tags.php:25
msgid "<span class=\"meta-nav\">&larr;</span> Older posts"
msgstr ""
#: inc/template-tags.php:29
msgid "Newer posts <span class=\"meta-nav\">&rarr;</span>"
msgstr ""
#: inc/template-tags.php:52
msgid "Post navigation"
msgstr ""
#: inc/template-tags.php:55
msgctxt "Previous post link"
msgid "<span class=\"meta-nav\">&larr;</span> %title"
msgstr ""
#: inc/template-tags.php:56
msgctxt "Next post link"
msgid "%title <span class=\"meta-nav\">&rarr;</span>"
msgstr ""
#: inc/template-tags.php:82
msgctxt "post date"
msgid "Posted on %s"
msgstr ""
#: inc/template-tags.php:87
msgctxt "post author"
msgid "by %s"
msgstr ""
#: search.php:16
msgid "Search Results for: %s"
msgstr ""
#: sidebar.php:23
msgid "Meta"
msgstr ""
#. Theme Name of the plugin/theme
msgid "_s"
msgstr ""
#. Theme URI of the plugin/theme
msgid "http://underscores.me/"
msgstr ""
#. Description of the plugin/theme
msgid ""
"Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if "
"you like. I'm a theme meant for hacking so don't use me as a <em>Parent "
"Theme</em>. Instead try turning me into the next, most awesome, WordPress "
"theme out there. That's what I'm here for."
msgstr ""
#. Author of the plugin/theme
msgid "Automattic"
msgstr ""
#. Author URI of the plugin/theme
msgid "http://automattic.com/"
msgstr ""

View File

@ -1,7 +0,0 @@
Place your theme language files in this directory.
Please visit the following links to learn more about translating WordPress themes:
http://codex.wordpress.org/WordPress_in_Your_Language
https://make.wordpress.org/docs/theme-developer-handbook/part-two-theme-functionality/localization/
http://codex.wordpress.org/Function_Reference/load_theme_textdomain

17
rtl.css
View File

@ -1,17 +0,0 @@
/*
Theme Name: understrap
Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.
http://codex.wordpress.org/Right_to_Left_Language_Support
*/
/*
body {
direction: rtl;
unicode-bidi: embed;
}
*/

View File

@ -17,4 +17,12 @@ font-size:inherit;
}
// Separate sticky wrapper from main content
.wrapper#wrapper-sticky {border-bottom:1px solid $gray-lighter;}
.wrapper#wrapper-sticky {border-bottom:1px solid $gray-lighter;}
// Necessary WP classes
.wp-caption {font-size: inherit;}
.wp-caption-text {font-size: inherit;}
.screen-reader-text {font-size: inherit;}
.alignright {font-size: inherit;}
.alignleft {font-size: inherit;}
.aligncenter {font-size: inherit;}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 162 KiB