摘自: https://www.barrykooij.com/display-hooks-run-page/
<
iframe src=\”https://www.barrykooij.com/display-hooks-run-page/\” class=\”iframe-full-content\”>
<!–
window._wpemojiSettings = {\”baseUrl\”:\”https:\\/\\/s.w.org\\/images\\/core\\/emoji\\/2.4\\/72×72\\/\”,\”ext\”:\”.png\”,\”svgUrl\”:\”https:\\/\\/s.w.org\\/images\\/core\\/emoji\\/2.4\\/svg\\/\”,\”svgExt\”:\”.svg\”,\”source\”:{\”concatemoji\”:\”https:\\/\\/www.barrykooij.com\\/wp-includes\\/js\\/wp-emoji-release.min.js?ver=4.9.6\”}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline=\”top\”,l.font=\”600 32px Arial\”,a){case\”flag\”:return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case\”emoji\”:return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement(\”script\”);c.src=a,c.defer=c.type=\”text/javascript\”,b.getElementsByTagName(\”head\”)[0].appendChild(c)}var g,h,i,j,k=b.createElement(\”canvas\”),l=k.getContext&&k.getContext(\”2d\”);for(j=Array(\”flag\”,\”emoji\”),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],\"flag\"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(\"DOMContentLoaded\",h,!1),a.addEventListener(\"load\",h,!1)):(a.attachEvent(\"onload\",h),b.attachEvent(\"onreadystatechange\",function(){\"complete\"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.rp4wp-related-posts { width:100%; overflow:hidden;}ul.rp4wp-posts-list {width:100%; margin:0 !important; padding:0 !important; list-style:none !important; float:left;}ul.rp4wp-posts-list .rp4wp-col {width:100% !important;margin-bottom:30px !important;list-style:none !important;box-sizing:border-box;overflow:hidden;float:left;}.rp4wp_component_wrapper {width:100% !important;float:left;}.rp4wp_component {width:100% !important;padding:0 0 5% !important;box-sizing:border-box;float:left;overflow:hidden !important;}.rp4wp_component a {border:0 !important;}.rp4wp_component_image a {display:block; height:100% !important;} .rp4wp_component_image img {width:100% !important;height:100% !important;}.rp4wp_component_title a {text-decoration:none !important; font-weight:bold; border:0 !important;}@media (min-width: 768px) {ul.rp4wp-posts-list .rp4wp-col {width:34.333333333333% !important;height:250px !important;padding:0 2% !important;}ul.rp4wp-posts-list .rp4wp-col-first {width:32.333333333333% !important;padding-left:0 !important;padding-right:2% !important;}ul.rp4wp-posts-list .rp4wp-col-last {width:32.333333333333% !important;padding-right:0 !important;padding-left:2% !important;}.rp4wp_component_wrapper {width:50% !important;}.rp4wp_component_wrapper_left {padding-right:5% !important;}.rp4wp_component_wrapper_right {padding-left:5% !important;}}.rp4wp_component_2{height:60% !important;}.rp4wp_component_3{height:40% !important;}
jQuery(document).on(\’mc4wp.success\’, function() {
// ga.js
_gaq.push([\’_trackEvent\’, \’Forms\’, \’Sign-up\’, \’MailChimp for WP Sign-Up\’]);
// analytics.js
ga(\’send\’, \’event\’, \’Forms\’, \’Sign-up\’, \’MailChimp for WP Sign-Up\’);
});
(function(i,s,o,g,r,a,m){i[\’GoogleAnalyticsObject\’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,\’script\’,\’//www.google-analytics.com/analytics.js\’,\’ga\’);
ga(\’create\’, \’UA-38802509-1\’, \’auto\’);
ga(\’set\’, \’anonymizeIp\’, true);
ga(\’send\’, \’pageview\’);
a { color:#53a1b8; }input[type=\”submit\”], .button, input[type=\”button\”], .navigation-post a, .navigation-paging a, .header, .comments .bypostauthor > .comment-body .comment-content { background-color:#53a1b8; }body, input[type=\”text\”], input[type=\”password\”], input[type=\”email\”], input[type=\”search\”], input.input-text, textarea { color:#666A76; }.comments .bypostauthor > .comment-body .comment-content:after { border-bottom-color:#53a1b8; }hr, input[type=\”checkbox\”], input[type=\”radio\”] { background:#666A76; }input[type=\”radio\”] { border-color:#666A76; }h1, h2, h3, h4, h5, h6, .alpha, .beta, .gamma, .delta, .page-title, .post-title { color:#444854; }input[type=\”submit\”], .button, input[type=\”button\”], .navigation-post a, .navigation-paging a, input[type=\”checkbox\”]:before, input[type=\”checkbox\”]:checked:before, .comments .bypostauthor > .comment-body .comment-content, .comments .bypostauthor > .comment-body .comment-content a { color:#f8f8f9; }.comments .comment-content:after { border-bottom-color:#f8f8f9; }.inner-wrap, .main-nav { background-color:#f8f8f9; } @media only screen and (min-width: 769px) {
/* Styles only applied to desktop /
.main-nav ul.menu ul, .main-nav ul.menu > li:hover > a, .main-nav ul.menu > li > a:hover { background:#53a1b8; }.main-nav ul.menu li.current-menu-item > a { color:##53a1b8; }.main-nav { border-color:#53a1b8; }.main-nav ul.menu li.current-menu-item > a:before { border-bottom-color:#53a1b8; }.main-nav ul.menu ul a, .main-nav ul.menu > li:hover > a { color:##f8f8f9; }body { background-color:#f8f8f9; } }
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
body.custom-background { background-color: #f8f8f9; }
/ Custom Styles for Box 1269 */
.stb-1269 {
border-width: 0px !important;
max-width: 300px;
@media ( max-width: 300px ) { #stb-1269 { display: none !important; } }
}
.stb-1269 { height: 300px; overflow:hidden !Important;}
.stb-1269 .stb-close { color: #fff !important; }
<
div class=\”outer-wrap\” id=\”top\”>
<div class=\"inner-wrap\">
<header class=\"header content-wrapper\" role=\"banner\" style=\"background-image:url();\"><p class=\"toggle-container\">
<a href=\"#navigation\" class=\"nav-toggle button\">
Skip to navigation </a>
</p>
<a href=\"https://www.barrykooij.com/\" title=\"Barry Kooij\" rel=\"home\" class=\"site-intro\">
<img alt=\"Barry Kooij\" src=\"https://secure.gravatar.com/avatar/4de34227dab8710fc6040b81a3b2a5dc?s=256&d=wavatar&r=g\" srcset=\"https://secure.gravatar.com/avatar/4de34227dab8710fc6040b81a3b2a5dc?s=512&d=wavatar&r=g 2x\" class=\"avatar avatar-256 photo\" height=\"256\" width=\"256\"><h1 class=\"site-title\">Barry Kooij</h1>
<h2 class=\"site-description\">Web Dev</h2>
</a>
<nav class=\"main-nav\" id=\"navigation\" role=\"navigation\"><ul class=\"buttons\">
Main Menu
<div class=\"highwind-navigation\"><ul id=\"menu-main-menu\" class=\"menu\">
Robin