Skip to content

montreyw/Theme-Redesign-and-SEO-Overhaul

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

650 Commits

GenreBar

GenreBar

 
 

root

root

 
 

saywhat

saywhat

 
 

test

test

 
 

wp-content

wp-content

 
 

wp-includes

wp-includes

 
 

README.md

README.md

 
 

Writing_protocol.md

Writing_protocol.md

 
 

google_ad_code_removed.html

google_ad_code_removed.html

 
 

i.php

i.php

 
 

index.php

index.php

 
 

wejnswpwhitespacefix.php

wejnswpwhitespacefix.php

 
 

wp-config.php

wp-config.php

 
 

wp-pass.php

wp-pass.php

 
 

wp-register.php

wp-register.php

 
 

Repository files navigation

Earmilk

Earmilk redesign project

Table of Contents

1. [To Do](#to-do-sec) 2. [Theme Changes](#theme-changes-sec) 3. [SEO Work](#seo-work-sec) * [Fixing Incomplete, Missing, or Broken hAtom hEntries](#seo-hatom-sec) * [Schema.org Markup](#seo-schema-sec) * [Other SEO Improvements](#seo-other-sec) 4. [Miscellaneous Work](#misc-work-sec) 5. [EARMILK Links](#earmilk-links) 6. [EARMILK License](#earmilk-license)

To Do

- [x] Implement new header - [x] Restructure new header further to remove unnecessary actions and make more compatible with all pages - [x] Remove Main Stage from all pages but the Front - [x] Normalize posts on Videos, Album Reviews and others - [x] Widen Latest Posts on mobile view - [x] Improve layout of Author Pages - [x] Added spotify playlists to hiphop category genre header - [x] Fix sitemap (fixed but how?) - [x] Add Facebook Like Buttons to Social Sidebar - [x] Add Google+ Buttons to Social Sidebar - [x] Add Snapchat Snapcode - [x] Add Funtime Out Events Festivals to the nav menu - [x] Write a script that will make the first word interview/er/ee name bold on Interview Posts - [x] Add sliding slide out facebook like box (desktop) - [x] Place ads - [x] Set up auto-posting for Google+ - [x] Split Main Stage area, make Main Stage smaller, and add VOICES and SCOOPS sections - [x] Code keyboard control of Next/Prev of Main Stage - [x] Fix Favicon icon issue for Apple - [x] Install mobile app view manifest.json - [x] Install full favicon suite for all devices - [x] New 404 page - [x] Implement new bottle favicon - [x] Show year of post on Author Pages if not current year - [x] Make YouTube embed size more responsive to different screen sizes - [x] Look into Facebook native comments solution - [x] Make all facebook comment count reflect in the posts-grid comment count - [x] Make all comment-counts (facebook, disqus, native) reflect in the posts-grid comment count - [x] Remove duplicate, error-prone Events ld+json schema block - [x] Implement Colorful Genre Bar from old.V2 - [x] Get into [Google News](https://support.google.com/news/publisher/answer/40787?hl=en#general) - [x] Author Page pagination needs to be fixed - [x] Album Review Details custom Schema + HTML details table widget - [x] Change/improve gray section headers - [x] Improve mobile font styles and sizes (atleast on i6-size) - [x] Fix mobile width on Firefox - [x] Create and style basic List of Authors Page - [x] New styling for About Page - [x] Move all custom style CSS to style.css and disable call to theme-folder/css/colors/default.css - [x] Make Interview Question?Answer as buttons instead of dropdown menu items - [x] Make article-category dates into an anchor on all archive pages - [x] Restructure post grids into post lists with much larger images - [x] Add EARMILK Album Review Rating bottle image to album review archive and single pages - [x] prepend "Album Review: " to album review post titles for social sharing plugin's use - [x] RSS feed to output images along with content - [x] Extend Related Posts function to include Category-related posts if there aren't enough in Tag-related posts - [ ] Implement RSS Feeds outputting post categories and tags with hashes (#s) in front of them - [x] Implement system to automatically color site elements (ie, image meta info color line) to match genre class - [ ] Improve Harlem Shake CSS animation timing - [x] Develop some unifying site design elements - [x] Add Schema to all standard `index.php` and `single.php` posts and pages (single and archive) - [x] Add Schema to `/events/` page (single and archive) - [x] Add Schema to `/news/` page (single and archive) - [x] Add Schema to `/voices/` page (single and archive) - [x] Add Schema to `/album-reviews/` page (single and archive) - [x] Add Schema to `/gear/` page (archive) - [x] Add Schema to `/gear/` page (single) - [x] Add Schema to all single posts - [x] Add Schema to all archive pages - [ ] Add Schema to all unique type posts (ie, events, reviews, news articles, music recordings, premieres, etc) - [x] Fix ImageObject on all schemas - [x] Add Schema'd up breadcrumbs - [x] Finish Schema.org markup - [ ] Add unique headers to individual category pages - [ ] Overhaul/improve/enahcne/tighten up/stlye/restyle/redesign/make hot/hot up [EARMILK MP3 Player](http://earmilk.com/2012/10/02/zz-ward-cryin-wolf-feat-kendrick-lamar/) style - [ ] Re-style re-design [MP3 Player](http://earmilk.com/2012/10/02/zz-ward-cryin-wolf-feat-kendrick-lamar/) ([1](https://starslingeruk.bandcamp.com/album/sketchy-ep)) - [ ] Look into [AppCache](http://docs.webplatform.org/wiki/apis/appcache/ApplicationCache) - [ ] New Live Search function - [ ] Add Previous Next navigation to bottom of single posts - [ ] Implement new Sharrre Open source, share-count aggregating, and lazyloading "plugin" by building custom plugin - [ ] Pull share count to posts grid (this could be untenable due to response time contraints for multiple social networks) - [ ] Look into and stop Google indexing post attachments / robots.txt - [ ] Change all image attachments image-link-type's in posts to file or none - [ ] Add Extra AUthor Disclosure info to author meta - [ ] Remove all MP3 links from posts - [ ] Changes "archives" to "crates" for archive links of tags/categories - [ ] iOS App - [ ] Android App - [ ] Implement backend templating capability for Events - [ ] Implement a solution for Hreflang tags for indexing in foreign languages - [ ] Backend/Front end widget to give photographers credit for their photos - [ ] A solution for photo sourcing (possible a community effort or a filtering functionality plugn) - [ ] Remove all `"`s from posts in `src=""http...` - [ ] LazyLoader for SoundCloud embeds - [ ] Look into how Writer tools for posts like Interviews and Events can be improved for posting ease and style consistency - [ ] Ability to play a post's first song right from the posts grid - [ ] Ability to play a post's first video right from the posts grid - [ ] START ALL OVER :D -- New Well-planned Theme and Infrastructure - [ ] AJAX site navigation engine - [ ] Site wide persistent MP3 player - [ ] ...

Theme Changes - UX/UI

  1. All ads have been removed -- the list of ads and their respective code can be found in this file
  2. Black to White -- style code has been added to default.css, in wp-mag > css > colors
  3. Custom JS file edited to add ".sticky" class to whole <body> as well as the <header> so that the jitteriness can be fixed when Sticky Nav Header is trigger on scroll down by user
  4. All mobile sizing issues resolved
  5. Broken behavior of Header and logo jerkiness fixed, especially on mobile
  6. Various texts, sizing, and minor spacing issues (particularly with sidebar widgets and texts) have been resolved
  7. Footer widgets re-arranged a bit, less posts in left column, and location of language-flag changed
  8. Main Stage centered and spacing above increased
  9. Header navigation dropdown changed from black to white
  10. Fixed Author Page Bio & Search Results Dropdown to go with new theme
  11. Overahued Posts Layout Grid, then touched up a bit
  12. Milky Harlem Shake Easter Egg! (uploaded, initialized, customized)
  13. Made the color of the various title bars and the search field a bit darker
  14. Fixed up footer: [left Trending posts widget](Fixed up latest posts left Footer widget), Google Translator plugin, Music Vibes links and Music Magazine Subscription text
  15. Applied New "Quantum Paper Input Style" to Search
  16. Header Overhaul (strucutre, style)
  17. "Main Stage" Overhaul (strucutre, style)
  18. Restructured new header further to remove unnecessary actions and make more compatible with all pages
  19. Main Stage removed from all pages but the Home
  20. Removed Main Srage from all pages but Home
  21. Widened front page posts on mobile
  22. Purrtied up and normalized Album Review, VOICES, Gear, and News post type grids
  23. Prettied and restructured single post's Title and Author Meta
  24. Changed site-wide font to Helvetica for aesthetics and better readibility
  25. Improved single post view on mobile
  26. Jazzed up and updated structure and style of Author Pages
  27. Slicked up and pdated structure and style of Archive Pages
  28. Restructutred, simplified and improved the main Fixed Header
  29. Implemented colorful category navigation Genre Bar
  30. Added custom thumbnail pagination to Main Stage Owl Carousel
  31. Fixed and doped out the broken transitional fade-in of the Main Stage Owl Carousel
  32. Added hot animated loading thematic 'music equalizer' animation to the Main Stage as it initializes on page open
  33. Added nifty Left Stage to the ... left of Main Stage on the front page (Left Stage structure, style)
  34. Coded a basic function to trigger Next and Previous of Owl Carousel with keyboard keys
  35. New Interview Post question and answer style
  36. New 404 page according to design from EARMILK 2.0
  37. Interviewer and Interviewee names in Interview posts will now have their names boldened even if the markup protocol is not followed properly by the writer
  38. Implemented unique Spotify Playlists for respective Genre Category Headers (ie, hiphp, dance, etc) (JSON iFrame URL data, structure and function, style)
  39. Facebook Like Box slideout
  40. Genre Category Archive Page header Soundcloud and Spotify tabbed playlists (structure, style, data in JSON)
  41. Type Anywhere Search (structure, functionality, style)
  42. Album Review Single Post Details Box Redone (HTML structure, CSS style; dynamic rating stars structure and dynamic rating stars style)
  43. Re-styled drab, gray section headers
  44. Styled up About Us page (style, structure)
  45. Custom 404 page
  46. Styled up Photo Journal Posts
  47. ...

SEO Work

Fixing Incomplete, Missing, or Broken hAtom hEntries

  1. Commented out line 481 in wp-includes/post-template.php * ** *this is the line that was commented out

    	// hentry for hAtom compliance
	$classes[] = 'hentry';

    **for a new, modern, properly coded theme, it'd be a bit cleaner to use the following PHP filter to remove broken WP-default hentry

    function remove_hentry( $classes ) {

	$classes = array_diff($classes, array('hentry'));	

	return $classes;
}

  2. Fixed/added hEntry tags to single.php for hAtom compliance

  3. Fixed/added hEntry tags to single-album_review.php for hAtom compliance

  4. Fixed/added hEntry tags to single-gear_review.php for hAtom compliance

  5. Fixed/added hEntry tags to single-news.php for hAtom compliance

  6. Fixed/added hEntry tags to single-opinion_post.php for hAtom compliance

  7. Upgraded hAtom markup to h-Atom micro formats draft 2.0

  8. Added hAtom to more template files

  9. Added hAtom to Main Stage

  10. Added hAtom to main index.php file, which affects most posts

  11. Fixed broken hAtom entries in Ultimate Posts Widget

  12. Coded and added a functions.php function and index.php reference for a custom, new get_post_class() function that eliminates the hentry class from the array - the new function is called andre_get_post_class_without_hentry()

  13. Added hEntry and h-Entry to Left Stage VOICES and SCOOPS

  14. ...

Schema.org Markup

  1. Added Organization to header.php <head>
  2. Added WPHeader to header.php
  3. Added WPFooter to footer.php
  4. Added SiteNavigationElement to re-structured Header
  5. Added mainContentOfPage to all the single post pages -- index.php, page.php, single.php and single*.php
  6. Added WPSideBar Schema to all pages (I think)
  7. Added Publisher Schema to WPHeader
  8. Added Event Schema to Events Archive and to Single Event Posting Pages
  9. Added BlogPosting Schema to index.php, which will apply to a variety of archive pages and post grid types (eg, Hip-hop Category Page, Author Archive Pages, etc)
  10. Added Image Object Schema added to NewsArticle index.php
  11. For Author Pages, added CollectionPage via CollectionPage VS WebPage differentiation to Main Site Header
  12. Added Person to Author Pages and made authors the mainEntity of the page. Note: had to write a custom PHP function to inject itemprop="image" into the <img> tag of author photos, regardless of whether WP Social Avatar or default Gravatar is being used.
  13. Removed duplicate, error-prone The Events Calendar ld+json Schema.org markup block via function.php function
  14. Album Review Single Post Schema perfected
  15. BlogPosting Schema added to single.php
  16. BlogPosting Schema added to single-opinion_post.php
  17. NewsArticle Schema added to single-news.php
  18. Added full BlogPosting list Schema to archive-album_review.php / Album Review Archive pages
  19. Added full BlogPosting list Schema to archive-opinion_post.php / VOICES / Opinion Post Archive pages
  20. Added full BlogPosting list Schema to archive-gear_post.php / VOICES / Opinion Post Archive pages
  21. Basic BlogPosting Schema added to single-gear_post.php -- once Issue #47 is resolved, the Schema can be expanded to also include Product / Offering and Review schema itemscopes.
  22. ...

Other SEO Improvements

  1. Fixed several SEO meta tags in the <head>
  2. Properly implemented non-WWW to WWW, fixing a major issue
  3. Implemented WWW to non-WWW (nginx conf file and wp-config.php)
  4. Disabled Yoast Schema and some metas
  5. Fixed W3TC and nginx settings conflict (issue #9) which resulted in vrious bugs (1st attempt, removed faulty code, pre-re-installed W3TC nginx.conf, new nginx.conf after re-install, proper include to W3TC WP-root nginx.conf)
  6. Fixed Sitemap (several plugin issues were resolved to make it work)
  7. Added robot.txt to file2. (Montrey) and mooks. subdomains to prevent caching unnecessary files
  8. WOOHOO! Auto-posting to Google+ via RSSFeed and Hootsuite finally setup!
  9. Fixed RSS Feed so that now it loads ALL post types, including the custom types
  10. Added func to functions.php to prepend "Album Review: " to Album Review custom post_type titles
  11. ...

Misc Work

  1. Backups made (Google Drive, MEGA)
  2. GitHub Project set up
  3. Clone set up at allmilknoduds.com
  4. Google Analytics hardcoded into header.php
  5. Yoast Google Analytics plugin deactivated
  6. Fixed a CSS alignment of fields bug in ALbum Review Details backend plugin (Resolved Issue #16)
  7. Restructured Header for flexibility, to fix Schema Nav and to allow Genre Bar
  8. Added functions.php filter to remove annoying, spammy, and meaningless Yoast notifications
  9. Installed new suite of favicons for all devices and platforms (files, header.php references, validation test)
  10. Set up EARMILK Bookmark on Android as Standalone App via manifest.json (reference, file)
  11. Made Genre Bar Dynamic and editable from the backend (functions.php registetration, structure, javascript, style)
  12. Placed ads (header/header.php)
  13. Added function to use a default fallback image when something goes wrong with the default the_post_thumbnail() WP function (func in functions.php, index.php fixed)
  14. Created a dynamically generated pages of all EARMILK authors that have published 1 or more posts (page start, functions.php function to only output authors with 1 or more posts, page finished)
  15. Appended to functions.php to create shortcodes which enable outpitting WordPress user meta info (eg, like name and photo) from within WordPress pposts or pages
  16. Transfered all important CSS from default.css to style.css and disabled scripts.php registration and call to default.css
  17. Developed custom TinyMCE Interview Question and Interview Answer buttons for content writers post editting view (functions.PHP, JS, CSS)
  18. New Related Posts function that first pulls tag-related posts, then category-related posts, up to 4 posts (functions.php function, single-*.php template files reference call)
  19. Disabled WP Emoji Release JS
  20. Image sizes in a variety of locations on the site have been properly re-defined, re-sized, re-scaled and pulled
  21. Reduced W3C Validator errors for http://earmilk.com/ from 103 erros to 8 errors
  22. ...

EARMILK Links

Earmilk Development Enviornment Clone Site

-- allmilknoduds.com

Earmilk "throwaway" email account

login: allmilknoduds@gmail.com
password: [a truth we share]

Earmilk Asset Storage

-- Earmilk project assets cloud folder
-- Mega.nz (large; full site backup for safe keeping)
----- Mega login: allmilknoduds@gmail.com
----- Mega password: [a truth we share]

Earmilk GitHub

EARMILK License

Copyright (c) 2016 Earmilk.com. All rights reserved.

About

Earmilk redesign project

Resources

Readme
Activity

Stars

2 stars

Watchers

3 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages