Get first image from post content

În acest articol am să vă prezint pe scurt, o metodă simplă pentru a extrage prima imagine dintr-un articol de pe blog folosind un cod PHP, astfel încât să utilizaţi imaginea “extrasă” din conţinut acolo unde aveţi nevoie. Eu am avut câteva mici probeleme cu inserarea automată a imaginilor pe reţelele de socializare (de exemplu Facebook), de multe ori se întâmpla să-mi imsereze automat imagini care nu aveau legătură cu articolul în cauză. Drept urmare am să vă prezint metoda utilizată de mine …

Pentru a extrage prima imagine din articolul vostru, va trebui să creeati o funcţie care să facă acest lucru în mod automat, după care cu ajutorul funcţiei vom defini imaginea care să fie încărcată pe Facebook ori pe alte reţele de socializare.

Deci, primul lucru pe care trebuie să-l faceţi este să definiţi funcţia despre care vă spuneam. Pentru asta, va trebui să editaţi fişierul “functions.php” al temei voastre. Mergeţi în partea de jos şi la final este probabil să aveţi un cod de genul “//GsV56MHpti2Q“. Codul nu va fi identic, va fi ceva asemănător …
Dacă aveţi acel cod, atunci funcţia va trebui să o adăugaţi deasupra acelui cod, dacă nu aveţi un astfel de cod atunci puteţi adăuga funcţia în partea de jos.

Adăugaţi acest cod în fişierul “functions.php” al temei voastre:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// BEGIN Get first image from post
function catch_first_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
 
  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}
// END Get first image from post

La “/images/default.jpg” încărcaţi pe site o imagine “default” pentru situaţiile în care articolul vostru nu conţine nici o imagine. În aceste situaţii, va fi încărcată imaginea “default“.

Pe urmă, în fişierul “header.php” al temei voastre, căutaţi următorul cod:

</head>

Deasupra lui, adăugaţi asta:

1
2
3

<?php if(is_single()) { ?>
	<meta property="og:image" content="<?php echo catch_first_image() ?>" />
<?php } ?>

Sper să vă fie de folos … Succes!