Gabriela Carral gabydevdev

## gitignore-for-wordpress-theme
# ignore everything in the root except the "wp-content" directory.
/*
!wp-content/

# ignore everything in the "wp-content" directory, except the themes directories
wp-content/*
!wp-content/themes/

# ignore all mu-plugins, plugins, and themes
# unless explicitly whitelisted at the end of this file

## primary_category.php
<?php
/**
 * Get the Yoast primary category from its post meta value, and displays it, with HTML markup.
 * If there is no primary category set, it displays the first assigned category.
 *
 * @param boolean $useCatLink Whether to link the category, if it exists
 * @return void
 */
function yourtheme_display_yoast_primary_category( $useCatLink = true ) {

## inline-svg-function.scss
// set svg d path used as fallback (star)
$svg-d-path: 'm25,1l6,17l18,0l-14,11l5,17l-15,-10l-15,10l5,-17l-14,-11l18,0l6,-17z' !default;

// functions to urlencode the svg string
@function str-replace($string, $search, $replace: '') {
  $index: str-index($string, $search);
  @if $index {
    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
  }
  @return $string;

## schema-org-structured-data-markup-using-microdata.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Site Title</title>

    <link rel="stylesheet" href="/assets/css/style.min.css">

## .gitignore
# -----------------------------------------------------------------
# .gitignore for WordPress
# Bare Minimum Git
# Originaly from http://ironco.de/bare-minimum-git/
# ver 20150130
#
# This file is tailored for a WordPress project
# using the default directory structure
#
# This file specifies intentionally untracked files to ignore

## README.md

      
              2 files
            
          
              123 forks
            
          
                32 comments
              
            
              503 stars
            
          
                jonathantneal
                / README.md
            
            
              Last active
              June 2, 2025 07:21
            
              
                SASS @font-face mixin
              
          
    Font Face

A mixin for writing @font-face rules in SASS.
Usage

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.
@include font-face(Samplino, fonts/Samplino);

  
## functions.php
<?php
// This is the cleaner code per request of a thread in the LinkedIn group "WordPress"

// ...

// register and enqueue loadCSS
function load_scripts_and_styles() {

    // register loadCSS
    wp_register_script( 'load-css-async', get_stylesheet_directory_uri() . '/path/to/js/loadCSS.js', array(), '', false );

## Medium_CSS_Style_Guide.md

      
              1 file
            
          
              5 forks
            
          
                0 comments
              
            
              26 stars
            
          
                cuibonobo
                / Medium_CSS_Style_Guide.md
            
            
              Last active
              December 18, 2020 20:53
                — forked from fat/gist:a47b882eb5f84293c4ed
            
              
                CSS style guide for Medium.com. Lifted from here: https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
              
          
    LESS Coding Guidelines

Medium uses a strict subset of LESS for style generation. This subset includes variables and mixins, but nothing else (no nesting, etc.).
Medium's naming conventions are adapted from the work being done in the SUIT CSS framework. Which is to say, it relies on structured class names and meaningful hyphens (i.e., not using hyphens merely to separate words). This is to help work around the current limits of applying CSS to the DOM (i.e., the lack of style encapsulation) and to better communicate the relationships between classes.
Table of contents

JavaScript


## .gitignore
# -----------------------------------------------------------------
# .gitignore for WordPress
# Bare Minimum Git
# http://ironco.de/bare-minimum-git/
# ver 20150227
#
# This file is tailored for a WordPress project
# using the default directory structure
#
# This file specifies intentionally untracked files to ignore

## functions.php
<?php

add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );

/**
 * Example callback function that demonstrates how to properly enqueue conditional stylesheets in WordPress for IE.
 * IE10 and up does not support conditional comments in standards mode.
 *
 * @uses wp_style_add_data() WordPress function to add the conditional data.
 * @link https://developer.wordpress.org/reference/functions/wp_style_add_data/
	# ignore everything in the root except the "wp-content" directory.
	/*
	!wp-content/

	# ignore everything in the "wp-content" directory, except the themes directories
	wp-content/*
	!wp-content/themes/

	# ignore all mu-plugins, plugins, and themes
	# unless explicitly whitelisted at the end of this file
	<?php
	/**
	* Get the Yoast primary category from its post meta value, and displays it, with HTML markup.
	* If there is no primary category set, it displays the first assigned category.
	*
	* @param boolean $useCatLink Whether to link the category, if it exists
	* @return void
	*/
	function yourtheme_display_yoast_primary_category( $useCatLink = true ) {
	// set svg d path used as fallback (star)
	$svg-d-path: 'm25,1l6,17l18,0l-14,11l5,17l-15,-10l-15,10l5,-17l-14,-11l18,0l6,-17z' !default;

	// functions to urlencode the svg string
	@function str-replace($string, $search, $replace: '') {
	$index: str-index($string, $search);
	@if $index {
	@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
	}
	@return $string;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
	<title>Site Title</title>

	<link rel="stylesheet" href="/assets/css/style.min.css">
	# -----------------------------------------------------------------
	# .gitignore for WordPress
	# Bare Minimum Git
	# Originaly from http://ironco.de/bare-minimum-git/
	# ver 20150130
	#
	# This file is tailored for a WordPress project
	# using the default directory structure
	#
	# This file specifies intentionally untracked files to ignore
	<?php
	// This is the cleaner code per request of a thread in the LinkedIn group "WordPress"

	// ...

	// register and enqueue loadCSS
	function load_scripts_and_styles() {

	// register loadCSS
	wp_register_script( 'load-css-async', get_stylesheet_directory_uri() . '/path/to/js/loadCSS.js', array(), '', false );
	<?php

	add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );

	/**
	* Example callback function that demonstrates how to properly enqueue conditional stylesheets in WordPress for IE.
	* IE10 and up does not support conditional comments in standards mode.
	*
	* @uses wp_style_add_data() WordPress function to add the conditional data.
	* @link https://developer.wordpress.org/reference/functions/wp_style_add_data/