Code Monkey home page Code Monkey logo

Comments (12)

jameskoster avatar jameskoster commented on June 12, 2024 1

Personally I see a lot of value in keeping the logo block separate

I meant in addition to, not instead of :)

from gutenberg.

richtabor avatar richtabor commented on June 12, 2024

Perhaps, though my hesitation is that this makes it confusing for most users — even if the URL control is only added when the link toggle is disabled.

This renders the logo block useless and instead requires an image block which won't add favicon support.

Why not add your site icon (i.e. favicon) then replace the site logo block with an image/link of your choice?

from gutenberg.

Sam-Xronn avatar Sam-Xronn commented on June 12, 2024

Perhaps, though my hesitation is that this makes it confusing for most users — even if the URL control is only added when the link toggle is disabled.

This renders the logo block useless and instead requires an image block which won't add favicon support.

Why not add your site icon (i.e. favicon) then replace the site logo block with an image/link of your choice?

I would say the link to homepage toggle has been used as a quick fix. As far as I’m aware this format isn’t consistent with any other blocks. We already have an excellent linking system which supports internal and external links. These are also used on image blocks. I’m not sure why this wouldn’t be added to the logo block.

You have correctly identified a temporary solution for this issue but I don’t believe that should be the recommend approach.

from gutenberg.

richtabor avatar richtabor commented on June 12, 2024

I’m not sure why this wouldn’t be added to the logo block.

Because site logos link to the homepage on nearly every website. :)

from gutenberg.

Sam-Xronn avatar Sam-Xronn commented on June 12, 2024

I’m not sure why this wouldn’t be added to the logo block.

Because site logos link to the homepage on nearly every website. :)

That’s an easy perspective to have now WordPress has fully fledged page builder. But WordPress (the blogging platform) has also commonly be used for micro sites. Such as blogs, events, job boards, recipe sites, small WooCommerce sites, running on sub-domains.

I do agree with your point I just don’t know why you would purposely limit functionality, and not follow an already established design pattern.

Would be interested to hear alternative perspectives on this topic.

from gutenberg.

richtabor avatar richtabor commented on June 12, 2024

Just to be clear, I'm not entirely opposed to this—I'm just keeping in mind the additional complexity it introduces by showing/hiding an alternate control for the link.

There's weight to consider if the majority of users would not necessarily benefit from an additional control, or feature.

Would be interested to hear alternative perspectives on this topic.

Agreed! @WordPress/gutenberg-design thoughts?

from gutenberg.

paaljoachim avatar paaljoachim commented on June 12, 2024

Brainstorming...

The current Site Logo controls are very constrained compared to other blocks.
We look at the purpose of each block and compare with other blocks and the purpose these have. Then look at controls of one block and how another similar block is handled. We work on adding consistency between blocks where it is natural to do so.

We can compare the Image block and the Site Logo block. Look at controls of the Image block in comparison with the Site Logo block.

Image block has a much wider toolbar compared to the Site Logo block. The Site Logo is usually fairly small and having a smaller toolbar helps because of the small space it is in. But should it have a Replace button, an alignment option and a link option added to the toolbar?
Adding a Replace button keeping the consistency with the Image block. Right away adding the word/button Replace would make the toolbar much wider.
Adding an Alignment icon. Would be by default not be selected (as in off). User would be able to align it left, center or right.
Adding a link option to where the default link goes to home but can be adjusted by the user.


Now in the Site Logo block. There is a toggle "Link image to home" Toggling this off could add a field to where one can add a custom link or leave blank for no link.

Screenshot 2023-12-08 at 09 12 31

Toggling image to not link to home could add the option to link to another location.

Site Logo custom link

Not filling in a custom link would then not link the Site Logo to go anywhere.


Btw Rich @richtabor
Use as site icon toggle option. The link "Site Icon settings" opens the customizer in a new tab. Here one can add the open in new window icon beside the link to show the user that the link opens in a new tab/window.

from gutenberg.

jasmussen avatar jasmussen commented on June 12, 2024

I'll echo Rich, that having the site logo's link be defined by the values set in Reading Settings in WordPress is likely going to be the most predictable user experience, and avoid complexity.

Though I want to also say, we could come back to this at a later time, for example once reading settings get revisited. That might be a better place to explore a holistic solution to this. Because keep in mind, there's not just the site logo block, there's also a "Home Link" in the navigation block. So changing what is defined as a "homepage" is risky to do on a per-block basis, it can easily get out of sync and confusing.

In the mean time, I'd echo the idea that an image with an aspect ratio applied can be a good solution, just like a custom "Home" link in navigation would.

from gutenberg.

jameskoster avatar jameskoster commented on June 12, 2024

I wonder if the Image block could entertain refs in the future. So you could tell an Image block to use the site logo, similar to how the Cover block can reference the featured image.

from gutenberg.

Sam-Xronn avatar Sam-Xronn commented on June 12, 2024

I wonder if the Image block could entertain refs in the future. So you could tell an Image block to use the site logo, similar to how the Cover block can reference the featured image.

Personally I see a lot of value in keeping the logo block separate. It adds a lot of future-proofing, knowing you can use this to return the site logo.

I’d also say as much as I’d like the logo to support a custom link I think it’s important to keep the UX as familiar as possible. I’m not sure an additional input field for the link based on the toggle status is correct.

Personally I’d have the logo block by default always link to the site homepage. But add the link to the logo block toolbar so it can be changed or completely removed if required.

from gutenberg.

Sam-Xronn avatar Sam-Xronn commented on June 12, 2024

I would like to just update this thread to mention that its not possible to include an image inside the navigation block. The impact of this decision means that you can't display the logo (image) on the mobile menu overlay without custom code.

Regardless of the discussion surrounding if you should be able to add a custom link to the site logo the proposed intermediary solution isn't viable.

from gutenberg.

Sam-Xronn avatar Sam-Xronn commented on June 12, 2024

I'd just like to update this thread to keep it maintained with WordPress releases.

The Site logo still offers a site icon option which is now covered under Settings > General. Potentially making this option redundant.

I'd also note using an Image instead of the site logo means the image doesn't render on the mobile menu, meaning you have no logo when the mobile menu is open/active.

from gutenberg.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.