Please let us know in the comments if you find any issues.
Please let us know in the comments if you find any issues.
Please let us know in the comments if you find any issues.
|
document.addEventListener("DOMContentLoaded", function() {
// Función para detectar si usuario está logueado (cookie WordPress)
function isLoggedIn() {
return document.cookie.split(';').some(function(item) {
return item.trim().startsWith('wordpress_logged_in_');
});
}
const guest = document.querySelector(".guest");
const user = document.querySelector(".user");
if (isLoggedIn()) {
// mostrar user, ocultar guest
if(guest) guest.style.display = "none";
if(user) user.style.display = "flex";
// Nombre del usuario usando admin bar (si está visible)
const adminBar = document.querySelector("#wp-admin-bar-my-account .ab-item");
if(adminBar) {
const name = adminBar.textContent.trim();
document.getElementById("username").textContent = name;
}
// Avatar opcional (Gravatar genérico)
document.getElementById("avatar").src = "https://www.gravatar.com/avatar/?d=mp&s=32";
} else {
// usuario no logueado: mostrar guest
if(guest) guest.style.display = "flex";
if(user) user.style.display = "none";
}
});
.btn-logout:hover {
opacity:1;
background:#c9302c;
cursor:pointer;
}
.btn-guest:hover {
opacity:0.85;
}
|
