Plugin Directory: Provide a way to link to a specific section on pages

[tellyworth]

It should be possible to create a link directly to the Screenshots, FAQ, etc.

Section headings could be #anchors, or a small anchor placed beside them. Linking directly to a section should automatically expand that section.

[dd32]

This is already implemented, however there isn't a visible link for it.

Example: ​https://wordpress.org/plugins-wp/debug-bar/#changelog

[dd32]

Based on ​https://wordpress.slack.com/archives/meta/p1481131005000350 it looks like this could be a request to link to specific FAQ entries.

[Ipstenu]

Related #2278

[melchoyce]

For now I'd recommend using ​https://developer.wordpress.org/resource/dashicons/#admin-links, but a new anchor Dashicons could be nice. cc @empireoflight

[audrasjb]

add accessible link to specific sections on plugin's page

[audrasjb]

rendering

[audrasjb]

Hello,

2317.diff is my first attempt for this ticket.
It simply add link to anchor with @melchoyce admin-links dashicons.

The HTML code is inspired by handbooks similar links (see ​https://make.wordpress.org/docs/handbook/developer-resources/handbooks/#whats-needed-at-the-moment for example).

Unfortunately, I can't edit CSS files as it is generated with preprocessors, I am afraid to do something stupid :)

CSS rules to add:

– on .section h2:first-of-type add display: inline-block
– add the following new rules:

.section .anchor {
    display: inline-block;
    line-height: normal;
    text-decoration: none;
}
.section .anchor:hover, .section .anchor:focus {
    text-decoration: underline;
}

Is something is wrong, feel free to ask me some fixes :)

Cheers,
Jb

[obenland]

Tabs and FAQ sections can be linked to directly. That feels like it's what we need for now?

[obenland]

With the exception of the Contributors & Developers section in the Details tab, all sections can be linked to. Contributors & Developers are available in the Advanced view as well.