benbrehaut / wp-vanlig

Blank WordPress starter theme made for being customisable.

👋 About me

JavaScript Engineer working on React, TypeScript, design systems, a11y and anything else that is cool and trendy.

wp-vanlig's Issues

Update template descriptions comment

Update the template file descriptions, a lot of them are wrong / out of date

Draft posts show in Sidebar Recent Posts

For some stupid reason, WordPress by deafult function wp_get_recent_posts shows draft posts, which is stupid.

Can be fixed with adding to the array;

$recent_posts = wp_get_recent_posts(array( 'orderby' => 'post_date', 'numberposts' => 3, 'post_type' => 'post', 'post_status' => 'publish,', ) );

Export basic ACF Custom fields and place into theme

• Export ACF Custom Fields
• Place into theme

Move Yoast SEO page box to bottom of page

function yoasttobottom() {
  return 'low';
}
add_filter( 'wpseo_metabox_prio', 'yoasttobottom');

Credit: https://gist.github.com/aderaaij/6767503

Add support for Post Formats

add_theme_support( 'post-formats', array( 'aside',  'gallery', 'link', 'image', 'quote', 'status', 'video', 'audio', 'chat' ) );

Might be worth adding it but not enabling it, as it is never used.

Add common social media icons to footer

Add own SEO options

Look into removing Yoast from workflow and having our own custom fields.

Add Skip to Content link for theme

Style with :focus attribute

Adjust WP Sticky Post Class

function sticky_posts( $classes ) {
	if ( in_array( 'sticky', $classes, true ) ) {
	    $classes = array_diff($classes, array('sticky'));
	    $classes[] = 'post--sticky';
	}
	return $classes;
}
add_filter('post_class','sticky_posts');

Make a screenshot image for the theme!

Add Travis CI integration

Improve Sass colour variables with Lists

See article: https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps

Gulp File Improvements

• Separate contents into its own files.
• CSS Source Maps
• Add .twig files to BrowserSync
• Add Babel compiling for JavaScript
• Look at Critical CSS

Ref: https://nystudio107.com/blog/a-gulp-workflow-for-frontend-development-automation

WooCommerce Support

• Add support for WooCommerce

Spelling mistake on sidebar.php file

Recent Posts title is misspelt.

Add current nav item to custom single template

https://gist.github.com/gerbenvandijk/5253921

Looks promising

Investigate to disable wp-embed.js file

File seems pointless to have, as no one seems to fully use it.

Can easily be disabled.

function my_deregister_scripts(){
  wp_deregister_script( 'wp-embed' );
}
add_action( 'wp_footer', 'my_deregister_scripts' );

Add .eslint to theme

Rename gulp imgs task to correct image folder

Old

gulp.task('imgs', function () {
  gulp.src('assets/imgs/*')
    .pipe(imagemin())
    .pipe(gulp.dest('assets/imgs'));
});

New

gulp.task('imgs', function () {
  gulp.src('assets/img/*')
    .pipe(imagemin())
    .pipe(gulp.dest('assets/img'));
});

Create Breadcrumbs function

Update _helpers.scss with new helpers

// - - - - - - - - - - - - - - - - - - - - - - - - -
// :Helpers
// - - - - - - - - - - - - - - - - - - - - - - - - -

// Accessibility Hidden
// ------------------
._sr-hidden {
  @include element-invisible;
}

// Responsive Classes
// ------------------

// Show only function to generate hidden classes
@each $show-only in $breakpoint-classes {
  ._show-only--#{$show-only} {
    display: none;
  }
}

._show-only--sml {
  @include breakpoint(small only) {
    display: block;
  }
}

._show-only--med {
  @include breakpoint(medium only) {
    display: block;
  }
}

._show-only--lrg {
  @include breakpoint(large only) {
    display: block;
  }
}

// Background Colors
// ------------------
._slab-primary {
  background-color: $palette-primary;
}

._slab-secondary {
  background-color: $palette-secondary;
}

._slab-tertiary {
  background-color: $palette-tertiary;
}

// Text Colors
// ------------------
._text-color-primary {
  color: $palette-primary;
}

._text-color-secondary {
  color: $palette-secondary;
}

._text-color-tertiary {
  color: $palette-tertiary;
}

// Text Helpers
// ------------------
._text-caps {
  text-transform: uppercase;
}

._text-l {
  text-align: left;
}

._text-c {
  text-align: center;
}

._text-r {
  text-align: right;
}

Change class name of wrapper hiding svg icons link

Change from .element-hidden to ._sr-hidden

Insert default WordPress WYSIWYG classes into Scss file

Styling is missing the WordPress WYSIWYG classes, such as .alignleft etc.

Add WordPress coding standards to theme

Change theme name to something cooler.

You heard me!

Pagination classes are in correct

• Some are missing parent class name
• Some classes are not pulling through

Add SVG upload support

Improve default styling

Add basic styling for Theme

• Add basic styling for header elements.
• Add basic styling for footer elements.

Remove Contact Form 7 stylesheet

New Sass structure

• Look at ITCSS, very potential for future use.
  -https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/

https://www.youtube.com/watch?v=1OKZOV-iLj4

Add TGM Plugin for theme plugin automation

https://divinotes.com/install-standard-wordpress-plugins-with-tgm-plugin-activation/

http://tgmpluginactivation.com/configuration/

Look at Translation files for future use

Include Accessibility automated testing in Gulp Process

When Gulp watching, check templates for accessibility issues.

Enable Extra Toolbar on WYSISYG editor to show

Issue with date not showing if post has more than one post on the same date

In the post.php file, change the date() function to this;

echo get_the_date();

Create Scss module for Pagination and style base level

Issue with Category links in sidebar.php

Category link does not return full URL

<?php echo get_category_link($post_category->term_id); ?>

Look at turning Theme into using Timber / Twig

Replace Grunt with Gulp

Investigate adding Purgecss to Gulp

Add Social Media sharing component

Add Menu Walker for header and footer menus

Add Custom Menu Walker for header and footer menus.

Adjust share link for email

Adjust content within href

Add aria-current="page" to current page tag on Breadcrumbs

<span class="breadcrumbs__item--current" aria-current="page">

Add file for Google Analytics tag to be inserted.

• Create location for the GA tag to be inserted to.

Restrict access to certain areas of WP Dashboard for Editor and lower level accounts

Disable some areas of the site for clients not to access.

• Plugins
• Settings
• Tools
• Themes

Style WP Login Page

Set ability to put two GA tags depending on server URL