WordPress – Puddinq.com

Translated publication date

There are multiple ways to display the publication date above the post and a few ways to translate. One shorthand way is as follows.

/**
 *  Translated publication date 
 **/

echo date_i18n('j F Y', strtotime(get_the_date()));

/**

* Translated publication date

**/

echo date_i18n('j F Y', strtotime(get_the_date()));

Generate sourcemaps in twentynineteen for style.css

If you dived into ‘How to compile WordPress 5.0 twentynineteen sass files you might mis the sourcemaps for the style.css. The sourcemaps are not generated by any of the commands without a small adjustment.

"scripts": {
    "build:style": "node-sass style.scss style.css --source-map true --output-style expanded && postcss -r style.css",
    "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
    "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
    "build:rtl": "rtlcss style.css style-rtl.css",
    "build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
    "build": "run-p \"build:*\"",
    "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
  }

"scripts": {

"build:style": "node-sass style.scss style.css --source-map true --output-style expanded && postcss -r style.css",

"build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",

"build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",

"build:rtl": "rtlcss style.css style-rtl.css",

"build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",

"build": "run-p \"build:*\"",

"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"

}

In the line with build:style you need to add: style.css –source-map, just as done above.

Compile sass in the new twentynineteen theme – WorPress 5.0

WordPress 5.0 is out! and it does not only come with Gutenberg but also with the new theme twentynineteen theme for WordPress. The theme is brilliant in its simplicity but that does not bring much elegance. So what if you want to change the styling? enhance or expand it? How would you start?. There are […]

highlight search terms in search results

To highlight search terms in the search results you can use the code below. Additionaly you will need to give search-highlight some special properties in your style sheet.

// highlight search terms
function highlight_results($text){
    if(is_search()){
        $keys = implode('|', explode(' ', get_search_query()));
        $text = preg_replace('/(' . $keys .')/iu', '<span class="search-highlight">\0</span>', $text);
    }
    return $text;
}
add_filter('the_content', 'highlight_results', 80);
add_filter('the_excerpt', 'highlight_results', 80);
add_filter('the_title', 'highlight_results', 80);

// highlight search terms

function highlight_results($text){

if(is_search()){

$keys = implode('|', explode(' ', get_search_query()));

$text = preg_replace('/(' . $keys .')/iu', '<span class="search-highlight">\0</span>', $text);

}

return $text;

}

add_filter('the_content', 'highlight_results', 80);

add_filter('the_excerpt', 'highlight_results', 80);

add_filter('the_title', 'highlight_results', 80);

Warning: The type attribute is unnecessary for JavaScript resources.

Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118Notice: A non well formed numeric value encountered in /customers/b/b/d/puddinq.com/httpd.www/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

By default WordPress adds scripts by using the type attribute enqueing styles and scripts, the latest html validators throw a warning because this is redundent/ unnecessary Exmaple Here is an example of the default way WordPress includes scripts

// example: overcomplete

<script type='text/javascript' src="scriptsource"></script>

// example: overcomplete

Attachments no comments and no google indexing

If you do not want attachmentpages to be indexed and you do not want comments on them

Checkout: custom date field

In this situation we want a custom field on checkout which has a jQuery Date selector:

/**
 * enqueue jquery datepicker script
 *
 * If is not admin (backend) and the page is 
 * woocommerce checkout add the field
 */

/**

* enqueue jquery datepicker script

* If is not admin (backend) and the page is

* woocommerce checkout add the field

Checkout: give a discount for local pickup

I had to add a discount for local pickup and at first this looked easy. You can set the costs to be a negative amount. But if the subtotal for the order was smaller then the discount, they got the order for free. So I wanted the discount only if the order subtotal was more […]

Track external links with google Analytics – no tagmanager needed

You most likely have the analytics script on your site already. There are a few versions and this one uses the _gaq.push one not the ga(…)

    <script>
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-xxxxxxxxxxx']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = '<?= site_url('analytics.js'); ?>'; // mind you use a valid url
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-xxxxxxxxxxx']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = '<?= site_url('analytics.js'); ?>'; // mind you use a valid url

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

Copyright notice with current year

This line shows a copyright notice with the current year. Add it in your WordPress theme template somwhere.

echo "<span id='copyright'> Copyright &copy; " . date('Y') . " PUDDINQ</span>";

1	echo "<span id='copyright'> Copyright © " . date('Y') . " PUDDINQ</span>";

1 2 3 … 5 Next »