{"id":31860,"date":"2026-07-12T12:50:02","date_gmt":"2026-07-12T10:50:02","guid":{"rendered":"https:\/\/www.justcolor.net\/kids\/alphablocks\/"},"modified":"2026-07-12T12:50:02","modified_gmt":"2026-07-12T10:50:02","slug":"alphablocks","status":"publish","type":"page","link":"https:\/\/www.justcolor.net\/kids\/coloring-pages-of-tv-characters\/alphablocks\/","title":{"rendered":"Alphablocks"},"content":{"rendered":"\n<div class=\"ngg-sort-control\">\n    <label for=\"ngg-sort-select-d23487d170988cd31be0df45f337845a\">\n        Sort    <\/label>\n    <select id=\"ngg-sort-select-d23487d170988cd31be0df45f337845a\" class=\"ngg-sort-select\">\n                    <option value=\"date_desc\"  selected='selected'>\n                Newest to oldest            <\/option>\n                    <option value=\"date_asc\" >\n                Oldest to newest            <\/option>\n                    <option value=\"popular\" >\n                By popularity            <\/option>\n            <\/select>\n<\/div>\n<script>\n(function() {\n    var select = document.getElementById(\"ngg-sort-select-d23487d170988cd31be0df45f337845a\");\n    if (!select) return;\n    select.addEventListener('change', function() {\n        var url = new URL(window.location.href);\n        url.searchParams.set('ngg_sort', this.value);\n        url.searchParams.delete('nggpage');\n        window.location.href = url.toString();\n    });\n})();\n<\/script>\n\n<div style=\"clear:left;\"><\/div>\n<div class=\"gallery-grid\" style=\"padding-top:10px\">\n\n<div style=\"grid-column:span 2;\" class=\"gallery-grid-item gallery-grid-ad-min\"><!-- NEW BLOC MASONRY -->\n           <ins class=\"adsbygoogle\"\n               style=\"display:inline-block;width:410px;height:320px\"\n               data-ad-client=\"ca-pub-8022697607824667\"\n               data-ad-slot=\"2319092879\"><\/ins>\n           <script>\n               (adsbygoogle = window.adsbygoogle || []).push({});\n           <\/script><\/div>\n    <div class=\"gallery-grid-item\" data-pid=\"13872\">\n        <p>\n                        <a href=\"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages\/?image=alphablocks__coloring-pages-for-children-alphablocks-22847__1\" title=\"Letters with different faces (From A to O)\">\n                <img\n                    alt=\"Letters with different faces (From A to O)\"\n                    src=\"https:\/\/www.justcolor.net\/kids\/wp-content\/uploads\/sites\/12\/nggallery\/alphablocks\/thumbs\/thumbs_coloring-pages-for-children-alphablocks-22847.jpg\"\n                                        onerror=\"this.onerror=null;this.src='https:\/\/www.justcolor.net\/kids\/wp-content\/uploads\/sites\/12\/nggallery\/alphablocks\/coloring-pages-for-children-alphablocks-22847.jpg'\"\n                                        width=\"300\"\n                    height=\"212\"\n                \/>\n            <\/a>\n        <\/p>\n        <h3 class=\"ngg-thumb-title\">Letters with different faces (From A to O)<\/h3>\n\n            <\/div>\n<\/div>\n\n\n<script>\n(function() {\n    function jcGetLineClamp(el) {\n        var cs = window.getComputedStyle(el);\n        var clamp = parseInt(cs.getPropertyValue('-webkit-line-clamp') || cs.webkitLineClamp || '', 10);\n        return Number.isFinite(clamp) && clamp > 0 ? clamp : 6;\n    }\n\n    function jcGetLineHeight(el) {\n        var cs = window.getComputedStyle(el);\n        var lh = parseFloat(cs.lineHeight);\n        if (Number.isFinite(lh) && lh > 0) {\n            return lh;\n        }\n        var fs = parseFloat(cs.fontSize);\n        return (Number.isFinite(fs) && fs > 0) ? (fs * 1.35) : 18;\n    }\n\n    function jcClampTitleByWords(el) {\n        if (!el) return;\n\n        var original = (el.dataset.jcClampOriginal || el.textContent || '').trim();\n        if (!original) return;\n        el.dataset.jcClampOriginal = original;\n\n        \/\/ Reset first so we recompute correctly after resize.\n        el.textContent = original;\n\n        var lineHeight = jcGetLineHeight(el);\n        var maxLines = jcGetLineClamp(el);\n        var maxHeight = Math.ceil(lineHeight * maxLines) + 1;\n\n        if (el.scrollHeight <= maxHeight) {\n            return;\n        }\n\n        var words = original.split(\/\\s+\/).filter(Boolean);\n        if (!words.length) {\n            return;\n        }\n\n        var lo = 1;\n        var hi = words.length;\n        var best = 1;\n\n        while (lo <= hi) {\n            var mid = (lo + hi) >> 1;\n            var candidate = words.slice(0, mid).join(' ');\n            if (mid < words.length) {\n                candidate += '...';\n            }\n            el.textContent = candidate;\n\n            if (el.scrollHeight <= maxHeight) {\n                best = mid;\n                lo = mid + 1;\n            } else {\n                hi = mid - 1;\n            }\n        }\n\n        var finalText = words.slice(0, best).join(' ');\n        if (best < words.length) {\n            finalText += '...';\n        }\n        el.textContent = finalText;\n\n        \/\/ Safety pass for edge rounding (fonts \/ subpixel).\n        while (best > 1 && el.scrollHeight > maxHeight) {\n            best -= 1;\n            el.textContent = words.slice(0, best).join(' ') + '...';\n        }\n    }\n\n    function jcClampNggThumbTitles(root) {\n        var scope = root && root.querySelectorAll ? root : document;\n        var nodes = scope.querySelectorAll('.gallery-grid-item > h3.ngg-thumb-title, .grid-item > h3.ngg-thumb-title');\n        for (var i = 0; i < nodes.length; i++) {\n            jcClampTitleByWords(nodes[i]);\n        }\n    }\n\n    if (!window.__jcNggWordClampBound) {\n        window.__jcNggWordClampBound = true;\n\n        var resizeTimer = null;\n        window.addEventListener('resize', function() {\n            if (resizeTimer) {\n                window.clearTimeout(resizeTimer);\n            }\n            resizeTimer = window.setTimeout(function() {\n                jcClampNggThumbTitles(document);\n            }, 120);\n        });\n\n        if (document.fonts && document.fonts.ready && typeof document.fonts.ready.then === 'function') {\n            document.fonts.ready.then(function() {\n                jcClampNggThumbTitles(document);\n            });\n        }\n    }\n\n    jcClampNggThumbTitles(document);\n})();\n<\/script>\n\n<script>\n(function() {\n    if (!document.body.classList.contains('admin-bar')) return;\n    var items = document.querySelectorAll('[data-pid]');\n    if (!items.length) return;\n    var pids = [];\n    items.forEach(function(el) {\n        var p = parseInt(el.dataset.pid, 10);\n        if (p > 0) pids.push(p);\n    });\n    if (!pids.length) return;\n    var fd = new FormData();\n    fd.append('action', 'jc_gallery_stats');\n    fd.append('site_id', '12');\n    pids.forEach(function(p) { fd.append('pids[]', p); });\n    fetch('https:\/\/www.justcolor.net\/kids\/wp-admin\/admin-ajax.php', {method: 'POST', credentials: 'same-origin', body: fd})\n        .then(function(r) { return r.ok ? r.json() : null; })\n        .then(function(data) {\n            if (!data || !data.stats) return;\n            items.forEach(function(el) {\n                var s = data.stats[el.dataset.pid];\n                if (!s) return;\n                \/\/ Vivid palette: brick red #c0392b \u2192 forest green #27ae60\n                var ratio = Math.min(1, s.perf \/ 25);\n                var cr = Math.round(192 - 153 * ratio).toString(16).padStart(2, '0');\n                var cg = Math.round(57 + 117 * ratio).toString(16).padStart(2, '0');\n                var cb = Math.round(43 + 53 * ratio).toString(16).padStart(2, '0');\n                var div = document.createElement('div');\n                div.style.cssText = 'display:inline-block;color:#fff;margin-top:4px;padding:2px 8px;background-color:#' + cr + cg + cb + ';font-size:12px;border-radius:3px;white-space:nowrap';\n                div.innerHTML = s.views + ' <b>v<\/b> &middot; ' + s.prints + ' <b>p<\/b> &middot; ' + Math.round(s.perf) + '% <b>perf<\/b>';\n                var h3 = el.querySelector('h3.ngg-thumb-title');\n                if (h3) h3.insertAdjacentElement('afterend', div);\n            });\n        })\n        .catch(function() {});\n})();\n<\/script>\n\n\n\n    <div class='ngg-clear'><\/div>\n<div class=\"ngg-clear\" style=\"padding-bottom:50px\"><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p><strong>Alphablocks<\/strong> is an animated educational series where personified letters combine to form words and teach phonics to young children. The series relies on melodies, sound play, and short scenes to make language learning interactive and accessible.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":61,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"tags":[993],"class_list":{"0":"post-31860","1":"page","2":"type-page","3":"status-publish","5":"tag-gallery"},"_links":{"self":[{"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages\/31860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/comments?post=31860"}],"version-history":[{"count":1,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages\/31860\/revisions"}],"predecessor-version":[{"id":31861,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages\/31860\/revisions\/31861"}],"up":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/pages\/61"}],"wp:attachment":[{"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/media?parent=31860"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justcolor.net\/kids\/wp-json\/wp\/v2\/tags?post=31860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}