How to implement WEB editing on the fly?

Question

CMS

Good afternoon. There is a landing page on wordpress (in fact, cms is used only because of sending mail from the site). The task is to implement the possibility of simple editing (best of all on the fly - clicked in a certain place on the site - editing began).
Why is it asked not to do it all by pages? Of course, it may be easier to include a page by ID in some places, but! There are places with infographics, where 2-3 words and there can be hundreds of such places. Therefore, another solution is needed. I'll be glad to hear your recommendations. Or perhaps a third-party service through which you can edit information from the site?

Answer 1

There is a plugin for editing on the page https://wordpress.org/plugins/front-end-editor/
In general, I mainly use html for landing, if I visit us to advertise, it downloads up to 8000-10000 per day or more. So pulling the entire engine for the page affects the load on the hosting.

Answer 2

contenteditable="true" as an option, it would be nice to have JS and PHP script for it

Answer 3

The "poke and edit" method (as in gmail contacts) makes the editing state itself not entirely obvious.
I was puzzled by this question here, but the topic did not go: How to make the most usable data editing in the web interface?
For editing "a little bit" I personally like this model:
jsfiddle.net/60cpfqbd/4
But here what is being edited is initially understood as such (and the blue color symbolizes the inscribed pen, yes).