Last modified by Super Admin on 2026/04/05 18:59

From version Icon 107.1 Icon
edited by Super Admin
on 2026/03/24 15:28
Change comment: There is no comment for this version
To version Icon 109.1 Icon
edited by Super Admin
on 2026/03/24 19:08
Change comment: There is no comment for this version

Summary

Details

Icon 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');