https://civic.sid.one/te/docs/components/navigation/Recent content in నావిగేషన్ on ఉదాహరణ సంస్థHugote-inhttps://civic.sid.one/te/docs/components/navigation/side-navigation/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/docs/components/navigation/side-navigation/<h2 id="ఇద-ఎకకడ-నడ-వసతద">ఇది ఎక్కడి నుండి వస్తుంది</h2> <p>ఈ మెనూను ఎవరూ ప్రకటించరు. ఇది కంటెంట్ డైరెక్టరీయే: అత్యున్నత విభాగం కింద ఉన్న ప్రతి పేజీ, <code>weight</code> ప్రకారం వరుసలో, డైరెక్టరీలు ఎలా ఉన్నాయో సరిగ్గా అలాగే గూడుకట్టుకుని. <code>_index.md</code> ఉన్న ఒక ఫోల్డర్‌ను చేర్చండి, అది కనిపిస్తుంది.</p> <p>ఈ నావ్ పేజీ మాతృక దగ్గర కాక వృక్షం <strong>పైభాగం</strong> దగ్గర పాతుకుంటుంది. మాతృక దగ్గర పాతుకుని ఉంటే, ఈ పేజీ తన ఇద్దరు తోబుట్టువులను మాత్రమే చూపేది, మీరు ఒక ఉప విభాగాన్ని తెరిచిన క్షణంలోనే మిగిలిన డాక్యుమెంటేషన్ అంతా మాయమయ్యేది.</p> <h2 id="ఇద-ఏమ-రడర-చసతద">ఇది ఏమి రెండర్ చేస్తుంది</h2> <table> <thead> <tr> <th>పేజీ స్థానం</th> <th>మీకు కనిపించేది</th> </tr> </thead> <tbody> <tr> <td>తోబుట్టువు</td> <td>సాధారణ లింక్</td> </tr> <tr> <td>తెరిచిన విభాగం</td> <td>నీలి గీత, బొద్దు అక్షరాలు</td> </tr> <tr> <td>ప్రస్తుత పేజీ</td> <td>నీలి వచనం, <code>aria-current</code></td> </tr> </tbody> </table> <p>తెరిచిన కొమ్మ మాత్రమే తన పిల్లలను రెండర్ చేస్తుంది. ప్రతి విభాగం తాలూకు ప్రతి వారసుడినీ విడుదల చేస్తే మొత్తం సైట్ ప్రతి పేజీ DOM లోకీ వచ్చేస్తుంది — అది పేలోడ్ ఖర్చు, పైగా స్క్రీన్ రీడర్ దాన్నంతా నడిచి చూడవలసి వస్తుంది.</p>https://civic.sid.one/te/docs/components/navigation/breadcrumb/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/docs/components/navigation/breadcrumb/<p>ఈ దారి పేజీ పూర్వికుల నుండే తయారవుతుంది, కాబట్టి దీనికి ఎలాంటి కాన్ఫిగరేషనూ అవసరం లేదు. ప్రస్తుత పేజీ <code>aria-current=&quot;page&quot;</code> కలిగిన ఒక <code>span</code>, ఎప్పుడూ లింక్ కాదు — మీరు ఉన్న పేజీకే లింక్ ఇవ్వడం ఒక మృత మార్గం.</p> <p>అత్యున్నత స్థాయిలో మార్గసూచిక ఏమీ రెండర్ చేయదు. ఒకే ఒక ప్రవేశిక ఉన్న దారి కేవలం గందరగోళం.</p> <p>ప్రతి దారి schema.org <code>BreadcrumbList</code> మెటాడేటాను కూడా విడుదల చేస్తుంది; దీనికి రెండర్ సమయంలో ఖర్చేమీ లేదు, శోధన ఫలితం కింద కనిపించే దారిని ఇదే తయారు చేస్తుంది. దీన్ని ఆపడానికి:</p> <div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-text-size-adjust:none;"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span><span style="color:#1f2328">[</span><span style="color:#1f2328">params</span><span style="color:#1f2328">.</span><span style="color:#1f2328">uswds</span><span style="color:#1f2328">.</span><span style="color:#1f2328">breadcrumb</span><span style="color:#1f2328">]</span> </span></span><span style="display:flex;"><span> <span style="color:#1f2328">metadata</span> <span style="color:#1f2328">=</span> <span style="color:#cf222e">false</span> </span></span></code></pre></div>https://civic.sid.one/te/docs/components/navigation/in-page-navigation/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/docs/components/navigation/in-page-navigation/<h2 id="దనన-పరరభచడ">దీన్ని ప్రారంభించడం</h2> <p>ఇది ఫ్రంట్ మేటర్, షార్ట్‌కోడ్ కాదు:</p> <div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-text-size-adjust:none;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#0550ae">in_page_nav</span><span style="color:#1f2328">:</span><span style="color:#fff"> </span><span style="color:#cf222e">true</span><span style="color:#fff"> </span></span></span><span style="display:flex;"><span><span style="color:#0550ae">in_page_nav_headings</span><span style="color:#1f2328">:</span><span style="color:#fff"> </span><span style="color:#0a3069">&#34;h2&#34;</span><span style="color:#fff"> </span></span></span></code></pre></div><p>ఒక షార్ట్‌కోడ్ <code>main</code> లోపల మాత్రమే రెండర్ కాగలదు; ఈ రెండూ పక్కపక్కనే అమరాలంటే ఈ కాంపోనెంట్ <code>main</code> కు తోబుట్టువుగా ఉండాలి. ఈ నిర్ణయాన్ని సకాలంలో తీసుకోగలిగే ఏకైక చోటు ఫ్రంట్ మేటర్.</p> <h2 id="ఏ-శరషకలన-ఎచకవల">ఏ శీర్షికలను ఎంచుకోవాలి</h2> <p>USWDS డిఫాల్ట్‌గా <code>h2</code>, <code>h3</code> రెండింటినీ స్కాన్ చేస్తుంది; దానివల్ల <em>కాంపోనెంట్‌లకు</em> చెందిన శీర్షికలు కూడా లోపలికి వచ్చేస్తాయి — ఒక సారాంశ పెట్టెలోని <code>h3</code> పత్రంలోని ఒక విభాగంలా కనిపిస్తుంది. కాంపోనెంట్‌లు వాడే పేజీలో దీన్ని <code>h2</code> కే పరిమితం చేయండి.</p>