Executando verificação de segurança...
3
Wantu
2 min de leitura ·

[PITCH] - PicQuote

Enquanto trabalhava em um sistema de blog, especificamente os botões de compartilhamento, percebi algo interessante: não há botões de compartilhamento para Instagram, TikTok ou Snapchat. O motivo é bem claro: essas plataformas são projetadas principalmente para compartilhar imagens e vídeos, não texto. No entanto, pensei que poderia haver uma solução simples para isso.

As pessoas costumam tirar capturas de tela do conteúdo de texto para compartilhá-lo nessas redes sociais focadas em imagem/vídeo. Então, tive a ideia de criar um sistema que gera imagens, semelhante a uma captura de tela, projetado especificamente para compartilhamento nessas plataformas.

O conceito é simples: os usuários selecionam um pedaço de texto que gostam, e o blog fornece um cartão com a citação, o autor e a URL da postagem. Eu o chamo de PicQuote (picture (imagem) + quote (citação)). Existem vários templates para escolher, e os usuários podem personalizar cores e tamanhos de fonte para melhor apresentação.

Exemplo de um card do PicQuote

Você pode experimentar o sistema no meu blog pessoal, por exemplo, neste post onde apresento o PicQuote.

Críticas e sugestões são muito bem vindas.

Você estaria interessado em um plugin WordPress para PicQuote? Gostaria de colaborar na criação dele? Me avise!

🖖

Escrito por um ser humano com auxilio de uma inteligência artificial

Fonte: https://dev.to/wantu/picquote-1398

Carregando publicação patrocinada...
2
batataQuente

Não está diretamente relacionado ao tópico, mas acho nescessário falar.

Na postagem anterior já havia achado que estava grande essa marca da água no final, além que ela se destaca mais que o conteúdo do texto.

Agora com um texto menor, ficou muito claro a desproporção dela em relação ao texto.

Acho legal a idéia, mas está muito grandre, tira o foco do texto e sinceramente não agrega valor.

Se colocar cores mais discrtas, diminuir o tamanho e o texto
dentro da marca da água, para algo de no máximo 3 palavras, acredito que melhoraria bastante.

1
Wantu
Autor
Autor

Obrigado pelo feedback!
O markdown não permite manipular o tamanho de forma que vou ter de subir a imagem em um tamanho reduzido... daí aproveito pra mudar as cores também.

3
xafiyom362

é só usar a tag HTML nativa:

Original:

Metade:

Fonte:

<img src="url">
<img width=151 src="url">

151 porque sua imagem denderiza a uma largura de 302, logo para a metade: 302/2=151

Para que a imagem fique proporcional é só omitir o outro: se quer se basear na altura, omita a largura, se quer se basear na largura, omita a altura

1