自作ショートコードでサムネイルなしのシンプルなブログカードとタイトルだけのテキストリンクを表示する

/* 【シンプルなブログカード】ショートコード作成 */
function show_Linkcard($atts) {
    extract(shortcode_atts(array(
        'url'=>"",
        'title'=>"",
        'excerpt'=>""
    ),$atts));

    //OGP情報を取得
    require_once 'OpenGraph.php';
    $graph = OpenGraph::fetch($url);
    
    //OGPタグからタイトルを取得
    $Link_title = $graph->title;
    if(!empty($title)){
        $Link_title = $title;//title=""の入力がある場合はそちらを優先
    }

    //ファビコンを取得（GoogleのAPIでスクレイピング）
    $host = parse_url($url)['host'];
    $searchFavcon = 'https://www.google.com/s2/favicons?domain='.$host;
    if($searchFavcon){
        $favicon = '<img class="favicon" src="'.$searchFavcon.'">';
    }

    //ブログカードHTML出力
    $simple_Linkcard .='
    <div class="simple_Linkcard">
    <a href="'. $url .'" target="_blank">
     <div class="simple_Linkcard_content">
      <div class="simple_Linkcard_title">'. $Link_title .'</div>
      <div class="simple_Linkcard_link">'. $favicon .' '. $url .'</div>
     </div>
    </a>
    </div>';    
    
    return $simple_Linkcard;    
}
//ショートコードに追加
add_shortcode("simple_Linkcard", "show_Linkcard");

/* 【ファビコン+タイトルのテキストリンク】ショートコード作成 */
function show_TitleLink($atts) {
    extract(shortcode_atts(array(
        'url'=>"",
        'title'=>"",
        'excerpt'=>""
    ),$atts));

    //OGP情報を取得
    require_once 'OpenGraph.php';
    $graph = OpenGraph::fetch($url);
    
    //OGPタグからタイトルを取得
    $Link_title = $graph->title;
    if(!empty($title)){
        $Link_title = $title;//title=""の入力がある場合はそちらを優先
    }

    //ファビコンを取得（GoogleのAPIでスクレイピング）
    $host = parse_url($url)['host'];
    $searchFavcon = 'https://www.google.com/s2/favicons?domain='.$host;
    if($searchFavcon){
        $favicon = '<img class="favicon" src="'.$searchFavcon.'">';
    }

    //タイトルリンクHTML出力
    $TitleLink .='
    <div class="title-link">
	'. $favicon .'
	<a href="'. $url .'" target="_blank">'. $Link_title .'</a>
    </div>';    
    
    return $TitleLink;    
}
//ショートコードに追加
add_shortcode("TitleLink", "show_TitleLink");

/******************************
シンプルブログカード
******************************/
.simple_Linkcard {
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #ddd; /*カード枠の太さ・線の形状・色*/
  border-radius: 5px;
  word-wrap: break-word;
}
.simple_Linkcard a {
  text-decoration: none; /*リンクの下線をなくす*/
}
.simple_Linkcard :hover {
  background-color:#FFFAFA; /*カードにマウスを当てた時の背景色*/
  border-radius: 5px;
}
.simple_Linkcard_title {
  font-size: 1em;
  font-weight: bold; /*タイトルを太字に*/
  line-height: 1.4;
  padding: 17px 20px 10px;  
}
.simple_Linkcard_link {
  font-size:0.65em;
  padding:0 17px 15px 20px;
  text-align: left;
}
.simple_Linkcard_link .favicon {
  margin-bottom: -4px;
}