Skip to content

Instantly share code, notes, and snippets.

Avatar

Felicia Ceballos-Marroquin feliciaceballos

View GitHub Profile
@feliciaceballos
feliciaceballos / index.php
Created Apr 10, 2019
Basic WordPress Loop
View index.php
<?php
get_header();
if (have_posts()) :
while (have_posts()) :
the_post(); ?>
<h1><?php the_title() ;?></h1>
<?php
the_post_thumbnail( 'featured-large' );
the_content();
@feliciaceballos
feliciaceballos / functions.php
Last active Apr 10, 2019
Add custom sizes in WordPress
View functions.php
<?php
// First we'll add support for featured images
add_theme_support( 'post-thumbnails' );
// Then we'll add our 2 custom images
add_image_size( 'featured-large', 1600, 400, true );
add_image_size( 'blog-width', 800, 600 );
// And then we'll add the custom size that spans the width of the blog to the Gutenberg image dropdown
add_filter( 'image_size_names_choose', 'wpmudev_custom_image_sizes' );
@feliciaceballos
feliciaceballos / functions.php
Last active Apr 10, 2019
Add Custom Images Sizes to Gutenberg Image Block
View functions.php
<?php
add_filter( 'image_size_names_choose','wpmudev_custom_image_sizes' );
function wpmudev_custom_image_sizes( $sizes ) {
return array_merge( $sizes, array(
//Add your custom sizes here
'custom-image-square' => __( 'Square' ),
'blog-width' => __( 'Blog Content Full Width' ),
@feliciaceballos
feliciaceballos / retina-wordpress.html
Last active Nov 30, 2019
Responsive WordPress Retina Images
View retina-wordpress.html
<picture>
<source
media="(min-width: 900px)"
srcset="large-image_1x.jpeg 1x, large-image_retina.jpeg 2x"
type="image/jpeg >
<source
media="(min-width: 601px)"
srcset="medium-image_1x.webp 1x, medium-image_retina.jpeg 2x"
type="image/jpeg" >
<source
@feliciaceballos
feliciaceballos / functions.php
Created Mar 12, 2019
WordPress Login Page redirect to Home Page
View functions.php
<?php
//remove <?php when you paste inside your functions.php file
function admin_login_redirect( $redirect_to, $request, $user ) {
global $user;
if( isset( $user->roles ) && is_array( $user->roles ) ) {
if( in_array( "administrator", $user->roles ) ) {
return $redirect_to;
}
@feliciaceballos
feliciaceballos / functions.php
Created Mar 12, 2019
WordPress Login Page Override Error Message
View functions.php
<?php
//remove <?php when you paste into your functions.php file
function login_error_override()
{
return 'Incorrect login details.';
}
add_filter('login_errors', 'login_error_override');
@feliciaceballos
feliciaceballos / style-login.css
Created Mar 12, 2019
WordPress Login Page Change WordPress logo
View style-login.css
body.login div#login h1 a {
background-image: url('login-logo.png');
}
@feliciaceballos
feliciaceballos / style-login.css
Created Mar 12, 2019
WordPress hide lost password link on login page
View style-login.css
body.login div#login p#nav {
display: none;
}
@feliciaceballos
feliciaceballos / style-login.css
Last active Mar 12, 2019
Customize WordPress Login Page Button
View style-login.css
body.login div#login form#loginform p.submit input#wp-submit {
background-color:#17a8e3 !important;
color: #ffffff;
border: 1px solid #0d9ed9;
margin: 10px 10px 10px 10px;
}
@feliciaceballos
feliciaceballos / login-style.css
Last active Mar 12, 2019
Customize the login label
View login-style.css
body.login div#login form#loginform input {
font-size: 15px;
color: #555555;
}