The recent WordPress Blog Cut to the Chase Integration Tutorial had us allowing the users of the blog the chance to dive into the โessenceโ of a blog posting via a โcomplex emoji buttonโ. Blogs and CMS have two sides to their makeup, that being โฆ
- normal user (role) facing look โฆ and an โฆ
- administrator user maintenance look
โฆ and it is with this latter area that we apply some โCut to the Chaseโ thinking, allowing the editor of blog postings a โsanity checkโ way to answer that age old (and very philosophical) question โDo you see what I see?โ โฆ as far as putting the โadministratorโ into the shoes of the normal user clicking the blog posting top image. In so doing we assume too very โinhouseโ habits, and am sorry if this blog posting today is too individualistic for you โฆ
- your WordPress blog is using the TwentyTen theme, and at that, two separate arrangements for that TwentyTen theme under versions โฆ
- 3.0.3 where wp-includes/general-template.php is added to as below โฆ
if (strpos($the_editor_content, ' href="') !== false) {
$urlcttc=explode('"',explode(' href="', $the_editor_content)[1])[0];
printf( '<br><a target="_blank" style="cursor:pointer;display:inline-block;text-decoration:none; font-size:12px;" href="' . $urlcttc . '" title="Cut to the Chase">🏃🏾‍♀️</a><br>' . $the_editor, $the_editor_content );
} else {
printf($the_editor, $the_editor_content);
} - 4.1.1 where wp-includes/class-wp-editor.php is added to as below โฆ
if (strpos($content, ' href="') !== false) {
$urlcttc=explode('"',explode(' href="', $content)[1])[0];
printf( '<br><a target="_blank" style="cursor:pointer;display:inline-block;text-decoration:none; font-size:12px;" href="' . $urlcttc . '" title="Cut to the Chase">🏃🏾‍♀️</a><br>' . $the_editor, $content );
} else {
printf( $the_editor, $content );
}
- 3.0.3 where wp-includes/general-template.php is added to as below โฆ
- the first HTML element href property found in the blog posting title will be what is โCut to the Chaseโ navigated to
The end result shows you that you can make changes to how your WordPress blog is administered, to tailor for your own habits and desires, if you wish. Todayโs tutorialpicture shows this at play on our WordPress 4.1.1 blog administratorโs Edit Post webpage.
Previous relevant WordPress Blog Cut to the Chase Integration Tutorial is shown below.
You may recall some time back we set up into our WordPress Blog modified โRecent Postsโ logic to improve on the existing WordPress widget for this. When we wrote WordPress Recent Post Image Follow Up Tutorial we first introduced a Javascript function rptwo which did a lot of the modified look to the WordPress TwentyTen themeโs โRecent Postsโ logic within (our usual suspect) header.php PHP code (ie. PHP writes out Javascript).
Following up on โreminiscencesโ above, can you remember back to yesterdayโs Landing Page Cut to the Chase Interactivity Tutorial, as shown below, and how we tackled part 1 of 2 of โฆ
- fix the โbuilding blockโ today
- fix the โsupervisory integrationโ tomorrow
โฆ and so, with โtomorrowโ being โtodayโ we find ourselves at โฆ fix the โsupervisory integrationโ โฆ that integration being with our WordPress Blog TwentyTen themeโs โRecent Postsโ widget, allowing for the emoji endowed HTML li unordered list elements be able to be clicked or touched to โCut to the Chaseโ straight to the adjacent tutorialโs pertinent โCut to the Chase Tutorial Slideshow/Image/Web Application/Videoโ โฆ whatevvvvvvvvverrrrr. This allows for the skipping out of our tutorial blurb โฆ how could you?! โฆ straight to the โsynopsisโ of that tutorial, if you will โฆ hence โฆ โCut to the Chaseโ.
The bold PHP writes out Javascript code of the WordPress Blog TwentyTen themeโs header.php that is of relevance here is shown below โฆ
var nothanks=false, findthing="";
function rplater() {
if (findthing != "") {
window.open("//www.rjmprogramming.com.au/slideshow.html?title=" + encodeURIComponent(findthing), "_blank");
findthing="";
}
nothanks=false;
}
function rptwo() {
var tworp=document.getElementById('recent-posts-2');
if (tworp != null) {
if (tworp.innerHTML.indexOf('<u' + 'l>') != -1) {
var ihs=tworp.innerHTML.split("</a>");
tworp.innerHTML = tworp.innerHTML.replace('<u' + 'l>', '<u' + 'l class="iconlist">').replace(/a href/g,'a title="Go to the tutorial" onclick="if (1 == 2) { findthing=' + "''" + '; } nothanks=true;" href');
var eight=new Array("one", "two", "three", "four", "five", "six", "seven", "eight");
var ieight;
tworp.innerHTML = tworp.innerHTML.replace(/<\/a>/g, "</a><img class='iiconlist' src='//www.rjmprogramming.com.au/wordpress/transparent.png' style='z-index:3;margin-left:0px;margin-top:0px;opacity:0.2;width:140px;height:100px;box-shadow:rgba(0,0,255,0.2) 2px 2px 2px 2px inset;' onmouseover='getRpnow();' onmouseout='yehBut();' ontouchstart='getRpnow();' ontouchend='yehBut();' title=' ... welcome to the long hover functionality that shows Blog Post regarding Recent Post images'>");
for (ieight=0; ieight<eight.length; ieight++) {
if (ihs.length > eval(0 + ieight)) {
tworp.innerHTML = tworp.innerHTML.replace("<li>", "<li title='Cut to the Chase' onclick=' findthing=\"" + ihs[eval(0 + ieight)].split(">")[eval(-1 + ihs[eval(0 + ieight)].split(">").length)] + "\"; setTimeout(rplater,1000); nothanks=false; ' class='" + eight[ieight] + "'>");
} else {
tworp.innerHTML = tworp.innerHTML.replace("<li>", "<li class='" + eight[ieight] + "'>");
}
tworp.innerHTML = tworp.innerHTML.replace("<img class=", "<img onclick=\"if (1 == 2) { findthing=''; } nothanks=true; clickaid('a" + eight[ieight] + "');\" class=").replace("<img title=\" ", "<img onclick=\"clickaid('a" + eight[ieight] + "');\" title=\"");
}
}
}
}
We have for you, today, an illustration of how this works, in that if you click or touch thislink (or todayโs tutorial picture, above) you should get the tutorial picture above displayed in a new window, via the auspices of the RJM Programming โCut to the Chaseโ webpage being called in a particular $_GET[] address bar ? and & arguments way, and it responding to this, appropriately, which was โreadiedโ in yesterdayโs work.
We hope you get to use this new chance to streamline your learning here at this WordPress TwentyTen themed Blog.
Previous relevant Landing Page Cut to the Chase Interactivity Tutorial is shown below.
We want to refine our โCut to the Chaseโ functionality here at RJM Programming, working from the โbuilding blocksโ out to the end aim of our endeavours, to show you tomorrow. We, here, like to integrate, and if possible, have the โsupervisoryโ web application get the โsmartsโ emanating from the change, yet, perhaps, allowing for the โbuilding blockโ to be given an obvious user interactive way in as well, though, if truth be told, we more often just want this for the supervisory web application (if existant, that is).
Currently, our โCut to the Chaseโ has the thinking we talked about in the previous Landing Page Cut to the Chase Primer Tutorial โฆ
A lot of people learning programming are trying to get information quickly, and โmove onโ, shall we say. While this is all well and good, it might be a โfob jobโ to think that many of us will really learn something well enough for the challenging bits adopting this approach, but thereโs no doubt there are pressures these days to learn more and more, and perhaps come back to things in detail at a later, quieter, date. Anyway, โto cut to the chaseโ โฆ chortle, chortle โฆ this is what todayโs blog post is about!
Let me explain it this way. Our tutorial blog postings here at RJM Programming always involve a bit of, but not too much, we hope โฆ
- the background to an issue โฆ that is always preceded by โฆ
- an image or slideshow or web application or game etcetera that is โthe cut to the chaseโ part of the blog posting clickable off an image up the top of it (for all but the earliest postings we ever did) โฆ and for those who get it through a feed (that can summarize the blog posting with words only, perhaps) โฆ
- if we can remember we also always have a link within the blurb of 1 that links to โthe cut to the chaseโ that is 2
โฆ integrated, only, into our Landing Page as an entirely separate modus operandi should we say. That โCut to the Chaseโ can be called on by a link in that Landing Page, and you further โdrill downโ via an HTML select โdropdownโ element choice to hone in on a tutorial of interest. But what if you know something about the title, for example, of a tutorial of interest, ahead of time, and want to drill straight into that applicability of that tutorialโs content, directly? To make this โdreamโ come true, weโre breaking this mini project into two โฆ
- fix the โbuilding blockโ today
- fix the โsupervisory integrationโ tomorrow
So whatโs the โbuilding blockโ of this? It involves the amendment of the Cutto the Chase slideshow
html HTML and Javascript DOM to add one โoverlayedโ HTML a link (the olโ no โhrefโ type, weโre getting fonder and fonder of) โฆ โFind?โ โฆ that when clicked/touched asks of the user (via good olโ Javascript prompt window) if they have words they can enter to try to find the Blog Tutorial of interest, most likely via a string that uniquely identifies its title, then send it off, to, if successful, slap on top of the current โCut to the Chaseโ webpage, rather, the relevant apt โCut to the Chase Tutorial Slideshow/Image/Web Application/Videoโ โฆ whatevvvvvvvvverrrrr.
You can see step 1 (of 2) changes for our โdreamโ, happening thisway.
You can also see this play out at WordPress 4.1.1โs Landing Page Cut to the Chase Interactivity Tutorial.
Previous relevant Landing Page Cut to the Chase Primer Tutorial is shown below.
A lot of people learning programming are trying to get information quickly, and โmove onโ, shall we say. While this is all well and good, it might be a โfob jobโ to think that many of us will really learn something well enough for the challenging bits adopting this approach, but thereโs no doubt there are pressures these days to learn more and more, and perhaps come back to things in detail at a later, quieter, date. Anyway, โto cut to the chaseโ โฆ chortle, chortle โฆ this is what todayโs blog post is about!
Let me explain it this way. Our tutorial blog postings here at RJM Programming always involve a bit of, but not too much, we hope โฆ
- the background to an issue โฆ that is always preceded by โฆ
- an image or slideshow or web application or game etcetera that is โthe cut to the chaseโ part of the blog posting clickable off an image up the top of it (for all but the earliest postings we ever did) โฆ and for those who get it through a feed (that can summarize the blog posting with words only, perhaps) โฆ
- if we can remember we also always have a link within the blurb of 1 that links to โthe cut to the chaseโ that is 2
โฆ and so what you end up with, if you want to objectify it into a โtutorial-postingโ object perhaps, is two data members, of relevance, that are URLs, that being โฆ
- the URL to the WordPress blog posting tutorial โฆ and โฆ
- the URL to โthe cut to the chaseโ intention of the WordPress blog posting tutorial
โฆ and what weโre proposing today, is that a lot of users can easily forgo the โblurbโ and โcut to the chaseโ, perhaps going back to the blurb for a further read should they want to delve further after a โcut to the chaseโ session.
We wanted a way to present this idea on our RJM Programming landing page. There must be a way to add another HTML select โdropdownโ element to facilitate this? Well, yes, that could be done, but we thought it would be better to dedicate another RJM Programming Landing Page โcloneโ webpage that has a โcut to the chaseโ HTML select โdropdownโ element substituted for its โlisted and clickableโ existing HTML select โdropdownโ element, and then set it up that either web page can get you to the other โcloneโ web page, and to the user all they โfeelโ is the toggling of the โdropdownโ data content.
So we just used the term โdata contentโ, and that means you need to delve into where the โdataโ is from. With a WordPress blog, the โdataโ is from a MySql database, and to do anything about any changes here will revolve around involving a server side language like PHP โฆ no way around that. So what we do is โฆ
- take existant tutorial_options
php (you can read about, last, with Landing Page Mobile Phone Crontab Curl Tutorial and changed for todayโs work in thisway) and tweak its curl usage as a new entry in our RJM Programming web serverโs crontab (once a day for todayโs task) background processing task list, but with a $_GET[โindexโ] = โslideshowโ parameter โฆ to create and update a โฆ
- slideshow.html with the latest tutorial โdata contentโ gleaned via a change to the MySql queries used by tutorial_options.php โฆ so that, in simplified terms โฆ without the ?index=slideshow parameterization โฆ ie. the original way โฆ the MySql query looks like โฆ
SELECT ID, post_date, post_title, guid, DATE_FORMAT(post_date,'%Y%m%d') As pdate, IfNull(post_excerpt, '') As post_excerpt, 'zzz' as bpost_title FROM wps_post WHERE post_status='publish' and (substr(IfNull(post_excerpt, ''),1,1) < '0' or substr(IfNull(post_excerpt, ''),1,1) > '9') ORDER BY bpost_title, post_date DESC
โฆ and becomes, with the inclusion of ?index=slideshow parameterization โฆ to become a crontab entry featuring the command
curl //www.rjmprogramming.com.au/PHP/tutorial_options.php?index=slideshow
โฆ ie. the new way โฆ
SELECT ID, post_date, concat(post_title, ' (Slideshow or Web Application or Game or Image)'), substring(post_content, instr(post_content, 'http'), (instr(post_content, '"><img style=') - instr(post_content, 'http'))), DATE_FORMAT(post_date,'%Y%m%d') As pdate, IfNull(post_excerpt, '') As post_excerpt, 'zzz' as bpost_title FROM wps_post WHERE post_status='publish' and post_content like '%"><img style="%' and (instr(post_content, '"><img style=') - instr(post_content, 'http')) < 100 and (substr(IfNull(post_excerpt, ''),1,1) < '0' or substr(IfNull(post_excerpt, ''),1,1) > '9') ORDER BY bpost_title, post_date DESC
โฆ where the PHP variables $ptg and $and are populated according to $_GET[โindexโ] usage, or not
โฆ so PHP is used by curl and crontab to read MySql โdata contentโ and rewrite HTML called slideshow.html (for โcut to the chaseโ tutorial information) and index.html (for โthe full blurbโ contextualizing the โcut to the chaseโ with the โbackground contextโ as a tutorial).
Hopefully, any of the links above suffice to get you to anything you want, should it be of interest in the first place, of course?! Now thatโs another story!
Did you know?
Our RJM Programming CentOS web serverโs linux environmentโs โฆ
crontab -e
โฆ edit of its crontab setting records uses the very simple text editor pico to perform changes. Coming off any vi youโve been doing, youโll find pico as a lot easier, and like driving a manual car youโll wonder what to do with the โclutchโ foot. You can see a cut down bit of what pico looks like at the bottom of todayโs tutorial picture.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.