ビューの各タイトルフィールドにスタイル属性を追加したいと思います。色用に1つのフィールドを作成しました。私はこのように結果を書き直そうとしました:
<h2 style="color: [field_color];">[title_1]</h2>
ただし、style属性は削除されます。 Drupal 7.を使用しています。
助けてくれてありがとう。
次の画面に示すように、スタイル設定を使用して、タイトルフィールドにクラスを設定できます。スタイル設定でトークンの置換を使用して、クラスをタイトルフィールドに設定できます。
小さなjavascriptまたはjqueryを使用して、titleフィールドのクラスを読み取り、 [〜#〜] css [〜#〜] プロパティを使用してクラス名と同じ色を設定します。
このフィールドのtplを作成できます(例:views-view-field-MY-VIEW-NAME-page.tpl.php)。このtplに、次のように記述するトークンを追加できます。
<h2 style="color: <?php print $field->last_tokens['[field_color]'] ?>;"><?php print $field->last_tokens['[title_1]'] ?></h2>
また、特定のフィールドのインラインカラーとしてフィールドの値を含める必要がありました。簡単にカスタマイズできるソリューションを探すためにWebを閲覧したところ、次のようになりました。
hook_preprocess_views_view_field() 関数を次のように書き換えます。
function hook_preprocess_views_view_fields(&$vars) {
$view = $vars['view'];
// Loop through the fields for this view.
$previous_inline = FALSE;
$vars['fields'] = array(); // ensure it's at least an empty array.
foreach ($view->field as $id => $field) {
// render this even if set to exclude so it can be used elsewhere.
$field_output = $view->style_plugin->get_field($view->row_index, $id);
$empty = $field->is_value_empty($field_output, $field->options['empty_zero']);
if (empty($field->options['exclude']) && (!$empty || (empty($field->options['hide_empty']) && empty($vars['options']['hide_empty'])))) {
$object = new stdClass();
$object->handler = & $view->field[$id];
$object->inline = !empty($vars['options']['inline'][$id]);
$object->element_type = $object->handler->element_type(TRUE, !$vars['options']['default_field_elements'], $object->inline);
if ($object->element_type) {
$class = '';
if ($object->handler->options['element_default_classes']) {
$class = 'field-content';
}
if ($classes = $object->handler->element_classes($view->row_index)) {
if ($class) {
$class .= ' ';
}
$class .= $classes;
}
$class_array = explode(' ', $class);
foreach ($class_array as $cid => $candidate) {
// Find the color hex code.
if (preg_match('/([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?\b/', $candidate)) {
$style = 'color:#' . $candidate . ';';
unset($class_array[$cid]);
}
}
$pre = '<' . $object->element_type;
if ($class) {
$pre .= ' class="' . implode(' ', $class_array) . '"';
}
if ($style) {
$pre .= ' style="' . $style . '"';
}
$field_output = $pre . '>' . $field_output . '</' . $object->element_type . '>';
}
// Protect ourself somewhat for backward compatibility. This will prevent
// old templates from producing invalid HTML when no element type is selected.
if (empty($object->element_type)) {
$object->element_type = 'span';
}
$object->content = $field_output;
if (isset($view->field[$id]->field_alias) && isset($vars['row']->{$view->field[$id]->field_alias})) {
$object->raw = $vars['row']->{$view->field[$id]->field_alias};
}
else {
$object->raw = NULL; // make sure it exists to reduce NOTICE
}
if (!empty($vars['options']['separator']) && $previous_inline && $object->inline && $object->content) {
$object->separator = filter_xss_admin($vars['options']['separator']);
}
$object->class = drupal_clean_css_identifier($id);
$previous_inline = $object->inline;
$object->inline_html = $object->handler->element_wrapper_type(TRUE, TRUE);
if ($object->inline_html === '' && $vars['options']['default_field_elements']) {
$object->inline_html = $object->inline ? 'span' : 'div';
}
// Set up the wrapper HTML.
$object->wrapper_prefix = '';
$object->wrapper_suffix = '';
if ($object->inline_html) {
$class = '';
if ($object->handler->options['element_default_classes']) {
$class = "views-field views-field-" . $object->class;
}
if ($classes = $object->handler->element_wrapper_classes($view->row_index)) {
if ($class) {
$class .= ' ';
}
$class .= $classes;
}
$object->wrapper_prefix = '<' . $object->inline_html;
if ($class) {
$object->wrapper_prefix .= ' class="' . $class . '"';
}
$object->wrapper_prefix .= '>';
$object->wrapper_suffix = '</' . $object->inline_html . '>';
}
// Set up the label for the value and the HTML to make it easier
// on the template.
$object->label = check_plain($view->field[$id]->label());
$object->label_html = '';
if ($object->label) {
$object->label_html .= $object->label;
if ($object->handler->options['element_label_colon']) {
$object->label_html .= ': ';
}
$object->element_label_type = $object->handler->element_label_type(TRUE, !$vars['options']['default_field_elements']);
if ($object->element_label_type) {
$class = '';
if ($object->handler->options['element_default_classes']) {
$class = 'views-label views-label-' . $object->class;
}
$element_label_class = $object->handler->element_label_classes($view->row_index);
if ($element_label_class) {
if ($class) {
$class .= ' ';
}
$class .= $element_label_class;
}
$pre = '<' . $object->element_label_type;
if ($class) {
$pre .= ' class="' . $class . '"';
}
$pre .= '>';
$object->label_html = $pre . $object->label_html . '</' . $object->element_label_type . '>';
}
}
$vars['fields'][$id] = $object;
}
}
}
ご覧のとおり、次の行を追加しました。
$style = '';
$class_array = explode(' ', $class);
foreach ($class_array as $cid => $candidate) {
// Find the color hex code.
if (preg_match('/([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?\b/', $candidate)) {
$style = 'color:#' . $candidate . ';';
unset($class_array[$cid]);
}
}
以下の行を変更します。
$pre = '<' . $object->element_type;
if ($class) {
$pre .= ' class="' . implode(' ', $class_array) . '"';
}
if ($style) {
$pre .= ' style="' . $style . '"';
}
私が見つけた最も簡単な解決策は、値をデータ属性として挿入することでした。次に、JavaScriptでデータフィールドから値を取得し、CSSを更新して変更を反映します。
私はこれと同じ問題を抱えており、
views-view-field--field_name_here.tpl.php
私の場合、必要なHTMLの作成に使用したコードは次のとおりです。
<?php
$bg_color = $variables["row"]->field_field_button_background_color[0]["raw"]["rgb"];
$link_title = $variables["row"]->field_field_slideshow_item_cta_link[0]["raw"]["title"];
$link_url = $variables["row"]->field_field_slideshow_item_cta_link[0]["raw"]["url"];
echo '<a style="background-color:'.$bg_color.'" href="'.$link_url.'">'.$link_title.'</a>';
Develモジュールを有効にして使用する
dpm($row);
テンプレートファイルで非常に役に立ちました。それなしではこれを理解できなかったでしょう。
私は似たようなものを作っているだけで、これが私がやったことです:
1-色とタイトルのフィールドを持つビューを作成します。
2-そのビューのカスタム「views-view-fields.tpl」を作成します。 (カラーフィールド専用のカスタムテンプレートで、エラーが表示されました)
3- field->content
行で、必要なものを追加/置換します。..<h2 style="color: #<?php print $field->content; ?>">
/// /今後はテストしませんでしたが、問題なく動作するはずです/// /
4-タイトルフィールドを除外し、ヘッダー/グループに表示します
5-そのビューのカスタム「views-view-unformatted.tpl」を作成します。
6-このビューでは、<?php print $title; ?></h2>
の後に<?php print $row; ?>
を追加します。 (タイトルを追加し、最初のテンプレートで開いたHタグを閉じます)
ビューPHP=を使用するだけで、必要なものをすべて印刷できます。スタイルはフィルタリングされません。
提案されたフィールドanilに名前を追加し、テーマフォルダーのstyle.cssを開き、「。my-css-name」と入力してから、次のような目的のcss結果を入力します。
.my-css-name {color:red;背景:緑; }