{"id":232784,"date":"2023-01-28T13:27:00","date_gmt":"2023-01-28T10:27:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232784"},"modified":"2023-02-02T15:54:17","modified_gmt":"2023-02-02T12:54:17","slug":"jak-wyswietlic-statystyki-wykresu-dotyczace-miesiecznej-liczby-postow-w-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-wyswietlic-statystyki-wykresu-dotyczace-miesiecznej-liczby-postow-w-wordpress\/","title":{"rendered":"Jak wy\u015bwietli\u0107 statystyki wykresu dotycz\u0105ce miesi\u0119cznej liczby post\u00f3w w WordPress?"},"content":{"rendered":"\n

Adres URL: https:\/\/helloacm.com\/archives-of-pagesposts\/<\/a> pokazuje list\u0119 historycznych post\u00f3w i doda\u0142em nast\u0119puj\u0105c\u0105 \u0142adn\u0105 liczb\u0119, kt\u00f3ra przedstawia liczb\u0119 post\u00f3w na ka\u017cdy miesi\u0105c.<\/p>\n

wykres-posty-na-miesi\u0105ce-wordpress-php-js<\/p>\n

Mo\u017cesz zobaczy\u0107 surow\u0105 aktywno\u015b\u0107 przez ostatnie 12 miesi\u0119cy. Tak, przez ca\u0142y rok robimy si\u0119 leniwi. Ten post<\/a> pokazuje, jak utworzy\u0107 tak\u0105 stron\u0119, aby uzyska\u0107 posty, a nast\u0119puj\u0105cy kod mo\u017cna doda\u0107 na tej samej stronie, aby wykre\u015bli\u0107 wykres.<\/p>\n

Musimy do\u0142\u0105czy\u0107 bibliotek\u0119 javascript<\/a> Chart, kt\u00f3r\u0105 mo\u017cna znale\u017a\u0107 pod adresem: https:\/\/helloacm.com\/js\/chart.js<\/a><\/p>\n

\u00a0 echo '<script language=\"Javascript\" src=\"<a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/helloacm.com\/js\/chart.js\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>helloacm<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>js<\/span><span>\/<\/span><span>chart<\/span><span>.<\/span><span>js<\/span><\/a>\"><\/script>'.\"n\";\n\u00a0 global $wpdb; \/\/ <a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/helloacm.com\" rel=\"nofollow\"><span>helloacm<\/span><span>.<\/span><span>com<\/span><\/a>\n\u00a0 \n\u00a0 \/\/ count the posts number group by each month\n\u00a0 $query = \"\n \u00a0 \u00a0 \u00a0select \n \u00a0 \u00a0 \u00a0 \u00a0concat(year(`post_date`), '-', month(`post_date`)) as `month`, \n \u00a0 \u00a0 \u00a0 \u00a0count(1) as `cnt` \n \u00a0 \u00a0 \u00a0from \n \u00a0 \u00a0 \u00a0 \u00a0`wp_posts` \n \u00a0 \u00a0 \u00a0where \n \u00a0 \u00a0 \u00a0 \u00a0(post_type='page' or post_type='post') and \n \u00a0 \u00a0 \u00a0 \u00a0`post_status` = 'publish' \n \u00a0 \u00a0 \u00a0group by \n \u00a0 \u00a0 \u00a0 \u00a0`month` \n \u00a0 \u00a0 \u00a0order by \n \u00a0 \u00a0 \u00a0 \u00a0`post_date` desc\n \u00a0 \u00a0 \u00a0limit\n \u00a0 \u00a0 \u00a0 \u00a0 12\n\"; \u00a0\/\/ change this to include more months. the default is 12 months in the past.\n\u00a0 \u00a0 \u00a0 \n\u00a0 $result = array_reverse($wpdb->get_results($query));\/\/ reverse the data to get a normal logic flow\n\u00a0 if ($result) {\n?>\n\u00a0\n<div id='ReportBarChartContainerMonthly'>\n\u00a0 \u00a0 <div id='ReportBarChartComponentMonthly' style='margin: 15px;'>\n\u00a0 \u00a0 \u00a0 \u00a0 <canvas id=\"myChartMonthly\" style='max-width:100%;height:auto'><\/canvas>\n\u00a0 \u00a0 <\/div>\n<\/div>\n\u00a0 \u00a0 \n<script language=\"Javascript\">\n\u00a0 \u00a0 var data = {\n\u00a0 \u00a0 \u00a0 \u00a0 labels: [\n\u00a0 \u00a0 \u00a0 \u00a0 \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <?php\n\u00a0 \u00a0 foreach ($result as $month) {\n\u00a0 \u00a0 \u00a0 echo '\"'.$month->month.'\", '; \u00a0\n\u00a0 \u00a0 } \u00a0 \u00a0 \u00a0 \u00a0\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ?>\n\u00a0 \u00a0 \u00a0 \u00a0 ],\n\u00a0 \u00a0 \u00a0 \u00a0 datasets: [\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 label: \"Number of Posts\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 fillColor: \"rgba(200,200,250,0.7)\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 strokeColor: \"rgba(150,150,220,1)\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 pointColor: \"rgba(220,220,220,1)\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 pointStrokeColor: \"#fff\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 pointHighlightFill: \"#fff\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 pointHighlightStroke: \"rgba(220,220,220,1)\",\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 data: [\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <?php\n\u00a0 \u00a0 foreach ($result as $month) {\n\u00a0 \u00a0 \u00a0 echo '\"'.$month->cnt.'\", '; \u00a0\n\u00a0 \u00a0 } \u00a0 \u00a0 \u00a0 \u00a0\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ?>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ]\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 ]\n\u00a0 \u00a0 };\n\u00a0\n\u00a0 \u00a0 var ctx = document.getElementById(\"myChartMonthly\").getContext(\"2d\");\n\u00a0 \u00a0 var myNewChart = new Chart(ctx).Line(data, {\n\u00a0 \u00a0 \u00a0 \u00a0 bezierCurve: true\n\u00a0 \u00a0 });\n<\/script>\n<?php\n\u00a0 }<\/code><\/pre>\n
Zapisz plik szablonu i wyczy\u015b\u0107 pami\u0119\u0107 podr\u0119czn\u0105, a fabu\u0142a zostanie o\u017cywiona.<\/p>\n
TODO: (1) parametr ustawiony domy\u015blnie na 12 miesi\u0119cy, zmie\u0144 go odpowiednio w instrukcji SQL<\/a> (2) funkcja odwracania tablicy w php odwraca dane wyj\u015bciowe tak, aby o\u015b odpowiadaj\u0105ca czasowi (od lewej do prawej). (3) zmie\u0144 nazw\u0119 tabeli WordPress<\/a>, je\u015bli nie zaczyna si\u0119 od prefiksu wp.<\/p>\n
\u0179r\u00f3d\u0142o nagrywania:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Jak wy\u015bwietli\u0107 statystyki wykresu dotycz\u0105ce miesi\u0119cznej liczby post\u00f3w w WordPress?<\/p>\n","protected":false},"author":1,"featured_media":223872,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[721,732,897,836,845,866],"tags":[1169],"class_list":["post-232784","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-javascript-7","category-kod","category-przewodnik-dla-poczatkujacych","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=232784"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232784\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/223872"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=232784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=232784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=232784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}