Добавьте CSS стиль в og: image - PullRequest
Новая
       9

Добавьте CSS стиль в og: image

0 голосов
/ 18 октября 2018

Можно ли добавить CSS-стиль в изображение og: facebook, которое вы бы использовали для публикации в Facebook?Я не использую статическое изображение, но оно динамическое (php)

Итак, вот мой тег в его текущем состоянии, и он просто захватывает изображение для этого конкретного продукта.Но это просто изображение.Я хочу использовать CSS, чтобы поместить цветной блок в верхнем правом углу и поместить туда какой-нибудь стилизованный текст, например.

<meta property="og:image" content="<?php echo $data['img_name']; ?>" />

Я не очень знаком с Facebook, поэтому не уверен, возможно ли это.

1 Ответ

0 голосов
/ 18 октября 2018

Нет, CSS является языком стилей и не будет напрямую применяться к изображению.При настройке этого мета-тега он не будет применен к реальному изображению.

Что вы можете сделать, это динамически создать другое изображение и добавить новый объект поверх изображения и обработать это изображение метатег. 

<?php
// Load the stamp and the photo to apply the watermark to
$stamp = imagecreatefrompng('stamp.png');
$im = imagecreatefromjpeg('photo.jpeg');

// Set the margins for the stamp and get the height/width of the stamp image
$marge_right = 10;
$marge_bottom = 10;
$sx = imagesx($stamp);
$sy = imagesy($stamp);

// Copy the stamp image onto our photo using the margin offsets and the photo 
// width to calculate positioning of the stamp. 
imagecopy($im, $stamp, imagesx($im) - $sx - $marge_right, imagesy($im) - $sy - $marge_bottom, 0, 0, imagesx($stamp), imagesy($stamp));

// Output and free memory
header('Content-type: image/png');
imagepng($im);
imagedestroy($im);
?>

Источник: http://php.net/manual/en/image.examples-watermark.php

...