{"id":2009,"date":"2026-05-10T08:22:28","date_gmt":"2026-05-10T08:22:28","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=2009"},"modified":"2026-08-30T02:37:37","modified_gmt":"2026-08-30T02:37:37","slug":"getallen-leren","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=2009","title":{"rendered":"Getallen Leren"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2009\" class=\"elementor elementor-2009\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6df1ad9 e-con-full e-flex e-con e-parent\" data-id=\"6df1ad9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f718bb6 elementor-widget elementor-widget-html\" data-id=\"f718bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\t\t\t\t\t<style>\nbody{\n  margin:0;\n  font-family:'Inter',sans-serif;\n}\n\n.getal-page{\n  min-height:100vh;\n  padding:7rem 7vw 4rem;\n  color:#263247;\n\n  background:\n    radial-gradient(circle at 18% 20%, rgba(255,255,255,0.78) 0%, transparent 30%),\n    radial-gradient(circle at 82% 28%, rgba(210,232,255,0.58) 0%, transparent 32%),\n    radial-gradient(circle at 50% 82%, rgba(232,244,255,0.48) 0%, transparent 36%),\n    linear-gradient(135deg,#F7FBFF 0%,#EAF6FF 45%,#F4FBF7 100%);\n}\n\n.getal-hero{\n  max-width:980px;\n  margin:0 auto 3.5rem;\n  padding:3.4rem;\n  border-radius:42px;\n  background:rgba(255,255,255,0.62);\n  border:1px solid rgba(255,255,255,0.96);\n  box-shadow:0 16px 42px rgba(70,105,140,0.08);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  text-align:center;\n}\n\n.getal-label{\n  display:inline-block;\n  margin-bottom:22px;\n  padding:11px 20px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.72);\n  border:1px solid rgba(255,255,255,0.95);\n  color:#4D6F91;\n  font-size:15px;\n  font-weight:900;\n}\n\n.getal-hero h1{\n  font-size:clamp(44px,6vw,74px);\n  line-height:1;\n  margin:0 0 24px;\n  color:#263247;\n  font-weight:900;\n}\n\n.getal-hero p{\n  font-size:19px;\n  line-height:1.9;\n  color:#4D5F75;\n  font-weight:650;\n  max-width:760px;\n  margin:0 auto;\n}\n\n.getal-cijferstrip{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:1rem;\n  margin:2rem auto 0;\n  max-width:620px;\n}\n\n.getal-pill{\n  width:68px;\n  height:68px;\n  border-radius:24px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#DDEFFF;\n  color:#263247;\n  font-size:2rem;\n  font-weight:900;\n  box-shadow:0 8px 22px rgba(70,105,140,0.08);\n}\n\n.route-blok{\n  max-width:1120px;\n  margin:0 auto 4rem;\n}\n\n.route-kop{\n  margin-bottom:1.7rem;\n}\n\n.route-title{\n  font-size:clamp(32px,4vw,48px);\n  color:#263247;\n  font-weight:900;\n  margin:0 0 .7rem;\n}\n\n.route-text{\n  font-size:18px;\n  line-height:1.8;\n  color:#4D5F75;\n  font-weight:650;\n  max-width:820px;\n  margin:0;\n}\n\n.route-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:1.4rem;\n}\n\n.route-card{\n  display:block;\n  min-height:190px;\n  padding:1.8rem;\n  border-radius:34px;\n  background:rgba(255,255,255,0.58);\n  border:1px solid rgba(255,255,255,0.94);\n  box-shadow:0 10px 28px rgba(70,105,140,0.06);\n  transition:.25s ease;\n  text-decoration:none;\n  color:#263247;\n  position:relative;\n  overflow:hidden;\n}\n\n.route-card::before{\n  content:\"\";\n  position:absolute;\n  right:-42px;\n  top:-42px;\n  width:128px;\n  height:128px;\n  border-radius:50%;\n  background:rgba(255,255,255,0.52);\n}\n\n.route-card:hover{\n  transform:translateY(-6px) scale(1.01);\n  background:rgba(255,255,255,0.78);\n  box-shadow:0 18px 38px rgba(70,105,140,0.12);\n}\n\n.route-card-top{\n  display:flex;\n  align-items:center;\n  gap:1rem;\n  margin-bottom:1.1rem;\n  position:relative;\n  z-index:2;\n}\n\n.route-circle{\n  width:58px;\n  height:58px;\n  border-radius:22px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#DDEFFF;\n  font-size:1.7rem;\n  flex-shrink:0;\n}\n\n.route-card h3{\n  margin:0;\n  font-size:1.22rem;\n  color:#263247;\n  font-weight:900;\n}\n\n.route-card p{\n  margin:0;\n  color:#4D5F75;\n  line-height:1.8;\n  font-weight:650;\n  font-size:1rem;\n  position:relative;\n  z-index:2;\n}\n\n.getal-card:nth-child(1){\n  background:rgba(221,239,255,0.78);\n}\n\n.getal-card:nth-child(2){\n  background:rgba(232,244,255,0.78);\n}\n\n.getal-card:nth-child(3){\n  background:rgba(244,251,247,0.78);\n}\n\n.route-circle.blue{\n  background:#DDEFFF;\n}\n\n.route-circle.green{\n  background:#EAF7F1;\n}\n\n.route-circle.yellow{\n  background:#FFF2DC;\n}\n\n.oefen-card{\n  max-width:1120px;\n  margin:0 auto 4rem;\n  padding:2.4rem;\n  border-radius:38px;\n  background:\n    radial-gradient(circle at 12% 18%, rgba(255,255,255,.85) 0%, transparent 34%),\n    linear-gradient(135deg,#DDEFFF 0%,#EAF7F1 48%,#FFF2DC 100%);\n  border:1px solid rgba(255,255,255,0.96);\n  box-shadow:0 16px 38px rgba(70,105,140,0.08);\n  text-align:center;\n}\n\n.oefen-card h2{\n  margin:0 0 1rem;\n  font-size:clamp(30px,4vw,44px);\n  color:#263247;\n  font-weight:900;\n}\n\n.oefen-card p{\n  max-width:760px;\n  margin:0 auto 1.8rem;\n  color:#4D5F75;\n  font-size:18px;\n  line-height:1.8;\n  font-weight:650;\n}\n\n.oefen-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:1.05rem 2.4rem;\n  border-radius:999px;\n  background:rgba(255,255,255,0.82);\n  color:#263247 !important;\n  font-size:1.05rem;\n  font-weight:900;\n  text-decoration:none !important;\n  box-shadow:0 10px 24px rgba(70,105,140,0.10);\n  transition:.25s ease;\n}\n\n.oefen-btn:hover{\n  transform:translateY(-4px) scale(1.02);\n  background:#DDEFFF;\n}\n\n.getal-note{\n  max-width:780px;\n  margin:4rem auto 0;\n  padding:2rem;\n  border-radius:30px;\n\n  background:\n    radial-gradient(circle at 12% 18%, rgba(255,255,255,.85) 0%, transparent 34%),\n    radial-gradient(circle at 88% 22%, rgba(210,232,255,.58) 0%, transparent 34%),\n    linear-gradient(135deg,#FFF8EF 0%,#F3FBF8 48%,#EEF7FE 100%);\n\n  border:1px solid rgba(255,255,255,0.94);\n  box-shadow:\n    0 16px 38px rgba(70,105,140,.08),\n    inset 0 1px 0 rgba(255,255,255,.75);\n\n  color:#4D5F75;\n  font-size:18px;\n  line-height:1.9;\n  font-weight:650;\n  text-align:center;\n}\n\n@media(max-width:900px){\n\n  .getal-page{\n    padding:5rem 6vw 3rem;\n  }\n\n  .getal-hero{\n    padding:2.4rem;\n  }\n\n  .route-grid{\n    grid-template-columns:1fr;\n  }\n\n  .route-kop{\n    text-align:center;\n  }\n\n  .route-text{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  .route-card-top{\n    flex-direction:column;\n    text-align:center;\n  }\n\n  .route-card{\n    text-align:center;\n  }\n}\n<\/style>\n\n<section class=\"kl-page\" data-withifi-world=\"getallenwereld\">\n\n  <div class=\"getal-hero\">\n    <div class=\"getal-label\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd22\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f522.svg\"> Getallenwereld<\/div>\n\n    <h1>Wat zijn cijfers?<\/h1>\n\n    <p>\n      Cijfers helpen ons om te zien hoeveel iets is.\n      Een cijfer is een teken dat hoort bij een hoeveelheid.\n      We kijken rustig, \u00e9\u00e9n stap tegelijk <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf3f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f33f.svg\">\n    <\/p>\n\n    <div class=\"getal-cijferstrip\">\n      <div class=\"getal-pill\">0<\/div>\n      <div class=\"getal-pill\">1<\/div>\n      <div class=\"getal-pill\">2<\/div>\n      <div class=\"getal-pill\">3<\/div>\n      <div class=\"getal-pill\">4<\/div>\n      <div class=\"getal-pill\">5<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"route-blok\">\n\n    <div class=\"route-kop\">\n      <h2 class=\"route-title\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f331.svg\"> Cijfers leren herkennen<\/h2>\n      <p class=\"route-text\">\n        Eerst kijken we naar het teken.\n        Daarna voelen we welke hoeveelheid erbij hoort.\n      <\/p>\n    <\/div>\n\n    <div class=\"route-grid\">\n\n      <div class=\"route-card getal-card\">\n        <div class=\"route-card-top\">\n          <div class=\"route-circle blue\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd22\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f522.svg\"><\/div>\n          <h3>Dit zijn cijfers<\/h3>\n        <\/div>\n        <p>\n          0, 1, 2, 3, 4 en 5 zijn cijfers.\n          Elk cijfer ziet er anders uit.\n        <\/p>\n      <\/div>\n\n      <div class=\"route-card getal-card\">\n        <div class=\"route-card-top\">\n          <div class=\"route-circle green\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddfa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f9fa.svg\"><\/div>\n          <h3>Cijfers vertellen hoeveel<\/h3>\n        <\/div>\n        <p>\n          1 betekent \u00e9\u00e9n ding.\n          2 betekent twee dingen.\n          3 betekent drie dingen.\n        <\/p>\n      <\/div>\n\n      <div class=\"route-card getal-card\">\n        <div class=\"route-card-top\">\n          <div class=\"route-circle yellow\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf38\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f338.svg\"><\/div>\n          <h3>Rustig kijken<\/h3>\n        <\/div>\n        <p>\n          Je hoeft nog niet snel te tellen.\n          Eerst leer je cijfers herkennen.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"oefen-card\">\n    <h2>Oefenen met cijfers<\/h2>\n    <p>\n      Nu mag je zelf cijfers herkennen.\n      Kijk naar het teken en voel rustig welke hoeveelheid erbij hoort.\n    <\/p>\n\n    <a class=\"oefen-btn\" href=\"https:\/\/withifi.muhubonurture.nl\/?page_id=2029\">\n      <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf38\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f338.svg\"> Oefenen met cijfers\n    <\/a>\n  <\/div>\n\n  <div class=\"getal-note\">\n    Kleine reminder <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf38\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f338.svg\"><br>\n    Een cijfer is een teken voor een hoeveelheid.\n    We leren eerst kijken, herkennen en rustig voelen hoeveel iets is.\n  <\/div>\n\n<\/section>\t\t\t\t\n<script>\n(function(window, document){\n  \"use strict\";\n\n  function getConfig(){\n    if(document.body.classList.contains(\"page-id-664\")){\n      return {\n        world: \"taalwereld\",\n        topic: \"Klinkers\",\n        label: \"Klinkers\",\n        explanationUrl: \"\/?page_id=664\",\n        exerciseUrl: \"\/?page_id=680\"\n      };\n    }\n    if(document.body.classList.contains(\"page-id-2009\")){\n      return {\n        world: \"getallenwereld\",\n        topic: \"Cijfers\",\n        label: \"Getallen herkennen\",\n        explanationUrl: \"\/?page_id=2009\",\n        exerciseUrl: \"\/?page_id=2029\"\n      };\n    }\n    return null;\n  }\n\n  function textValue(value){\n    if(typeof value === \"string\"){\n      return value;\n    }\n    if(value && typeof value.text === \"string\"){\n      return value.text;\n    }\n    return \"\";\n  }\n\n  function render(){\n    const config = getConfig();\n    const content = window.WithIfiContentEngine;\n    const learning = window.WithIfiLearningEngine;\n\n    if(!config || !content || !learning){\n      return;\n    }\n\n    const lesson = learning.getNextLesson({\n      category: \"pilot-explanation\",\n      candidates: [config]\n    });\n    const bundle = content.getContentBundle({\n      world: config.world,\n      topic: config.topic,\n      questionId: lesson && lesson.exercise && lesson.exercise.questionId || \"\"\n    });\n    const root = document.querySelector(\".elementor-widget-html\");\n    const routeText = root && root.querySelector(\".route-text\");\n    const cards = root ? Array.from(root.querySelectorAll(\".route-card p\")) : [];\n    const button = root && root.querySelector(\".oefen-btn\");\n    const explanation = textValue(bundle && bundle.explanation);\n    const examples = bundle && Array.isArray(bundle.examples) ? bundle.examples : [];\n    const hint = textValue(bundle && bundle.hint);\n\n    if(root && bundle && bundle.instructionStyle){\n      root.setAttribute(\n        \"data-withifi-instruction-style\",\n        bundle.instructionStyle.primary || \"standaard\"\n      );\n    }\n    if(routeText && explanation){\n      routeText.textContent = explanation;\n    }\n    examples.slice(0, cards.length).forEach(function(example, index){\n      const value = textValue(example);\n      if(value){\n        cards[index].textContent = value;\n      }\n    });\n    if(hint && cards.length){\n      cards[cards.length - 1].textContent = hint;\n    }\n    if(button){\n      button.href = lesson && lesson.contentRoute\n        ? lesson.contentRoute.exerciseUrl\n        : config.exerciseUrl;\n      button.setAttribute(\"data-withifi-level\", String(lesson && lesson.level || \"\"));\n    }\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", render);\n})(window, document);\n\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Getallenwereld Wat zijn cijfers? Cijfers helpen ons om te zien hoeveel iets is. Een cijfer is een teken dat hoort bij een hoeveelheid. We kijken rustig, \u00e9\u00e9n stap tegelijk 0 1 2 3 4 5 Cijfers leren herkennen Eerst kijken we naar het teken. Daarna voelen we welke hoeveelheid erbij hoort. Dit zijn cijfers 0, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2009","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2009"}],"version-history":[{"count":28,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2009\/revisions"}],"predecessor-version":[{"id":4428,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2009\/revisions\/4428"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}