Used by and Uses information to be added to code reference archive pages

[siobhan]

Currently the archive pages have a TODO note beside Used by and Uses. This information needs to be pulled from the parser and the number of functions Used by and Uses should be displayed. The user should be able to click on these and it bring up an archive page of everything that is used by or that uses the function etc.

Currently looks like:

It should display information as in the bottom right here:

Remove the number of examples for now. This will need to be pulled from WordPress and we don't have functionality for adding examples yet.

[siobhan]

We are waiting for feedback from @coffee2code about whether we can use posts2posts on wordpress.org

[siobhan]

We're able to use posts2posts on WordPress.org. @Rarst is investigating whether we should bundled it or whether the parser should run alongside it.

[SergeyBiryukov]

Related: #494

[atimmer]

323.diff is a first pass on 'uses' and 'used by' on the single pages, more to come later.

For the parser the following branch can be used: ​https://github.com/atimmer/WP-Parser/tree/p2p-relationships. I have not yet made a pull request because I am not yet happy with the code.

[atimmer]

Added 323.2.diff which adds the used/used by to the archive and improves it on the single page.

Initially there are now 5 uses/used by shown and you can click the "Show 19 more used by" link to show them. You can probably come up with better text for that.

I also added two screenshots so you can shoot on them without needing to have a local env.

[siobhan]

#494 was marked as a duplicate.

[siobhan]

#177 was marked as a duplicate.

[coffee2code]

In 1194:

developer.wordpress.org: Register P2P post relationships. See #323.

[coffee2code]

In 1196:

developer.wordpress.org: Add 'Used By' and 'Uses' sections to parsed content permalink pages.

Basically the UI surfacing of the P2P relationships.

Fixes #323.
Props atimmer.

[coffee2code]

In 1197:

developer.wordpress.org: Responsive improvement for 'Uses' when it falls below 'Used by'. See #323.

[coffee2code]

Changes from 323.2.diff​ by @atimmer as committed in [1196]:

• Removed space between function name and '()' in Uses section
• Added '()' after function names in Used By section
• Changed use of strong tag to span tag for filenames in Uses/Used By sections
• Moved Used By/Uses section to just before Source (putting it after Parameters, Explanations, Methods)
• Tweaked responsive styling
• Translated more strings
• Removed introduction and use of mixins.css (by setting section { overflow: auto; } instead