Closed bintzandt closed 4 years ago
Putting this to blocked because it needs the new components, see https://github.com/Yoast/javascript/issues/550. Picking those up first.
Created an Epic for the content team to write the 4 help pages needed for this:
@devteam-reactification The help pages:
Allow Search engines to show this Page in search results? https://yoast.com/show-x-in-search-results/
Should search engines follow links on this page? https://yoast.com/help/should-search-engines-follow-links-on-this-page/
Meta robots advanced https://yoast.com/help/the-meta-robots-advanced-settings/
Canonical URL https://yoast.com/help/canonical-urls-in-wordpress-seo/
@IreneStr can you create short links for the team? Not sure what the campaign vars should be.
Explanation
As preparation for the new react modal, we need to reactify components that will be rendered in there. This issue describes how the "Advanced" tab in the metabox should be reactified.
This has been done as clearly as possible, without having to dive too much in the context. If you find any inconsistencies or think that there is a better way, you are free to implement that. Keep it mind though that the design
Technical decisions
Requirements to show the tab
wpseo_edit_advanced_metadata
permission in order to have the "Advanced" tabdisableadvanced_meta
should befalse
Tasks
Select2
. A code example is provided below.change
event of theSelect2
component and update the value of the input field. @Xyfi will have a look at this to see whether he can describe the needed steps in more detail.Alert
for theWarning: even though you can set the meta robots setting here, the entire site is set to noindex in the sitewide privacy settings, so these settings won't have an effect.
message.Initializing Select2
Note: this is only an example. Please use the correct values and make abstractions where necessary.