Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
107.1
edited by Super Admin
on 2026/03/24 15:28
on 2026/03/24 15:28
Change comment:
There is no comment for this version
To version
109.1
edited by Super Admin
on 2026/03/24 19:08
on 2026/03/24 19:08
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -7,6 +7,19 @@ 7 7 #stop 8 8 #end 9 9 {{html clean="false"}} 10 +## --- OGP メタタグ(SNSシェア対応) --- 11 +#set($ogTitle = "$!{schoolName} — 生徒会Wiki") 12 +#set($ogDesc = "$!{schoolName}の生徒会活動情報。全国の高校の生徒会活動事例を集積・共有するプラットフォーム。") 13 +#set($ogUrl = "https://${request.serverName}${doc.getURL('view')}") 14 +<meta property="og:type" content="article" /> 15 +<meta property="og:title" content="$escapetool.xml($ogTitle)" /> 16 +<meta property="og:description" content="$escapetool.xml($ogDesc)" /> 17 +<meta property="og:url" content="$escapetool.xml($ogUrl)" /> 18 +<meta property="og:site_name" content="生徒会Wiki" /> 19 +<meta property="og:locale" content="ja_JP" /> 20 +<meta name="twitter:card" content="summary" /> 21 +<meta name="twitter:title" content="$escapetool.xml($ogTitle)" /> 22 +<meta name="twitter:description" content="$escapetool.xml($ogDesc)" /> 10 10 ## メンテナンスバナー({{include}}ではなくインラインで記述し、<p>タグ挿入を回避) 11 11 #set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner')) 12 12 #set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass')) ... ... @@ -1337,6 +1337,25 @@ 1337 1337 #if($postVis != 'public') 1338 1338 <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</div> 1339 1339 #end 1353 + ## いいねボタン 1354 + #set($postLikeCount = $!post.getValue('likeCount')) 1355 + #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end 1356 + #set($postLikedBy = $!post.getValue('likedBy')) 1357 + #set($isLikedByMe = false) 1358 + #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end 1359 + <div class="post-like-row post-action-mt"> 1360 + #if($xcontext.user != 'XWiki.XWikiGuest') 1361 + <button type="button" class="btn-like #if($isLikedByMe)liked#end" data-page="$escapetool.xml($doc.fullName)" data-obj="$post.number" data-csrf="$services.csrf.getToken()" onclick="toggleLike(this)"> 1362 + <svg class="ico ico-fixed-14" viewBox="0 0 24 24" #if($isLikedByMe)fill="currentColor" stroke="none"#end><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> 1363 + <span class="like-count">$postLikeCount</span> 1364 + </button> 1365 + #else 1366 + <span class="btn-like disabled"> 1367 + <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> 1368 + <span class="like-count">$postLikeCount</span> 1369 + </span> 1370 + #end 1371 + </div> 1340 1340 ## 固定/編集/削除/通報/非表示ボタン(横並び) 1341 1341 #set($postAuthorRef = $!post.getValue('authorRef')) 1342 1342 #set($postObjNumED = $post.number) ... ... @@ -1457,10 +1457,68 @@ 1457 1457 {{/html}} 1458 1458 #end 1459 1459 1492 +## --- OGP / SNSシェア対応 --- 1493 +#set($ogpTitle = "${schoolName} — 生徒会Wiki") 1494 +#set($ogpDesc = "${schoolName}の生徒会活動情報。") 1495 +#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end 1496 +#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end 1497 +#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end 1498 +#set($ogpUrl = "https://${request.serverName}${doc.getURL()}") 1499 + 1460 1460 ## --- 年度タブ切り替え JavaScript --- 1461 1461 {{html clean="false"}} 1462 1462 <script> 1503 +// OGPメタタグ挿入 1504 +(function() { 1505 + var ogp = { 1506 + 'og:title': '$escapetool.javascript($ogpTitle)', 1507 + 'og:description': '$escapetool.javascript($ogpDesc)', 1508 + 'og:type': 'article', 1509 + 'og:url': '$escapetool.javascript($ogpUrl)', 1510 + 'og:site_name': '生徒会Wiki', 1511 + 'twitter:card': 'summary' 1512 + }; 1513 + for (var p in ogp) { 1514 + var meta = document.createElement('meta'); 1515 + meta.setAttribute('property', p); 1516 + meta.setAttribute('content', ogp[p]); 1517 + document.head.appendChild(meta); 1518 + } 1519 + // twitter用 1520 + var tw = document.createElement('meta'); 1521 + tw.setAttribute('name', 'twitter:card'); 1522 + tw.setAttribute('content', 'summary'); 1523 + document.head.appendChild(tw); 1524 +})(); 1463 1463 // コンパクト表示(タイトルのみ)トグル 1526 +// いいねトグル 1527 +function toggleLike(btn) { 1528 + var page = btn.getAttribute('data-page'); 1529 + var obj = btn.getAttribute('data-obj'); 1530 + var csrf = btn.getAttribute('data-csrf'); 1531 + btn.disabled = true; 1532 + var fd = new FormData(); 1533 + fd.append('page', page); 1534 + fd.append('obj', obj); 1535 + fd.append('form_token', csrf); 1536 + fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd }) 1537 + .then(function(r) { return r.json(); }) 1538 + .then(function(data) { 1539 + btn.querySelector('.like-count').textContent = data.count; 1540 + if (data.action === 'liked') { 1541 + btn.classList.add('liked'); 1542 + btn.querySelector('svg').setAttribute('fill', 'currentColor'); 1543 + btn.querySelector('svg').setAttribute('stroke', 'none'); 1544 + } else { 1545 + btn.classList.remove('liked'); 1546 + btn.querySelector('svg').removeAttribute('fill'); 1547 + btn.querySelector('svg').setAttribute('stroke', 'currentColor'); 1548 + } 1549 + }) 1550 + .catch(function() { alert('エラーが発生しました'); }) 1551 + .finally(function() { btn.disabled = false; }); 1552 +} 1553 + 1464 1464 function toggleCompactView() { 1465 1465 var container = document.querySelector('.xwiki-content') || document.body; 1466 1466 var isCompact = container.classList.toggle('activity-compact-view');