Cómo quitar el área restringida para entrar en WordPress de Digital Ocean (y otros)

Hace un par de días instalé un par de sitios WordPress en mi nuevo servidor en Digital Ocean via “One-click WordPress installation”. Cuando quise entrar en el admin me muestra una ventana de “Restricted Area” que me pide usuario y contraseña.

Vale. Intento con la información del servidor y no funciona, con la info de mi cuenta de administrador que acabo de configurar y tampoco. Bueno, ya se está poniendo fastidioso esto.

Entro en mi servidor via SSH aparece la información: tengo que poner una clave diferente que me muestra en el servidor para poder entrar en el administrador. Viva la seguridad! pero esto muy poco práctico.

Bueno, ya logre entrar, instalé un tema, un par de plugins y todo bien. Luego cuando vuelvo a entrar vuelve la misma ventana del amor. AAAaaaarrrgghhh! no de nuevo!

Cómo quito la P*** ventana!?

En verdad es bastante sencillo según el artículo de Digital Ocean (https://www.digitalocean.com/community/tutorials/one-click-install-wordpress-on-ubuntu-14-04-with-digitalocean)

1. Entra en tu servidor via SSH.

Sólo como recordatorio entras desde tu terminal

$ ssh root@<el IP de tu servidor>

 

2. Actualiza la configuración de Apache

Edita el archivo de configuración de Apache usando nano:

nano /etc/apache2/apache2.conf

Dentro del archivo buscas la sección que maneja “/wp-admin/” que se ve mas o menos así:

<DirectoryMatch ^.*/wp-admin/>
    AuthType Basic
    AuthName "Please login to your droplet via SSH for login details."
    AuthUserFile /etc/apache2/.htpasswd
    Require valid-user
</DirectoryMatch>

3. Comenta la sección de /wp-admin/

Para comentar solo tienes que agregar el símbolo de numeral (#) antes de cada línea así:

#<DirectoryMatch ^.*/wp-admin/>
#    AuthType Basic
#    AuthName "Please login to your droplet via SSH for login details."
#    AuthUserFile /etc/apache2/.htpasswd
#    Require valid-user
#</DirectoryMatch>

Cerrar y guardar.

4. Reinicia Apache

Para ver los cambios vas a tener que reiniciar Apache así:

service apache2 restart

Ahora si vas a poder entrar en el administrador /wp-admin/ sin tener que poner tus datos.

Alinear verticalmente centrado divs con jQuery

Este pequeño plugin de jQuery sirve para alinear verticalmente casi cualquier elemento cuando no quieres determinar la altura exacta del contenedor.

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
    return this.each(function(i){
    var ah = $(this).height();
    var ph = $(this).parent().height();
    var mh = Math.ceil((ph-ah) / 2);
    $(this).css('margin-top', mh);
    });
};
})(jQuery);

Para usar el código solo tienes que agregar la clase o identificador como: $('.classname').vAlign(); o $('#image').vAlign(); – Esto tiene que suceder una vez que el documento haya cargado así que tiene que estar dentro de $(document).ready(function(){})

Gracias a ATOMIKU.COM que lo escribió en ingles: Simple jQuery plugin for vertically centering

¿Cómo configurar MySQL para que se encienda luego de un boot del servidor?

Mi servidor de DigitalOcean.com ha estado funcionando bien, pero cada cierto tiempo había tenido que reiniciar MySQL que parecía que no lo hacía automáticamente.

Luego de mucho buscar, encontré que la solución está en la configuración de una recuperación de sistema.

Para resolverlo

Pasos:
1) entras por consola a tu servidor
2) descargas el instalador para manejar procesos visuales apt-get install sysv-rc-conf
3) corres sysv-rc-conf
4) seleccionas los numeros del 2 al 5numeros-mysql
5) listo

Mac OSX 10.10 Yosemite pagina de forbidden en instalación local

Cambiando la configuración local de virtual hosts para el Mac OSX 10.10 me topé con un 403 forbidden que parece de permisos, pero resulta que es una configuración del Apache.

Tienes que editar este archivo /etc/apache2/httpd.conf

Y buscas el Require all que es lo que no permite acceso a los directorios

# 
# Deny access to the entirety of your server's filesystem. You must
# explicitly permit access to web content directories in other
# <Directory> blocks below.
# 
<Directory />
    AllowOverride none
    Require all denied
</Directory>

Solo tienes que comentarlo (quizas en un futuro no quieras ver tus propios archivos)

# 
# Deny access to the entirety of your server's filesystem. You must
# explicitly permit access to web content directories in other
# <Directory> blocks below.
# 
<Directory />
    AllowOverride none
    #Require all denied
</Directory>

Y resetear apache.

sudo apachectl graceful

Presto!

Resuelto: Safari no muestra el poster del video html5

Safari (y al parecer los móviles también) no muestran el poster del video que sirve como referencia de los videos.
Usando css podemos usar la misma imagen del poster para que se muestre detrás del video y lograr el mismo efecto.

<div class="contenido">
	<div class="contenedor_video">
		<video poster="poster-del-video.jpg" controls>
				<source src="el-video.mp4" type="video/mp4">
				Tu explorador no soporta la etiqueta de video.
		</video>	
	</div>
</div>
.contenedor {
	position: relative;
}

.contenedor_video video {
	width: 650px;
	height: 365px;
	position: relative;
	top:0;
	left:0;
	z-index: 2;
}

.contenedor_video::before {
	background: transparent url('poster-del-video.jpg') no-repeat top left;
	width: 650px;
	height: 365px;
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 6px;
	left: 8px;
}

Puedes verlo en codepen.io

Solucionado: Error 403 en WordPress con el .htaccess

Luego de instalar el plugin que me iba a solucionar todos los problemas me encuentro con que el ambiente local que tengo instalado en mi maquina me da el error.

Forbidden 403 Error You don’t have permission to access

Luego de revisar los privilegios de las carpetas y ver que todo estaba en orden y que no solucionaba nada, recordé que a veces los plugins se meten con los .htaccess y rompen las redirecciones.

La solución: Agregar Options +FollowSymLinks al .htaccess en la base de mi instalación WordPress.

El código base quedaría así:

Options +FollowSymLinks

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

# END WordPress

Cómo activar los dominios locales de Virtual Hosts en Mavericks Mac OS X 10.9

Estaba agregando un nuevo dominio/carpeta en los virtual hosts para un nuevo proyecto y ningun browser me mostraba la dirección local (prueba.dev).

Resulta que hay limpiar en tres lugares diferentes: Limpiar el caché de los DNS (con dscacheutil), reiniciar el servicio de DNS local (mDNSResponder) y reiniciar apache para que todo sirva.

Y se puede resolver con una sola línea en el terminal.

sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder; sudo apachectl restart

Realmente ayuda mucho cuando estas trabajando en ambiente local en tu maquina.

Las soluciones web pegadas a la pared