{"id":5396,"date":"2012-03-28T05:28:30","date_gmt":"2012-03-28T05:28:30","guid":{"rendered":"https:\/\/toolset.com\/documentacion\/guias-de-usuario\/salidas-condicionales-html-en-views\/"},"modified":"2014-10-28T16:05:20","modified_gmt":"2014-10-28T16:05:20","slug":"salidas-condicionales-html-en-views","status":"publish","type":"page","link":"https:\/\/toolset.com\/es\/documentacion\/salidas-condicionales-html-en-views\/","title":{"rendered":"Salidas condicionales HTML en Views"},"content":{"rendered":"

Views le permite controlar la salida HTML basada en el contenido de las entradas. Usted puede implementar funciones complejas que evalúan valores de distintos campos personalizados.<\/strong><\/p>\n

Comencemos con un ejemplo:<\/p>\n

Quiero listar ítems "para hacer" y dejar de lado ítems que ya fueron completados.<\/p>\n\"\"\n

Usted puede ver lo que realmente trato de hacer, esto es, encerrar el título entre etiquetas <del><\/strong> … <\/del><\/strong>.<\/p>\n

Para hacerlo, necesitamos corroborar cuáles ítems "to do" están completos y añadir estas etiquetas en torno a sus títulos, cuando generamos la View (obviamente, no nos referimos a editar el título de la lista y añadir esas etiquetas a la base de datos).<\/p>\n

Edite la View, vaya a la sección de Layout y haga clic para editar el Meta HTML.<\/p>\n

\"\"
Editor de Meta HTML con salida condicional<\/figcaption><\/figure>\n

Este es el segmento meta HTML que hemos usado para producir las etiquetas <del> en torno al título:<\/p>\n

\n{sc{wpv-if completed="wpcf-completed" evaluate="$completed = 1"}sc}<del>{sc{\/wpv-if}sc}\n{sc{wpv-post-title}sc}\n{sc{wpv-if completed="wpcf-completed" evaluate="$completed = 1"}sc}<\/del>{sc{\/wpv-if}sc}\n<\/pre>\n
Los shortcodes wpv-if son la forma que tienen las Views para ejecutar lógica condicional dentro de Views y de Content Templates. He aquí cómo trabajan:<\/p>\n
\n{sc{wpv-if\n\n  arg1="FIELD1_NAME"\n  arg2="FIELD2_NAME"\n  arg3...\n\n  evaluate="EXPRESSION USING ARG1, ARG2, ..."\n\n  condition="true|false" debug="false|true"}sc}\n<conditional-HTML>\n{sc{\/wpv-if}sc}\n<\/pre>\n
Loas argumentos pueden tener el nombre que usted elija. Si puede denominar al primer argumento ‘arg1’, lo usará como $arg1 en la expresión de evaluación.<\/strong><\/p>\n
La condición<\/strong> (default=true) indica el valor esperado de la evaluación. Puede usar valores ‘false’ para visualizar la salida al fallar la función de evaluación. De esta forma puede implementar lógica if\/else.<\/p>\n
La opción debug<\/strong> (depuración) le ayuda a entender qué ocurre. Generará el código de error en caso de haber problemas con el parseo de la expresión en la función de evaluación.<\/p>\n
Dentro de la expresión evaluadora<\/strong> usted puede usar cualquiera de los siguientes operadores:<\/p>\n
    \n
  • Variables definidas como parámetros de shortcode que comienzan con un signo dólar<\/li>\n
  • Números enteros y de coma flotante<\/li>\n
  • Operadores matemáticos: +, -, *, \/<\/li>\n
  • Operadores de comparación: +, -, *, \/<\/li>\n
  • Operadores booleanos: AND, OR, NOT<\/li>\n
  • Expresiones anidadas: varios niveles de paréntesis<\/li>\n
  • función empty() (vacío) que comprueba campos vacíos o inexistentes<\/li>\n<\/ul>\n
    Ejemplos<\/h3>\n
    Evaluar el valor de un campo de cadena de texto<\/h4>\n
    {sc{wpv-if strfield="wpcf-somestrcustomfield" evaluate="$strfield = 'content'"}sc}<\/pre>\n
    Consultar edades mayores que 13 años y color verde<\/h4>\n
    {sc{wpv-if age="wpcf-age" color="wpcf-color" evaluate="($age > 13) AND ($color = 'green')"}sc}<\/pre>\n","protected":false},"excerpt":{"rendered":"
    Views le permite controlar la salida HTML basada en el contenido de las entradas. Usted puede implementar funciones complejas que evalúan valores de distintos campos personalizados. Comencemos con un ejemplo: Quiero listar ítems "para hacer" y dejar de lado ítems que ya fueron completados. Usted puede ver lo que realmente trato de hacer, esto es, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5205,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"documentation-category":[],"class_list":["post-5396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/pages\/5396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/comments?post=5396"}],"version-history":[{"count":19,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/pages\/5396\/revisions"}],"predecessor-version":[{"id":255787,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/pages\/5396\/revisions\/255787"}],"up":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/pages\/5205"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media?parent=5396"}],"wp:term":[{"taxonomy":"documentation-category","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/documentation-category?post=5396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}