{"id":14430,"date":"2020-03-24T20:08:51","date_gmt":"2020-03-25T03:08:51","guid":{"rendered":"http:\/\/clartechsolutions.com\/?p=14430"},"modified":"2023-03-01T18:18:10","modified_gmt":"2023-03-01T18:18:10","slug":"mostrar-el-username-en-minuscula-mayuscula-en-la-barra-de-navegacion","status":"publish","type":"post","link":"https:\/\/kiusi.com\/en\/mostrar-el-username-en-minuscula-mayuscula-en-la-barra-de-navegacion\/","title":{"rendered":"Mostrar el Username en Min\u00fascula\/May\u00fascula en la Barra de Navegaci\u00f3n"},"content":{"rendered":"

Muchas veces queremos mostrar el nombre de usuario utilizando la variable de sustituci\u00f3n “APP_USER” y nos encontramos que se muestra siempre en may\u00fasculas.<\/p>\n

Como lo podemos visualizar en este ejemplo:<\/p>\n

\"\"<\/p>\n

A suerte de muchos tenemos una clase CSS que nos permite colocar el username en min\u00fascula en la barra de navegaci\u00f3n.<\/p>\n

Ahora muchos se preguntar\u00e1n de donde sale esta clase y donde debemos colocarla?<\/p>\n

Si inspeccionamos la p\u00e1gina, m\u00e1s concretamente el elemento de lista, con las herramientas web de nuestro navegador, podemos ver lo siguiente:<\/p>\n

\"\"<\/p>\n

No tenemos asignada ninguna clase CSS en el elemento de lista del username.<\/p>\n

Si abrimos el template que usamos para la barra de navegaci\u00f3n “Links Link” podemos ver que tiene tres atributos opcionales:<\/p>\n

#A01# => Badge Value<\/p>\n

#A02# => Link Attributes<\/p>\n

#A03# => List Item CSS Classes<\/p>\n

\"\"<\/p>\n

Veamos el c\u00f3digo del template “List Template Current”<\/p>\n

<li class=\"t-LinksList-item is-current #A03#<\/strong>\"><a href=\"#LINK#\" class=\"t-LinksList-link\" #A02#<\/strong>>\n<span class="t-LinksList-icon"><span class="t-Icon #ICON_CSS_CLASSES#"><\/span><\/span>\n<span class="t-LinksList-label">#TEXT#<\/span><span class="t-LinksList-badge">#A01#<\/strong><\/span><\/a><\/li><\/pre>\n
En la opci\u00f3n #A02# podemos colocar un estilo CSS para el enlace.<\/p>\n
Entonces vamos a ir a nuestra lista de la barra de navegaci\u00f3n en  nuestra aplicaci\u00f3n:<\/p>\n
\"\"<\/p>\n
Hacemos clic en el enlace &APP_USER.<\/strong><\/p>\n
Nos dirigimos a la secci\u00f3n “User Defined Attributes” y en el recuadro 2. List Item CSS Classes ingresamos: has-username<\/strong><\/p>\n
\"\"<\/p>\n
We apply the changes.<\/p>\n
Ejecutamos la aplicaci\u00f3n y podemos ver que el nombre de usuario ahora aparece en min\u00fasculas.<\/p>\n
\"\"<\/p>\n
Volvemos a inspeccionar la p\u00e1gina con la herramienta web, y podemos ver la clase has-username, entonces estamos forzando la min\u00fascula con esta clase CSS:<\/p>\n
\"\"<\/p>\n
La clase has-username es una clase del core del tema Universal 42 referente al NavigationBar.css<\/p>\n
\"\"<\/p>\n
Entonces si queremos mantener el username en may\u00fascula debemos eliminar la clase CSS has-username<\/strong> del atributo #A02# de la entrada de lista, en caso contrario la mantenemos en la entrada de lista deseada.<\/p>\n
Espero esto sea de ayuda!<\/p>","protected":false},"excerpt":{"rendered":"
Muchas veces queremos mostrar el nombre de usuario utilizando la variable de sustituci\u00f3n “APP_USER” y nos encontramos que se muestra siempre en may\u00fasculas. Como lo podemos visualizar en este ejemplo: A suerte de muchos tenemos una clase CSS que nos permite colocar el username en min\u00fascula en la barra de navegaci\u00f3n. Ahora muchos se preguntar\u00e1nContinue reading “Mostrar el Username en Min\u00fascula\/May\u00fascula en la Barra de Navegaci\u00f3n”<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":16531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":true},"categories":[121913,121999],"tags":[122045,122046,122047,122048,122049,122050,122051],"class_list":["post-14430","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex-19-2","tag-app_user","tag-bar-navigation","tag-barra-de-navegacion","tag-mayusculas","tag-minusculas","tag-nombre-de-usuario","tag-username","entry"],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-3KK","amp_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/Destacada-Mostrar-el-Username-en-Minuscula-Mayuscula-en-la-Barra-de-Navegacion.jpg?fit=2949%2C1735&ssl=1","_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=14430"}],"version-history":[{"count":5,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14430\/revisions"}],"predecessor-version":[{"id":16588,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14430\/revisions\/16588"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/16531"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=14430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=14430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=14430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}