{"id":22261,"date":"2016-05-27T03:01:53","date_gmt":"2016-05-26T17:01:53","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=22261"},"modified":"2016-05-26T20:30:02","modified_gmt":"2016-05-26T10:30:02","slug":"wordpress-content-most-popular-words-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-content-most-popular-words-primer-tutorial\/","title":{"rendered":"WordPress Content Most Popular Words Primer Tutorial"},"content":{"rendered":"
\"WordPress<\/a>

WordPress Content Most Popular Words Primer Tutorial<\/p><\/div>\n

Today’s new WordPress functionality for our TwentyTen themed blog website looks back at a lot of the discoveries of WordPress Emoji Prefixed Submenu Primer Tutorial<\/a> as shown below, in that we again make use of an Add Page submenu scenario where the submenu’s title has in it an HTML a<\/i> tag link, for dynamic viewing purposes.<\/p>\n

Guess we could call this new functionality “gist” because it is designed to give the user a “drill down” method to see what are the “keywords”, perhaps, involved with the current blog posting being presented.<\/p>\n

Today’s work uses WordPress’s codex<\/a> coding we last talked about with Search Engine Optimization Meta Keywords Primer Tutorial<\/a>, specifically its …<\/p>\n


\n$post->post_content
\n<\/code><\/p>\n

… to add the bold<\/b> code to WordPress TwentyTen theme’s good ol’ header.php … and we apologize for sounding like a broken record …<\/p>\n


\n<head>
\n<\/b>
\n\/\/ Lots of initializations
\n<\/b>
\n
\n\/\/ Most common words on current post ... RJM Programming ... May, 2016
\nvar thecwords=\"\";
\nvar fivething=5;
\nvar minwl=4;
\nif (document.URL.indexOf('workwithcontent') != -1) {
\n var qwpo=document.URL.split('workwithcontent');
\n var xqwpo=qwpo[1].replace('=','').split('.');
\n if (xqwpo[0] != '') {
\n fivething=eval(xqwpo[0]);
\n if (xqwpo.length > 1) {
\n var prexxqwpo=xqwpo[1].split('#');
\n var xxqwpo=prexxqwpo[0].split('&');
\n minwl=eval(xxqwpo[0]);
\n }
\n }
\n<?php
\n if (strpos($post->post_content, \"<hr\") !== false) {
\n $xbitskw=explode(\">\", substr($post->post_content,0,strpos($post->post_content, \"<hr\")));
\n } else {
\n $xbitskw=explode(\">\", $post->post_content);
\n }
\n $xpostkws=\"\";
\n $xmysep=\"\";
\n for ($jk=1; $jk<sizeof($xbitskw); $jk++) {
\n $xthiskw=explode(\"<\", $xbitskw[$jk]);
\n if (strpos($xthiskw[0],\">\") === false && $xthiskw[0] != \"\") $xpostkws.=$xmysep . str_replace(\"\\r\",\" \", str_replace(\"\\n\",\" \", str_replace(\"\\r\\n\",\" \", str_replace('\"', ' ', $xthiskw[0]))));
\n $xmysep=\" \";
\n }
\n $xxourt=wp_title( '|', false, 'right' );
\n echo \" \\n thecwords=\\\"\" . str_replace(' | Robert James Metcalfe Blog','',$xxourt) . \" \" . $xpostkws . \"\\\"; \\n\";
\n?>
\n var hblurbis='', negoff=0;
\n var huhacc=nthMostCommon(eval(100 + fivething));
\n var ksofar=0, isofar=0;
\n while (ksofar < fivething && isofar < huhacc.length) {
\n negoff=0;
\n if (huhacc[isofar].word.substring(0,1) >= 'A' && huhacc[isofar].word.substring(0,1) <= 'Z') negoff=-1;
\n if (huhacc[isofar].word.trim() != '' && huhacc[isofar].word.indexOf('<') == -1 && huhacc[isofar].word.indexOf('&') == -1 && huhacc[isofar].word.indexOf('=') == -1 && huhacc[isofar].word.indexOf('[') == -1 && eval(huhacc[isofar].word.length) >= eval(negoff + minwl)) {
\n hblurbis+='\"' + huhacc[isofar].word + '\" occurs ' + huhacc[isofar].occurences + ' times ' + String.fromCharCode(10);
\n ksofar++;
\n }
\n isofar++;
\n }
\n setTimeout(mcAndThen, 2000);
\n}
\n<\/b>
\nfunction gohmnow(hmany, wlenis) {
\n var wsuffis=\"5.4\";
\n if (hmany == \"\" && wlenis == \"\") {
\n wsuffis=prompt(\"Separate by . the number of current Blog Posting most used words to show and the minumum length of word (capital letter start adds one)\", wsuffis);
\n if (wsuffis == null) wsuffis=\"5.4\";
\n var pdsa=wsuffis.split('.');
\n if (pdsa.length > 1) {
\n hmany=wsuffis;
\n } else {
\n hmany=pdsa[0];
\n }
\n }
\n if (hmany.indexOf('.') != -1) {
\n wsuffis=hmany;
\n } else {
\n if (eval(hmany) < 0) {
\n wsuffis=\"5.\";
\n } else {
\n wsuffis=hmany + \".\";
\n }
\n if (wlenis == \"\") {
\n wsuffis+=\"4\";
\n } else if (eval(wlenis) < 0) {
\n wsuffis+=\"4\";
\n } else {
\n wsuffis+=wlenis;
\n }
\n }
\n var prehis=document.URL.split('#');
\n var pprehis=prehis[0].split('?');
\n if (pprehis.length == 1) {
\n location.href=pprehis[0] + '?workwithcontent=' + wsuffis;
\n } else {
\n location.href=pprehis[0] + '?' + pprehis[1] + '&workwithcontent=' + wsuffis;
\n }
\n}
\n<\/b>
\nfunction mcAndThen() {
\n alert(hblurbis);
\n}
\n<\/b>
\nfunction nthMostCommon(ammount) { \/\/ thanks to http:\/\/stackoverflow.com\/questions\/6565333\/using-javascript-to-find-most-common-words-in-string
\n var wordsArray = thecwords.split(\/\\s\/);
\n var wordOccurrences = {}
\n for (var i = 0; i < wordsArray.length; i++) {
\n wordOccurrences['_'+wordsArray[i]] = ( wordOccurrences['_'+wordsArray[i]] || 0 ) + 1;
\n }
\n var result = Object.keys(wordOccurrences).reduce(function(acc, currentKey) {
\n \/* you may want to include a binary search here *\/
\n for (var i = 0; i < ammount; i++) {
\n if (!acc[i]) {
\n acc[i] = { word: currentKey.slice(1, currentKey.length), occurences: wordOccurrences[currentKey] };
\n break;
\n } else if (acc[i].occurences < wordOccurrences[currentKey]) {
\n acc.splice(i, 0, { word: currentKey.slice(1, currentKey.length), occurences: wordOccurrences[currentKey] });
\n if (acc.length > ammount)
\n acc.pop();
\n break;
\n }
\n }
\n return acc;
\n }, []);
\n return result;
\n}
\n<\/b>
\n<\/code><\/p>\n

… that works in conjunction with the new Add Page submenu off the All Posts menu, that looks like below …
\n<\/img>\n<\/p>\n

You’ll see in the code above the great help we got from this useful link<\/a> … thanks heaps.<\/p>\n

Maybe it gives you ideas for something menulike on a WordPress blog, somewhere out there, on the net.<\/p>\n

\n

Previous relevant WordPress Emoji Prefixed Submenu Primer Tutorial<\/a> is shown below.<\/p>\n

\"WordPress<\/a>

WordPress Emoji Prefixed Submenu Primer Tutorial<\/p><\/div>\n

The fact that we find scope for so many CSS improvements and ideas around the menu system of our WordPress blog’s menu “Add Page” area and its submenus, is an indication of good and flexible web design, as we recently also saw with WordPress Show HTML Tags Primer Tutorial<\/a> … thanks, WordPress!<\/p>\n

Today we use PHP driven CSS to try to relax you users when you click on a menu and see a submenu “drop” down. Think, psychologically, you calm down a bit, here, if there is some extra space introduced … is an UX (user experience<\/a>) opinion of mine, and you may well have a different one. Perhaps my opinion is swayed by the usual UX weakness we have about wanting to tell users as much as possible, and cramming things up … well, this morning, Nala<\/a>