Skip to content

Instantly share code, notes, and snippets.

View perezdans's full-sized avatar

Jaime Pérez Dans perezdans

View GitHub Profile
@perezdans
perezdans / add-image-sizes.php
Created March 2, 2021 20:56
Añadir tamaños de imagenes (miniaturas) a WordPress y dar la opción de elegirlas al añadirlas a un post
<?php
function jpd_add_image_sizes() {
add_image_size( 'pw-thumb', 300, 100, true );
add_image_size( 'pw-large', 600, 300, true );
}
add_action( 'init', 'jpd_add_image_sizes' );
function jpd_show_image_sizes($sizes) {
$sizes['pw-thumb'] = __( 'Custom Thumb', 'perezdans' );
$sizes['pw-large'] = __( 'Custom Large', 'perezdans' );
<?php
// 1. Configurar el PATH hacia la nueva carpeta de ACF
function configurar_path_a_acf( $path ) {
// actualizar el path
$path = get_stylesheet_directory() . '/acf/';
return $path;
@perezdans
perezdans / htaccess cambia url login WP
Last active July 7, 2021 07:08
Modificación del htaccess para que no se pueda entrar al WP por las url habituales sino a través de una url personalizada. Debemos cambiar tu_url_personalizada por el nombre que queramos. tudominio.com por tu dominio. tu_clave_secreta por un código aleatorio de números y letras. Sacado de https://ayudawp.com/cambiar-ocultar-url-acceso-wordpress/
# BEGIN Ocultar URL login WP
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^tu_url_personalizada/?$ /wp-login.php?tu_clave_secreta [R,L]
RewriteCond %{HTTP_COOKIE} !^.*wordpress_logged_in_.*$
RewriteRule ^tu_url_personalizada/?$ /wp-login.php?tu_clave_secreta&redirect_to=/wp-admin/ [R,L]
RewriteRule ^tu_url_personalizada/?$ /wp-admin/?tu_clave_secreta [R,L]
RewriteCond %{SCRIPT_FILENAME} !^(.*)admin-ajax\.php
RewriteCond %{HTTP_REFERER} !^(.*)tudominio.com/wp-admin
RewriteCond %{HTTP_REFERER} !^(.*)tudominio.com/wp-login\.php
/* 1. Use a more-intuitive box-sizing model. */
*, *::before, *::after {
box-sizing: border-box;
}
/* 2. Remove default margin */
* {
margin: 0;
}
/* 3. Allow percentage-based heights in the application */
html, body {
@perezdans
perezdans / typewriter.html
Last active March 14, 2022 20:04
Conseguir un efecto de escritura con css
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Tricks & Tips</title>
<meta charset="UTF-8" />
<style>
.typing {
height: 80vh;
display: flex;
align-items: center;
@perezdans
perezdans / tooltip.html
Last active March 14, 2022 20:04
Crear un tooltip con css
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Tricks & Tips</title>
<meta charset="UTF-8" />
<style>
.tooltip {
position: relative;
border-bottom: 1px dotted black;
}
@perezdans
perezdans / checklist.html
Created March 14, 2022 20:04
Crear una lista de tarea con checkbox con css
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Tricks & Tips</title>
<meta charset="UTF-8" />
<style>
.checklist {
padding: 50px;
position: relative;
background: #043b3e;