Skip to content

Instantly share code, notes, and snippets.

Avatar

Felicia Ceballos-Marroquin feliciaceballos

View GitHub Profile
@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 / 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
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 / 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 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 / functions.php
Created Mar 11, 2019
Add custom stylesheet to WordPress Login Page
View functions.php
<?php
//If you're using this in your functions.php file, remove the opening <?php
//Replace style-login.css with the name of your custom CSS file
function my_custom_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/style-login.css' );
}
//This loads the function above on the login page
add_action( 'login_enqueue_scripts', 'my_custom_login_stylesheet' );
@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 / custom_login_page.php
Last active Mar 12, 2019
Removes the "Back to" Link from WordPress Login Page
View custom_login_page.php
<?php
//Here's my custom CSS that removes the back link in a function
function my_login_page_remove_back_to_link() { ?>
<style type="text/css">
body.login div#login p#backtoblog {
display: none;
}
</style>
<?php }