wplemon / gridd Goto Github PK

It would be interesting to give the opportunity to the user to choose the appearance or not of certain features on archive / blog pages, such as:

• Show/Hide Featured Image
• Show/Hide Categories
• Show/Hide date
• Show/Hide Comments
• Show/Hide author

We can give the ability for the user to automatically generated excerpt length (in words). Something like that.

Mockup

Also, you can view the component here : Figma : gridd-components

I just realized that the mobile menu is not working in version: 1.1.8.

PS : The mobile navigation is enabled from the Mobile Navigation > Enable Mobile Navigation

To replicate:
Import WPTRT demo data, add the all-pages menu to mobile nav, then open site on mobile, expand submenus and try to scroll-up.

This is the same issue like the "Add some options on archive/blog", but with the difference being displayed or not on single post.

More specific :

• Show/Hide Categories.
• Show/Hide Date.
• Show/Hide Comments.
• Show/Hide author.
• Show/hide Author description.
• Show/Hide Related posts.

The title in the screenshot does not comply with WPTRT requirements

This got too complicated, too fast.
Need to start from scratch and build it more minimal.

I really like the option to show some related posts on single post.
Some inspiration : This section can have two options and be displayed as:

• Grid layout. Featured image, date, author, comments, description or not, post title.
• List layout. Appearing only the post title.

The typography settings of customizer do not allow the user to change typography on site title and tagline. Of course I do not know if this is given as an extra feature in gridd plus.

Fact
We give the user the option to display this section or not. From the other hand this is text and I think that we should give the possibility to be parameterized, once we do it for the body and the header of theme.

https://monosnap.com/file/szk9Vzkrq1PcqWwmNmSsLzybpEmDr2

General
An effective error message:

• Should primarily avoid confusion.
• Should communicate what is happening.
• Should describe how the user can fix it.
• Should be short and crisp, but should convey full reason.
• Should display at right time and place.
• Should have right color for the message.

The last two points need to be checked again and seen again in action.

Cases

Notice: Simply a statement that is non-actionable. We can use these to alert the user of something smaller and passive that we want the use to notice.

Info: Actionable statement that we need the user to see and act on, but with no negative connotation (see Warning/Error). We can use this for things like : "There is a new update to this Software"

Warning: Negative sense. Given before anything goes wrong but warns user of imminent problems if they proceed down a certain path. Such as "email left blank, you cannot submit without valid email".

Error: Negative sense and given after something has already gone wrong, try to include what went wrong and how to fix said issue.

Our Case
The message below is appearing for the first time when the user is login successfully in the theme.

Τhis style of notice should be appear after the user's wrong action and not without having done any action.

My suggestion

First we can use a simply Notice and if the user assign different name to the menu from the "Navigation 1", then the next step is to appear the Warning

Figma UI

Just need to redo the screenshots

Even it exists the option to displays the breadcrumbs in mobile view from Grid > Grid Parts Load Order, this is not appearing in mobile view. Also I realized that this option is not showing in desktop.
Is there a specific option to showing them?

The difficult part here is the UI:

• How to allow switching between dark/light editing in the customizer
• How to allow switching the frontend. Do we want to allow switching? Or should it just be from the browser preferences?

I just realized that the navigation menu is jump between the pages and there is also a big gap between the site-title and tagline. I do not know if it has anything to do with the branding area changes.

Reported by a user:

It looks like on iOS, or Safari itself (have to assume its Safari), the mobile navigation does not work. The nav itself comes up, but tapping on any of the buttons doesn't do anything (menu, search doesn't pop up, home doesn't link to home). I had autoptimize running and disabled it, but still had the same issue. I ended up disabling the mobile nav altogether and setting the breakpoint to 0 in order to see the desktop nav on all sizes.

Talking about the Cover block

I think that it is important to add the feature for the user to choose between numeric and default pagination (older posts/newer posts) in archive/blog and single post.

Each slider should be a separate grid-part.

When I view the following posts of the Theme Unit Test,
Post Format: Quote,
Post Format: Link,
Post Format: Status,
Post Format: Aside

I see the following warning:

Warning: Use of undefined constant key - assumed 'key' 
(this will throw an Error in a future version of PHP) 
in gridd/inc/classes/Blog.php on line 208

Gridd version 1.1.10
PHP version 7.2.15
WordPress Version 5.2.2

Related; these formats could use some white space above the content because without
the post meta, the content may be too short and the size of the header is increased instead.

The documentation
As far as the documentation is concerned:

You can add any number of rows and columns you want. New columns and rows get added at the end of any existing ones.

Screenshots from Grid section

Screenshots from Widget area

The problem
If I want to add something on the left side of the content, like a left sidebar with widgets? How I can do this?

Some possible solutions

1. Include the option for new columns to get added at the previous of any existing ones.
2. Add a new widget area to the left side of the content. (You are customizing Widgets)

Each slider should be a separate grid-part.

Go to Appearance > Customize > Theme Options > Grid, edit any Grid location:
http://take.ms/ACSVb

Page will refresh

Their styling will have to change completely

It would be great to have a search icon to add to the header area. As an option to the search field that exists today.

Need to check this ASAP

Anything beyond the 1st image is blank

Description
So gar, the light-box option for single image and gallery is not applied.

Screenshots

Thoughts
Maybe this option give us some extra kb, but I think that it is an important feature for the user.

Example

Suggestion
We can use a pop up plugin like this. https://github.com/dimsemenov/Magnific-Popup or something that does the job that we need without being very large.

The theme have a lot of features. I believe that the user is very hard to remember what has changed, and what were the initial settings of the theme.

it should be on the back of expanded menus (chrome)

To replicate the issue:

1. Create a reusable block
2. Add the reusable block to the grid and save the customizer
3. Delete the reusable block from the WP dashboard
4. Go back to the customizer.

The grid-block should not exist in the grid after it has been deleted.

At least not without Jetpack active 🐤

• Include a meaningful description in the label. We can do that by giving the option from customizer.

So, instead of a simple one "search", the user will be able to change this label from the customizer.

Some examples in action :

search > search for recipe
search > search for news

• Also we can use the powerfull option of Color Vision Deficiencies Simulator to improve the default style of border color and the style of border color in focus. [screenshot]

• Change the background color of button on hover mode.

The main reason this wasn't done until now is limited space in the customizer sidebar.
We could however add some options only when the control is on fullscreen mode, in which case space won't be a factor.

See https://github.com/ThibaultJanBeyer/DragSelect/releases

For some reason this doesn't seem to be working now