フォーラムへの返信
-
投稿
-
失礼いたしました。
ソーシャルボタンではなく、アーカイブ形式や記事一覧を表示するウィジェットにおいて、SSL環境にて はてなブックマーク数を表示するオプションを有効にするとSSLの接続環境としてブラウザが警告を表示します。
この機能は はてなブックマークのAPIを利用してテーマ側でAjaxを利用して該当URLのブックマーク数を取得、解析して表示するものですが、このはてなブックマークのAPIがSSLに対応していないため発生します。
警告を回避する場合はシングルページ以外のアーカイブページと記事一覧を表示するウィジェットでのはてなブックマーク数の表示はしないでください。
【補足】
「SSL warning」だけでは内容が全くわかりませんが、恐らく はてなブックマークは SSLに対応していないため 通常の http 接続でのリソースにある画像を SSL 環境では暗号化されていないネットワーク上のリソースを参照していることを警告とみなしています。
対象テーマとバージョンが不明ですが、はてなブックマークが提供するソーシャルウィジェットはそもそもSSLに対応していません。
※SSL化されておらず https での画像リソース自体が存在しないテーマで解決できうることではないため、SSL環境で使用する場合ははてなブックマークのリソースは使用しないでください。
※対象テーマとバージョンが不明ですが最新版ではSSL時にははてなブックマークのボタンは表示されない仕様です。
スライドショーおよびヘッダー画像はブラウザの表示幅を１００％として表示されます。
非レスポンシブ状態の場合は表示高(660px)は決まっているため使用する画像を最適化してください。
※あまりに表示サイズに差がある画像をスライドショーに使用することはデザイン上も無理が生じます。ショートコードのマニュアルページにも注記していますが、ウィジェットエリアで利用するには「テキスト」ウィジェットを利用してください。
該当テーマは、ヘッダーとフッターの間は 背景と中央のコンテナエリア(960px)という構成であり、コンテナエリア内にてすべてのコンテンツ(メインコンテンツ、サイドバー、各ウィジェットエリア)を包括しています。
希望されている構成とは、このような背景とその中の規定幅のコンテナエリアのセットをいくつも連ねることで表示されるものです。
これは根本的にテーマの構造を変える必要があり、汎用的な本テーマ(GRAPHIE)での表示は不可能となります。
ご了承ください。現行では抜粋文を根本的に非表示にするオプションはございません。
テーマファイルを編集せずに非表示にする場合は、CSSで対応してください。
.g_item_desc { display:none; }なお、抜粋文の文字数指定オプションはアップデートにて今後対応致します。
原因はわかりませんが、ソースを確認しますと検索ボタンのソースは Googleカスタム検索 v2 のものではないように思われます。
次回アップデートにて対応しますが、ひとまずは以下のCSSををビジュアル設定の「オリジナルスタイルシート設定」に追加してご対応いただけますでしょうか。
#hd_searchform input.gsc-search-button { max-width:100%; }なお、念のため詳細設定の「サイト一般動作設定」→「Googleカスタム検索設定」の「説明／注意」の項目をお確かめの上、記載の手順に従って再度Googleカスタム検索エンジンを作成し、その検索エンジンIDをご指定ください。
該当のjQueryプラグインでイメージマップをレスポンシブ化する場合であっても、テーマを直接編集する必要はありません。
個別のカスタマイズについては具体的にはサポート致しかねますが、イメージでは以下の要領で可能だと思われます。
●「Responsive Image Maps jQuery Plugin」の読み込み：
これは詳細設定の「HTMLヘッダー設定」→「headタグ内のユーザー定義」に指定すればこのプラグインをscriptタグで読み込めます。
直後に、イメージマップを使う対象を指定して
rwdImageMaps()関数を実行させます。<script type="text/javascript" src="js/jquery.rwdImageMaps.min.js"></script> <script> j$(document).ready(function(e) { j$('img[usemap]').rwdImageMaps(); }); </script>●イメージマップ用のコンテンツを表示：
あとは「コンテナエリア上部」や「メインコンテンツエリア上部」ウィジェットにテキストウィジェットを追加してイメージマップ用のHTMLを記述するだけで実現可能ではないでしょうか。<img src="powerpuff-girls.fw.jpg" width="1024" height="768" usemap="#powerpuffgirls" alt="" /> <map id="powerpuffgirls" name="powerpuffgirls"> <area shape="poly" coords="122,36,281,36,・・・" href="リンク先" title="The Powerpuff Girls" alt="The Powerpuff Girls" /> <area shape="poly" coords="864,668,912,650,・・・" href="リンク先" title="Cartoon Network" alt="Cartoon Network" /> <area shape="poly" coords="1010,298,995,281,・・・" href="リンク先" title="Buttercup" alt="Buttercup" /> <area shape="poly" coords="571,101,563,83,・・・" href="リンク先" title="Blossom" alt="Blossom" /> <area shape="poly" coords="254,286,232,271,・・・" href="リンク先" title="Bubbles" alt="Bubbles" /> </map>トップページのみに任意のウィジェットを表示したい場合は、以下を参考にしてください。
