Difference between revisions of "WP Base"

Latest revision as of 23:15, 10 April 2019

this is an organically evolving personal wiki-form knowledge base with on-the-fly, copy-edited n otherwise curated patchworks of folksnomies n headings containing trails n spirals of topics, descriptions, notes, breadcrumbs n stubs, links to sites, systems, software, manuals, organisations, people, articles, guides, slides, papers, books, comments, videos, screencasts, webcasts, scratchpads, etc | content is orientated towards mostly free/libre/open, mostly Linux | quality and age varies drastically | sometimes old things are first, sometimes last | Ctrl + mouse wheel to zoom in if text is too small | use the Table of Contents menu to navigate long pages | use the header -ToC links to shrink n expand the menu | link rot? Wayback Machine! | probably need to fix the theme CSS after an update | Chat to msg me (this I am not checking atm) | e

@@ Line 1: / Line 1: @@
-{{techy}}
+{{menu}}
+A theming process.
+== Headless ==
+* https://github.com/postlight/headless-wp-starter
 == Base theme ==
 * [https://github.com/eddiemachado/bones bones]
-** '''base.scss''' - optimized for 320px to 480px
-** min-width: 481px - '''481up.scss''' - larger mobile devices
-** min-width: 768px - '''768up.scss''' - tablet and basic desktop
-** -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - '''2x.scss'''
-** basic print style
-** [https://github.com/eddiemachado/bones/blob/master/library/scss/_mixins.scss _mixins.scss]
-** [https://github.com/eddiemachado/bones/blob/master/library/scss/_base.scss _base.scss]
 ** bones/library/scss
+** '''[https://github.com/eddiemachado/bones/blob/master/library/scss/style.scss style.scss]'''
+*** import '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_normalize.scss _normalize.scss]''' - a reset
+*** import '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_mixins.scss _mixins.scss]''' - colours, typography, basic buttons+alerts
+*** import '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_base.scss _base.scss]''' - 320px to 480px. basic styles.
+*** media query, min-width: 481px - '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_481up.scss _481up.scss]''' - larger mobile devices. navigation, post & content, footer.
+*** media query,min-width: 768px - '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_768up.scss _768up.scss]''' - tablet and desktop. has a grid (1140px, ugh)
+*** media query, -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - '''_2x.scss''' - for retina devices
+*** basic print style
+** webfont goes in '''library/fonts'''
+* Create new Git branch of theme
+ @include rounded(4px);
+ @include border-radius(4px,4px,0,0);
+ @include transition(all,2s,ease-out);
+ @include box-shadow(5px, 5px, 10px, #000);
+ @include css-gradient(#dfdfdf,#f8f8f8);
+ @include box-sizing(border-box);
+== Grid ==
 * [http://semantic.gs/ semantic.gs]
- @import 'grid.less'; # defaults to 12 column, 960 pixel grid system. Customize by overriding three variables (after the grid.less import has been declared):
+** [https://github.com/twigkit/semantic.gs/zipball/master zipball]
+** [https://github.com/twigkit/semantic.gs/blob/master/stylesheets/scss/grid.scss grid.scss] | [https://raw.github.com/twigkit/semantic.gs/master/stylesheets/scss/grid.scss grid.scss (raw)]
+ wget https://raw.github.com/twigkit/semantic.gs/master/stylesheets/scss/grid.scss grid.scss /
+  -O _grid.scss
+Import in _481up.scss or _768up.scss?
+ @import "grid";
+   defaults to 12 column, 960 grid system. Customize by overriding three variables
+   (after the import has been declared):
   @column-width: 60;
   @gutter-width: 20;
   @columns: 12;
+ @total-width: 100%;
+   for fluid (percentage-based) grid rather than a fixed pixels
+See [[Grid/rhythm#semantic.gs]]
+== Preprocess ==
+* https://github.com/sanchothefat/wp-sass - uses richthegeek/phpsass
+ git clone git://github.com/sanchothefat/wp-sass.git wp-content/plugins/wp-sass
+ git submodule update --init --recursive
+Alter bones.php to register the style.sass after turning on the module.
+== Install process ==
+Is a WIP
- @total-width: 100%; # for fluid (percentage-based) grid rather than a fixed pixels
+See https://gist.github.com/milkmiruku/3157720
+ mkdir wp-content/themes/bones && cd $_ && wget https://github.com/eddiemachado/bones/zipball/master
+ && unzip master && mv eddie*/* eddie*/.. && rm -rf eddie* && rm master
+or
+ git archive --remote=git://github.com/eddiemachado/bones.git master | tar -xf -
-=== Other ===
+the git one doesn't work, to check.
-semanticgs
-_s
-== Base profile ==
+=== plugins ===
-=== Theme plugins ===
+ # backup
-* https://github.com/sanchothefat/wp-sass
+ wp plugin install backwpup
+ # cache
+ wp plugin install w3-total-cache
+ # wp plugin install wp-super-cache
+ # wp plugin install cloudflare
+ # dev
+ wp plugin install wordpress-sass
+ wp plugin install rewrite-rules-inspector
+ wp plugin install font-uploader
+ wp plugin install wp-show-ids
+ wp plugin install lorem-ipsum-generator-shortcode
+ # form
+ wp plugin install advanced-custom-fields
+ wp plugin install front-end-editor
+ wp plugin install hide-login
+ wp plugin install login-security-solution
+ # etc
+ wp plugin install google-analytics-for-wordpress
+ wp plugin install all-in-one-seo-pack
+ # activate
+ wp plugin activate backwpup
+ wp plugin activate w3-total-cache
+ # wp plugin activate wp-super-cache
+ # wp plugin activate cloudflare
+ wp plugin activate wordpress-sass
+ wp plugin activate rewrite-rules-inspector
+ wp plugin activate font-uploader
+ wp plugin activate wp-show-ids
+ wp plugin activate advanced-custom-fields
+ wp plugin activate front-end-editor
+ wp plugin activate hide-login
+ wp plugin activate login-security-solution
+ wp plugin activate google-analytics-for-wordpress
+ wp plugin activate all-in-one-seo-pack
+ # init login-security-solution
+to sort;
 * http://wordpress.org/extend/plugins/theme-check/
-=== Preprocess ===
+* wordpress-importer - for testing theme
-* http://semantic.gs/
-=== Other ===
 * http://wordpress.org/extend/plugins/nginx-compatibility/
@@ Line 46: / Line 131: @@
 * http://wordpress.org/extend/plugins/all-in-one-seo-pack/
-== Install script ==
+== Post-install ==
-See https://gist.github.com/gists/3157720
+To work into install script
- mkdir wp-content/themes/bones && cd $_ && wget https://github.com/eddiemachado/bones/zipball/master && unzip master && mv eddie*/* eddie*/.. && rm -rf eddie* && rm master
+* Remove sample post, page, links
-or
+* Settings
+** Blog / network
+** General: title, tagline,
+** Permalink? - default nginx blog/2012/08/14/sample-post/, to check if required
- git archive --remote=git://github.com/eddiemachado/bones.git master | tar -xf -
+* Theme
+** Make sure preprocess and grid is available
-the git one doesn't work, to check.
+** Change name, etc, in style.css
+** Activate
-* settings, permalinks
-test data;
+* Set preprocess things in
-* https://wpcom-themes.svn.automattic.com/demo/test-data.2011-01-17.xml
+** _mixins.scss - colours, fonts
+*** Webfont via Font Squirrel
+** _base.scss - styles for single column pages
- git clone git://github.com/sanchothefat/wp-sass.git wp-content/plugins/wp-sass
+== Prelaunch ==
- git submodule update --init --recursive
+* Signup, comment, avatar, trackback settings

Difference between revisions of "WP Base"

Latest revision as of 23:15, 10 April 2019

Headless

Base theme

Grid

Preprocess

Install process

plugins

Post-install

Prelaunch

Navigation menu

Search