うなこ
フォーラムへの返信
-
投稿者投稿
-
うなこモデレーターサイト確認しました。
iframeタグの中に max-width: 100%; とありますが width:100%; に指定すれば幅いっぱいに広がると思います。
いかがでしょうか?
うなこモデレーターLightning Proバージョン: 5.2.2
VK Blocks Pro バージョン 0.37.4わたしの環境もバージョンが同じですが、確認したところ、
VKブロックの中に「フロー」ブロックが問題なく表示されました。うーん、、、
何か他のプラグインが原因なのでしょうか、、?差し支えなければ、現在有効化されているプラグインをひとつづつ停止して、
「フロー」ブロックが表示されるか確認すると原因がわかるかもしれません。あとは、DRILL LANCERさんのおっしゃる通り、 「ステップ」か「タイムライン」ブロックが、画像もテキストも自由に入れれて使い勝手が良いので、こちらのブロックを利用するのも良いと思います。
うなこモデレーター枠線ブロックは最初、背景を白でリリースしていましたが、デザインスキンのJPNSTYLEをデモサイトのように使用した時に背景白ですと、白い部分が浮いてしまうため、透明にしたという背景があります。
デザイン要素サンプル(VK Blocks Pro)しかし添付していただいた画像のような使われ方も、たしかにありますね。。。
以下のcssを追加で「直線 ピン角 タブ」「直線 角丸 タブ」「直線 ピン角 バナー」の
枠線ブロックの背景は白になりますので、よろしければご利用ください。.vk_borderBox .vk_borderBox_body { background-color: #fff; }
うなこモデレーターおそらくですが、リンク先のブログのスラッグ名が日本語なのが原因ではないかなと思います。
差し支えなければ、リンクさせたい記事のスラッグ名を英語表記にして保存していただき、再度キャンペーンテキストのリンク部分に張り付けていただくとうまくいくかなと思います。もしスラック名を変えると不都合がある場合は、こちらのサイトから日本語URLに変換できるようです。
URLエンコード・デコードこちらのサイトへURLを貼っていただき、
「デコードする」を選択して「変換する」ボタンをクリックして、デコードされたURLを張り付けてください。いかがでしょうか?
※もしうまくいかない、そもそもURLが日本語ではない場合はまたこちらへご質問ください。
うなこモデレーターこちらの記事を見つけました。
この記事を書かれた方はConoHa WINGで管理画面にログインできなくなり、
ログイン制限を変更してログインできたようですが、記事にも書かれている通り自己責任となりますので、
それでも大丈夫であれば一度お試ししていただくといいかもしれません。
うなこモデレーターサーバーの設定の問題でしょうか、、、
どちらのサーバーをご利用でしょうか?
うなこモデレーターもしかしたら今後、機能として追加される可能性もありますので、
カテゴリーには薄い色を避けて運用するというのが、一番良いのかもしれません。もしお急ぎの場合は、以下のcss追加でいかがでしょうか?
※○○○の部分にはカテゴリースラッグ名が入ります。.category-○○○ .entry-meta_items_term .btn { color: #222; } <!--投稿リストブロック--> .category-○○○ .vk_post_imgOuter_singleTermLabel { color: #222 !important; }
うなこモデレーター
うなこモデレーター機能としては現在ついていないので、カスタマイズする形になります。
こちらは該当のファイルはわかるのですが、(inc/header-top/package/class-lightning-header-top.php)このファイルは直接触らない方がいいので、フィルターフックとcssで調整すればできそうかなと思います。
phpの知識がいりますので少々お手間ですが、、、
うなこモデレーターおそらく追加されたcssは間違えていないと思います。
透明の背景に透明の影を付けているので、重なり合っているところがボーダーのように見えているようです…ちょっと明確な原因が分からないのですが…
タイトルのh3タグを囲っている .slide-text-set がついているdiv のtransformのX軸とY軸の位置設定でしょうか…?以下のcssを入れるとどうなりますでしょうか…?
.slide-text-set { position: absolute; top: 30%; left: 0; }
-
この返信は4年、 10ヶ月前に
うなこが編集しました。
うなこモデレーターキャプチャありがとうございます。
PRコンテンツは、画像とタイトル+テキストのレイアウトですので、画像が無いと空白ができてしまいます。
以下のCSSで幅を100%にして画像分の空白を消しています。
追加CSSなどに追加してください。いかがでしょうか。↓ウィジェットから設置したPRコンテンツすべてに、以下のcssがかかります。
「widget PRコンテンツタイトル中央揃え」と「widget PRコンテンツテキスト中央揃え」は、必要ない場合は削除してください。/* widget PRコンテンツ幅 */ .widget_vk_widget_pr_content .pr-content-col-text{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* widget PRコンテンツタイトル中央揃え */ .widget_vk_widget_pr_content .pr-content-title{ text-align:center; } /* widget PRコンテンツテキスト中央揃え */ .widget_vk_widget_pr_content .pr-content-col-text{ text-align:center; }
あとは代替案としては、ウィジェットではなくブロックで設置する方法があります。
Outerブロックを全幅で背景画像を設置して、その中に見出しブロック+段落ブロック+ボタンブロックで似たようなレイアウトが可能です。
うなこモデレーター※”画像”は使用せず、”背景”でのみ画像を設定しているのですが、”画像”の”レイアウトの:”画像を左に配置する/右に配置するの設定に影響されてしまっているようです。
文字だけですと、今の状況がすこし想像しずらいので…
もし差し支えなければサイトのURLか、もしくは該当場所の画像のキャプチャを添付していただくとわかりやすいかもしれません。-
この返信は4年、 10ヶ月前に
うなこが編集しました。
うなこモデレーター追加cssか、子テーマでしたら子テーマのcssに以下のcssを追加するといかがでしょうか。
.vk_post:not(.card-horizontal) .vk_post_imgOuter:before { content: ""; display: block; padding-top: 100%; }
※:not指定で、表示タイプが「Card Horizontal」には適応されないようになっております。
うなこモデレーター画像ブロックに左寄せ・右寄せをつけますと、回り込み(float指定)されますので、それが原因だと思います。
対処法としては、カラムブロックなどの中に画像ブロックを配置してください。いかがでしょうか。
うなこモデレーターおはようございます、
VK Blocks Proを最新バージョン(バージョン 0.32.2)に更新すると直ると思いますが、いかがでしょうか? -
この返信は4年、 10ヶ月前に
-
投稿者投稿