Tag: Wordpress

https://bajaasnefinformacionoficial.com

bajaasnefinformacionoficial.com es un servicio que ofrece información a las personas que están en los ficheros de morosidad tipo ASNEF (para particulares); ASNEF Empresas (que registra personas jurídicas); Experian (también conocida como Badexcug); Cirbe (que es un registro central de riesgos) y el RAI (que incluye en su lista sociedades que contraen deudas con entidades bancarias o mercantiles).

Diseño y Programación de la Página Web

El diseño y desarrollo del frontend se ha hecho con WordPress y  mediante API Rest se comunica con un backend hecho con Laravel para guardar datos y el envío de correos tanto al cliente como al administrador.

El servicio incluye la gestión de datos a través de una página de administración privada.

Página web Bajaasnefinformacionoficial.com

Redirigir página WordPress a HTTPS

En WordPress existen 3 formas en las que se puede realizar la redirección de nuestra web al nombre de dominio que deseemos.

Esto con frecuencia se hace debido a la necesidad de habilitar la forma segura de mostrar nuestro dominio mediante HTTPS.

La mejor forma de hacerlo es modificando el archivo wpconfig.php porque así te evitas modificar la base de datos y que tengas un error de acceso a tu zona de administración.

En mi opinión creo que se debería hacer una combinación utilizando la primera o la segunda opción y la tercera opción, para asegurarnos que todas las páginas son redirigidas.

WpConfig.php

Editar wpconfig.php y añadir estas dos líneas con el nombre de dominio al que queremos redirigir.

define('WP_HOME','https://example.com');
define('WP_SITEURL','https://example.com');

WordPress Admin

Entrar a Configuración ó Settings -> General

Site Address (URL): https://example.com

WordPress Address (URL):’https://example.com

.Htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# BEGIN WordPress
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

WooCommerce My Account CSS

Es la primera vez que trabajo con WooCommerce. Hoy en día es la herramienta más completa a la hora de realizar una web de compras con WordPress. Es complejo pero tienes muchas utilidades y un sin fin de opciones.

En este caso se encuentra instalado como parte de un template llamado EduGate que se utiliza ofrecer cursos educacionales online. Es un template muy completo pero, como todos los templates, hay que dedicar tiempo a dejar un diseño limpio y dejar bien configurados los valores por defecto.

A la hora de configurar la visualización de la zona de usuarios me he encontrado con esto:

No sé si es algo habitual, pero buscando por internet WooCommerce My Account Css me he encontrado gente con el mismo problema.

Encontré un CSS que se adaptaba a lo que buscaba que era simplemente crear un menú de navegación sencillo. Le he dado otro aire y he añadido unas cuantas modificaciones más para poder visualizar de mejor manera el menú:

Mucho más descente para mi gusto 😉

Aquí dejo el CSS:


.section-padding {padding: 10px 0;}
@media only screen and (min-width: 769px) {
.woocommerce-account .woocommerce-MyAccount-navigation {width: 22%;}
.woocommerce-account .woocommerce-MyAccount-content {width: 75%;}
}
nav.woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding-left: 0;
font-size: 1em;
line-height: 26px;
float:left;
width:100%;
margin:25px auto;
}
nav.woocommerce-MyAccount-navigation ul li {
padding: 8px 20px;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(0,0,0,0.05);
float:left;
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: rgba(0,0,0,0.8); cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
background-color: rgba(0,0,0,0.07);
}
.woocommerce .woocommerce-error, .sw-woocommerce .woocommerce-message, .woocommerce .woocommerce-message, .sw-woocommerce .woocommerce-error, .sw-woocommerce .woocommerce-info, .woocommerce .woocommerce-info{
float: left;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
left: 0.5em;
}