montreyw / Theme-Redesign-and-SEO-Overhaul

Earmilk redesign project
2 stars 0 forks source link

Earmilk

Earmilk redesign project

Table of Contents

  1. To Do
  2. Theme Changes
  3. SEO Work
  4. Miscellaneous Work
  5. EARMILK Links
  6. EARMILK License

To Do


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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/f739b32c3a899139df1f09f8503bb7e3b889c595) out line 481 in wp-includes/post-template.php * ** *this is the line that was commented out ```php // 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 ```php function remove_hentry( $classes ) { $classes = array_diff($classes, array('hentry')); return $classes; } ``` 2. [Fixed/added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/ee7a6f878ce6059e7928fb035c7097e1c8af71af) hEntry tags to single.php for hAtom compliance 3. [Fixed/added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/a8d43e50ff6e36abbb060696bdd341c515830e96) hEntry tags to single-album_review.php for hAtom compliance 4. [Fixed/added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/a019edc974797065dc7907d668cce4cd1db23161) hEntry tags to single-gear_review.php for hAtom compliance 5. [Fixed/added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/85dff92be297808caad3ca5669d8df8f64fba686) hEntry tags to single-news.php for hAtom compliance 6. [Fixed/added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/9ee1ce9fad6d9873e0a89fce5949e414215239e0) hEntry tags to single-opinion_post.php for hAtom compliance 7. [Upgraded](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/428245db1b09509477f1083e7074fb6fc27b3d55) hAtom markup to h-Atom micro formats draft 2.0 8. [Added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/7c3ffe91e9356fb5eaf6f0a2809c13850683fc6f) hAtom to more template files 9. [Added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/650f67978b9d55bf8d4ffbe4318096a73909161a) hAtom to Main Stage 10. [Added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/13444148516b57421122eebdcd23801f8a397721) hAtom to main index.php file, which affects most posts 11. Fixed broken hAtom entries in [Ultimate Posts Widget](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/8c3de90e46576ab4cb04c91aa186def3fdd4d0ad) 12. [Coded and added](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/88a8a4d822428c26e183dae080a66f94386f7283) 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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/02c5d8f62cec4aaac124db7942a4005e217ff478) to *Left Stage* VOICES and SCOOPS 14. ...

Schema.org Markup

1. Added [Organization](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/a2bf2a07e859375ba648f950fbb9191dba17ddb9) to header.php `` 2. Added [WPHeader](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/3050ed60394655363ed560486c89b06cade8370e) to header.php 3. Added [WPFooter](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/27d372ccd87769f519af096f281c88e1140f6b22) to footer.php 4. Added [SiteNavigationElement](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/c1aa8d1a4d10f8d75ef0ae884eb337c03690587c) to re-structured Header 5. Added [mainContentOfPage](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/c2aa3a2b4516c9764dd8d9267623437204e864db) to all the single post pages -- index.php, page.php, single.php and single*.php 6. Added [WPSideBar](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/8cf705bf2aebc25016b799bfa3a06d338e7fdf8b) Schema to all pages (I think) 7. Added [Publisher](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/3a4bc9fe36031f5085b0e954ac4f8fa4e0770c87) Schema to WPHeader 8. Added Event Schema to [Events Archive](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/ad9113728701a6ec362ab08e1dad769cfbf84380) and to [Single Event Posting Pages](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/4ac2ff1f1b099902267099b77f44fd216506565e) 9. Added BlogPosting Schema to [index.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/67db412c0a4acbb0b56cdad6142129ab8d845782), 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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/4519b255f09d2ce100d07d6ea17c7655d5e9662a) Schema added to NewsArticle index.php 11. For Author Pages, added `CollectionPage` via [CollectionPage VS WebPage differentiation](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/d1f5146f08bdb231abd71535c2a82bc741b7fd19) to Main Site Header 12. Added [Person](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/4d89df66e88c819e695c84292ebc55cbd8c3a6b6) to Author Pages and made authors the mainEntity of the page. Note: had to write [a custom PHP function](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/eb5c52886dcf07325e0e0465863b0d84ed856357) to inject `itemprop="image"` into the `` 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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/c75745b607dc4a2318fcc817616c3c838c01edff) 14. Album Review Single Post [Schema perfected](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/774ec382bf4e628671895db7513e09eef88aa484) 15. BlogPosting Schema added to [single.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/043aabd8eb0759a8190bc29d8648bbcec7a4abfd) 16. BlogPosting Schema added to [single-opinion_post.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/36d975c1343d024463d9fbc66f4464b5e0fd9775) 17. NewsArticle Schema added to [single-news.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/69d7d7d049d0d8ad1c4e971893dc12583ca3743d) 18. Added full BlogPosting list Schema to [archive-album_review.php / Album Review](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/bf9908ec8b3e7707492def5aaeab0a641132e0fb) Archive pages 19. Added full BlogPosting list Schema to [archive-opinion_post.php / VOICES / Opinion Post](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/cc6519405368f832ac83b052fbd761d41c0957ee) Archive pages 20. Added full BlogPosting list Schema to [archive-gear_post.php / VOICES / Opinion Post](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/59578cd58ebbacee7a8354563f68bf77d6ca5914) Archive pages 21. Basic BlogPosting Schema added to [single-gear_post.php](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/28979f03f259354b45eb24d4b61f4066b54a6ac2) -- once [Issue #47](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/issues/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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/e1c3ea5b8bec65dfd01133c80fed9b6ac2bc64fb) in the `` 2. Properly implemented [non-WWW to WWW](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/b8cf6d709cdbd301c313d19446f7e60b6babc4b9), fixing [a major issue](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/issues/7) 3. Implemented WWW to non-WWW ([nginx conf file](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/4a8542f3e97eb5bbc1284fcaacf6fd9703c35d45) and [wp-config.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/53677c65e5cc31da7501774d5cdd86dcc0f1c38c)) 4. Disabled [Yoast Schema](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/d301eb3407232d5b013cca4d4cb0a49a3216740d) and some metas 5. Fixed W3TC and nginx settings conflict ([issue #9](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/issues/9)) which resulted in vrious bugs ([1st attempt](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/052036f4d05161d8517bd753301017d95a527a0d), [removed faulty code](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/9dab1576dd21e8abb28171c09ad41d750f73aa22), [pre-re-installed W3TC nginx.conf](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/19563ceb9adb83931704c66386d7201cad678782), [new nginx.conf after re-install](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/726bec3e5e0ca09a04b82222f384d5ac1dcd4f57), [proper include to W3TC WP-root nginx.conf](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/f00971312eb2af3849e50f8bb73412ca2faa5744)) 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+](https://plus.google.com/+earmilk/posts) via [RSSFeed](http://earmilk/feed/) and [Hootsuite](https://hootsuite.com) finally setup! 9. Fixed RSS Feed so that now it [loads ALL post types](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/2b32148db9ff1b50da83af54533ccf17944e0a2d), including the custom types 10. Added func to functions.php to [prepend `"Album Review: "`](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/7de8559dd9da33d16521e361c11a29caee611ecd) to Album Review custom post_type titles 11. ... - [Back to top ^](#table-of-contents) --------

Misc Work

1. Backups made ([Google Drive](https://drive.google.com/open?id=0B_40KgH9jS_Nckt0SW5JTFo0Qnc), [MEGA](http://mega.nz)) 2. [GitHub Project](https://github.com/iamandrebulatov/Earmilk) set up 3. Clone set up at [allmilknoduds.com](http://allmilknoduds.com) 4. Google Analytics [hardcoded](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/e1d21cade3c382300f30241dfcefe850a32d2dbd) into header.php 5. Yoast Google Analytics plugin deactivated 6. Fixed a CSS alignment of fields bug in [ALbum Review Details](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/c1aa8d1a4d10f8d75ef0ae884eb337c03690587c) backend plugin (Resolved [Issue #16](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/issues/16)) 7. Restructured [Header](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/845d4f3b80aa6df664ae812888e3431fdfe0e2fb) for flexibility, to fix Schema Nav and to allow Genre Bar 8. Added functions.php filter to remove annoying, spammy, and meaningless [Yoast notifications](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/1efbc3c9675c6be5c9cfb52ec9e1543f432bf66d) 9. Installed new suite of favicons for all devices and platforms ([files](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/2a4dd566cafeb9f6efc1ed01ae1392247714b902), [header.php references](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/a668f4c262a64d01680da88b7197863e1d394498), [validation test](http://realfavicongenerator.net/favicon_checker?site=earmilk.com&ignore_root_issues=on#.VsA34JMrKHp)) 10. Set up EARMILK Bookmark on Android as Standalone App via `manifest.json` ([reference](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/a668f4c262a64d01680da88b7197863e1d394498), [file](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/2a4dd566cafeb9f6efc1ed01ae1392247714b902)) 11. Made Genre Bar Dynamic and editable from the backend ([functions.php registetration](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/68c41356fdaada4fce43cf4b2f83fb3b31b00c54), [structure](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/cfd52ca7df161b137e84d2bc6dd625e46e740754), [javascript](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/f43af698d3e7ff7255292db4540c52d59c898cc2), [style](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/8c8b6d11f6cb43ebd9d360e3caf19420a77f8e64)) 12. Placed ads ([header/header.php](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/00464a3f4bdd9f2e40e0d94ad1d3194c38f2f316)) 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](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/079a18968558c7dd8be08dce3806bef243a11996), [index.php fixed](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/5dcfca072f3dc25c8d044490f6a2bf36ddbecff6)) 14. Created a dynamically generated pages of all EARMILK authors that have published 1 or more posts ([page start](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/f8af8fb27462a09c5f3d49e49e59c038bb83991f), [functions.php function to only output authors with 1 or more posts](), [page finished]()) 15. Appended to functions.php to create [shortcodes](https://github.com/iamandrebulatov/Theme-Redesign-and-SEO-Overhaul/commit/f33505375951bc66573147e915b4c89da78b0463) which enable outpitting WordPress user meta info (eg, like name and photo) from within WordPress pposts or pages 16. [Transfered](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/7c66e1f690346f5333d296e0d20d2cbcd86f0093) all important CSS from default.css to style.css and [disabled](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/79acea579f9d02c4096d8f6cc45253cf09d86a5b) 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](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/ae60bd271c443b9febb279ffb6fd2d0521aabb31), [JS](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/74af7390af2b22c18a7284fb6abe3e21d6e15c18), [CSS](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/30a4bdc01a2f1bd0a08c007c6ca9841369966dd2)) 18. New Related Posts function that first pulls tag-related posts, then category-related posts, up to 4 posts ([functions.php function](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/5930b2c37eeffe91ada92f2f650339a7c8f2ca61), [single-*.php template files reference call](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/commit/0e1f98790d92c77f4d2544040639211f05b6a958)) 19. Disabled [WP Emoji Release JS](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/issues/41) 20. Image sizes in a [variety of locations on the site](https://github.com/montreyw/Theme-Redesign-and-SEO-Overhaul/issues/42) have been properly re-defined, re-sized, re-scaled and pulled 21. Reduced [W3C Validator](https://validator.w3.org/nu/) errors for `http://earmilk.com/` from 103 erros to 8 errors 22. ... - [Back to top ^](#table-of-contents) -------- #### Earmilk Development Enviornment Clone Site -- [allmilknoduds.com](http://allmilknoduds.com) #### Earmilk "throwaway" email account login: allmilknoduds@gmail.com password: [a truth we share] #### Earmilk Asset Storage -- [Earmilk project assets cloud folder](https://drive.google.com/open?id=0B_40KgH9jS_Nckt0SW5JTFo0Qnc) -- [Mega.nz](http://mega.nz) (large; full site backup for safe keeping) ----- Mega login: allmilknoduds@gmail.com ----- Mega password: [a truth we share] #### Earmilk GitHub - https://github.com/iamandrebulatov/Earmilk - [Back to top ^](#table-of-contents) ----------

EARMILK License

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