Automattic/wp-calypso

Social Previews should show WP oEmbed design as a 5th preview option

Open

#53.845 aberto em 19 de jun. de 2021

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (2.034 forks)batch import
Feature RequestGood First IssueSocial Previews[Size] XS

Métricas do repositório

Stars
 (12.277 stars)
Métricas de merge de PR
 (Mesclagem média 3d 9h) (716 fundiu PRs em 30d)

Description

Expected

We currently show previews for WP.com Reader, Google Search, Facebook, and Twitter. We should add a preview for the WordPress.com oEmbed card that is inserted whenever you paste a link to a published WP.com page or post.

Actual

We don't show the WP oEmbed card design within social previews yet.

How to preview a WP.com oEmbed?

  1. Copy the URL of a published WP.com post
  2. Create a new post
  3. Paste the URL of the other post
  4. Link will transform into an oEmbed card which will look like this:

How do I get to Social Previews?

  1. You'll need a Business or eCommerce plan
  2. Create a new post
  3. Click the "Preview" button in the top toolbar
  4. Select "Search & Social" from the preview dropdown

Then you should see Social Previews:

Related issue

https://github.com/Automattic/wp-calypso/issues/53844

Guia do colaborador

Direção de pesquisa
Investigue a estrutura do componente de pré visualização social existente (provavelmente em client/social previews ou similar) e adicione uma nova guia para WP oEmbed. Siga o padrão das pré visualizações existentes (ex.: Facebook, Twitter).
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65