フォーラムへの返信
-
投稿
-
添付画像の通り、掲載コンテンツには 1ピクセル四方の画像が混入しています。
これはCSSで非表示(display:none など)にしておいてください。また、Matureテーマでは記事内の画像には枠用の装飾として4pxの余白(padding)と1pxのボーダー(border)が付きます。
つまり記事内に 300px幅の画像がある場合は、実際の表示幅は 310pxになります。これら2つが原因で該当のCSSを指定しても表示幅を超えるため、回り込みができていません。
掲載されている広告自体に画像が含まれるため、掲載される広告の画像にはCSSで padding と border を 0 にしてください。
テーマ自体に関する要件ではないため、詳細のサポートは致しかねますが、広告タグの画像に専用のclassを付与し、「オリジナルスタイルシート設定」にその class(セレクタ)について
padding:0;
border:0;を指定したCSSを追加するか、広告内の img タグに style 属性にて上記のCSSをインラインにて直接指定するなどしてください。
該当サイトでは以下のJavascriptエラーが発生しています。
Uncaught TypeError: Cannot read property ‘msie’ of undefinedこのエラーの発生元は「Table of Contents Plus」プラグインの “front.js” というJavascriptですので、根本的な原因はDigiPressではなく該当プラグイン側にあります。
この “front.js” 内で利用されているブラウザ判定のための “msie” というプロパティは古いバージョンの jQuery でしか動作しないために発生しています。
●参考:http://memo.choimemo.net/?p=587
DigiPressでは、標準では Google CDN(コンテンツデリバリネットワーク)サーバー上にある最新の jQueryバージョンを常にロードする仕様となっています。
旧バージョンの仕様のプロパティ(msie)を使用している “front.js” 側が本来は修正されるべきですが、DigiPress側で回避する場合はDigiPressの Google CDN上の最新のjQueryを読み込む仕様を既定(WordPressに組み込まれているそのバージョン時点でのjQuery)に変更してください。
具体的には「詳細設定」→「サイト一般動作設定」→「標準化設定」の “圧縮済みのjQueryをGoogleから読み込む” オプションを解除してください。
直接の原因は不明ですが、該当サイトのテーマのバージョンが古すぎます(1.0.1.7)。
全体的に挙動もかなり疑問点が多いため、まずは最新版にアップデートしてください。2014/7/11以前に購入された場合は以下の案内に従ってアップデートを行ってください。
https://digipress.info/members/news-for-users/how-to-update-to-new-licensed-theme/また、サイドバーはインストール当初から何も変更されていないように思われます。
何らかのウィジェットを追加してください。２．モバイルのトップページから記事ページに移行するリンクがないPC(通常テーマ)でも「トップページ下部」に記事を表示するようにされていません。
「トップページ下部」のコンテンツを有効にしてください。以下オンラインドキュメントを参考に対象のCSSの要素を確認し、オリジナルCSSに任意の定義を追加してください。
メインコンテンツ部分は
.content、サイドバーは#sidebarのセレクタにCSSを定義してください。オリジナルCSSに以下を追加してください。
.entry a img:hover,.comment div a img:hover,.dp_related_posts_vertical img:hover,.dp_related_posts_horizontal img:hover,.flip-hover-greyscale{ -webkit-filter:none; -moz-filter:none; -o-filter:none; filter:none; }DigiPressではなくWordPress標準の「最近の投稿」ウィジェットや他の記事一覧表示用のウィジェットではどう表示されるかは確認されたのでしょうか。
その他、DigiPress以外のテーマでは正常に表示されるかも確認し、テーマの問題を切り分けてください。なお、プラグインの関連は予測で判断せず、実際にすべて無効化して状況を確認してください。
また、確認のため対象サイトのURLもご提示ください。
モバイルテーマでは “mb-theme” というCSSクラスがbodyにセットされます。
擬似セレクタ(:not)を利用し、このセレクタを持たない場合に反映させるCSSを定義してください。具体的には以下を例に「オリジナルスタイルシート設定」にCSSを追記してください。
body:not(.mb-theme) header .hd-bn-h2 { font-size:80px; }http://trip-earth.com/page-1422/
での本文のスライドショーは表示も出力されているコードもこちらでは問題なく表示されているようですが、キャッシュの問題でないかお確かめください。以下のように各ショートコードを改行してご確認ください。
[dpslideshow showpagenavi=false showtime=2500 transitiontime=1000] [dpslide imgurl="http://trip-earth.com/wp-content/uploads/2014/06/綺麗な夜景2.png" alt="絶景" caption="テスト１枚目"][/dpslide] [dpslide imgurl="http://trip-earth.com/wp-content/uploads/2014/06/綺麗な夜景1.png" alt="絶景" caption="テスト２枚目"][/dpslide] [dpslide imgurl="http://trip-earth.com/wp-content/uploads/2014/06/綺麗な夜景4.png" alt="絶景" caption="テスト３枚目"][/dpslide] [/dpslideshow]
