For those who know about Ghost.org, when pasting a link inside a blog post editor, you get a nice preview like this one. How can we emulate this inside Elements page editor, quickly?
This link preview gets automatically generated with the Ghost blog post editor… it’s rather nice.
You could certainly build this style of layout in Elements (and even make it into a Global), but that’s rather manual, and I’m guessing you wanted this to happen automatically…
Getting open graph data and rendering it on a webpage is usually done server-side, so not something Elements currently supports. However, this would probably be possible for someone to build and offer as a Component
I wonder if anyone else has any other thoughts on how this could be achieved…
Certainly too manual… this brings me another question: are Elements website, static or dynamic? I’m thinking of Hugo which supports creating static sites where nothing is executed while browsing the site… to my knowledge, at lease.
By default, pages in Elements are static — the app generates and exports all pages at publish time.
However, your site can become somewhat dynamic through the use of PHP. Some built-in components already use PHP to dynamically fetch and render data on the server.
Additionally, component developers can create JavaScript-powered components that fetch and render data client-side— for example, pulling content from an API or external source after the page loads.
So while Elements itself generates a static site , components can introduce varying levels of dynamic behavior, depending on what’s needed.
By introducing dynamic behaviours via components, does this possibly increase or change the server requirements? I’m currently using Cloudflare Pages connected to a Github repo…
If the component uses PHP, then yes — your server will need to support PHP.