With
フォーラムへの返信
-
投稿
-
Advanced Editor Tools (旧名 TinyMCE Advanced)プラグイン
の表示設定で「フォントサイズ」をドラッグ&ドロップで
追加設定しても編集画面に「フォントサイズ」項目が出てきません。
↓↓
以下のCSSを追加CSSに挿入することで解決しました。
誠にありがとうございます。table td, table th {
font-size: var(–vk-size-text);
}
又はtable td, table th {
font-size: 19px;
}誠にありがとうございます。
まずは、Advanced Editor Tools (旧名 TinyMCE Advanced)プラグイン
の設定で「フォントサイズ」項目を設定しても表示されませんでした。
VKで何か影響しているからでしょうか。有効にして確認しましたが今も非表示のままです。
石川様
誠にありがとうございます。画像を添付させて頂きます。
クラシック上部「段落」の並びに
「フォント」項目があればフォントを自由に変更できると思っておりました。
※CSSを書かなくて良い。以下の「CSSクラスを指定した場所だけに効くようにする」を読んでいます。
例では段落に効かせる内容になっておりますが
テーブルではどのようにタグを打ち込めばよいのでしょうか。
試しているのですが、
テーブル内のフォントだけに効かせる方法が分かりません。以下は「4.テーブルレスポンシ」のhtmlになります。
<table class=”tbl-r05″>
<tbody>
<tr class=”thead”>
<th> </th>
<th>デザイン</th>
<th>コーディング</th>
<th>その他費用</th>
<th>小計</th>
</tr>
<tr>
<td>ディレクション</td>
<td data-label=”デザイン”>–</td>
<td data-label=”コーディング”>–</td>
<td data-label=”その他”>
<p>￥100,000</p>
</td>
<td data-label=”合計”>
<p>￥100,000</p>
</td>
</tr>
<tr>
<td>トップページ</td>
<td data-label=”デザイン”>
<p>￥70,000</p>
</td>
<td data-label=”コーディング”>
<p>￥30,000</p>
</td>
<td data-label=”その他”>–</td>
<td data-label=”合計”>
<p>￥100,000</p>
</td>
</tr>
<tr>
<td>下層ページ</td>
<td data-label=”デザイン”>
<p>￥20,000</p>
</td>
<td data-label=”コーディング”>
<p>￥10,000</p>
</td>
<td data-label=”その他”>–</td>
<td data-label=”合計”>
<p>￥30,000</p>
</td>
</tr>
<tr class=”last”>
<td>お問合せフォーム</td>
<td data-label=”デザイン”>–</td>
<td data-label=”コーディング”>
<p>￥20,000</p>
</td>
<td data-label=”その他”>–</td>
<td data-label=”合計”>
<p>￥20,000</p>
</td>
</tr>
</tbody>
</table>うなこ様
ご連絡を頂き、誠にありがとうございます。「Flexible Table Block」を実際に見せて頂きました。
スマートフォンで1段のレスポンシブデザインになるのか
確認しましたが最初の1行のみでしたので
弊社の制作したレイアウトにすること自体難しいと思います。
1段といっても、かなり複雑に絡んでいますので
カスタマイズすることはやはり難しいですね。既存レイアウトは問題ないので
文字の大きさだけのことでしたので。うなこ様
ご連絡を頂き、誠にありがとうございます。非表示設定で同様の動作が出来ました。
丁寧にご説明を頂き、感謝いたします。
このような方法があったのですね。
とてもうれしいです。
さらなる可能性を発見した感じです。対馬様、うなこ様、
誠にありがとうございました。該当URLのサイトでは、
* 4枚のスライダーブロック
* 2枚のスライダーブロック
の2つを作って、ブロックの非表示設定を使って画面サイズによって出し分けています。
/////////////////////////////////////////ご連絡を頂き、誠にありがとうございます。
該当URLのサイトでは7枚の画像を使用しておりました。該当URLのサイトの挙動同様にするには
どうすれば良いのか以上の操作で検証しております。スライダーブロックをそのまま２つ作成すると
２段で表示されてしまいます。非表示設定は
非表示 ( 画面サイズ : xs )を有効
小さいサイズにすると非表示になります。非表示設定はどのような場合に
使用する機能なのでしょうか。
利用方法が分からないので利用しておりませんでした。どうぞ宜しくお願いします。
追記あり：
「べた塗り」の時も同じ症状がでます。VKボタンのボタンスタイル：べた塗り
カスタムカラー：白
アイコン ( Font Awesome )、
文字が全て真っ白で表示されます。「べた塗り」「背景なし」どちらも
カスタムカラー：白が
使用できると助かります。どうぞ宜しくお願いします。
「カスタムカラーからキーカラーを選択して更新していただけますと、キーカラーに変わるかなと思います。」
こちらも既に試したのですが枠に色が付くだけで
カーソルを合わせても色が反転しません。primaryはクリックすると
中の色が反転します。（編集画面上）
