web-dev-qa-db-ja.com

サイトにOperaサムネイルを追加するにはどうすればよいですか?

Operaの「スピードダイヤル」機能では、一部のサイトはロゴをプレビュー画像として表示し、他のサイトはスピードダイヤルに追加したときのサイトのスクリーンショットにすぎないことに気付きました。確かではありませんが、Chromeの動作は同じだと思います。

たとえば、Stackoverflowにはロゴがあります:D

それでは、ユーザーが短縮ダイヤル内にロゴを追加したときにサイトにロゴを表示するにはどうすればよいですか?

9
Katie

Barracudaのリリース後、Operaはサイトのヘッダーで<link rel=”icon”>または<link rel="Apple-touch-icon">メタを使用してロゴを検索しますが、Operaにのみ表示されます添付画像は114pxよりも幅が広いです。

Stackoverflowの場合、コードは次のようになります。

<link rel="Apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/Apple-touch-icon.png">

158 x 158pxアイコン画像にリンクするもの

Stackoverflow Logo

5
toomanyairmiles

(動的)HTMLを使用して、最新の記事の見出し、画像、またはコメントを表示することもできます。詳細については、「 サイトをスピードダイヤルで美しくする 」を参照してください。

たくさんのインラインコメントと実用的なヒントを使用して、このジョブ用の小さな WordPressプラグイン を作成しました。例によって物事がどのように機能するかを理解するのに役立つかもしれません。

2
fuxia