|
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;
}
|
