I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German
BLOG FILTER

I am currently working on a WPLMS enhancement for a customer, that allows to simplify the payout of instructor commissions. The whole system runs on the MyCred Points System and students pay for courses with Points. The problem is how to easily payout the instructor commissions via PayPal.

There is currently no addon for MyCred available that does that magic, so I build one myself.

At the moment the payment process via PayPal is completely manual, due to budget constraints. I am basically generating a custom “Send Money” link that prefills the PayPal email and amount to send.

The interface itself handles the payout sessions, tracks the instructor balance, paid and unpaid points.

Here some images to illustrate the admin dashboard:

wplms_points_payout

This list the instructors and their point balance and allows to start the payment process.

wplms_points_payout2

Payout sessions make sure, that only one session can be started per instructor, as the instructor could earn new points during the process. The points converted can be changed, allowing you to payout a fixed amount of points.

Its a 3 step process. Login at PayPal. Open the “Send money” dialog and send money to instructor. Confirm that you manually send the money and than register the payment and payout points in the system.

wplms_points_payout3

The session can be cancelled at any point. You can also leave the session open and continue at a later point.

wplms_points_payout4

On the frontend I added an interface to the BuddyPress Profile, that allows the instructor to track his payouts and balance.

wplms_points_payout5

The whole setup could be updated using PayPal Adaptive Payments, to make the whole process completely automated. Something to consider for the future :) Pretty happy with the manual process so far and it will be a great help for my customer to keep track of the commission payouts.

The whole setup is currently targeted for WPLMS, but can easily be adapted to other setups using the MyCred Points System.

Enjoy coding …

 

 

readmore

HyperDB is a plugin for spreading your websites load across several servers and databases. Its currently used in production on WordPress.com.

  1. Partitioning, separate your data and spread it across multiple servers.
  2. Replication, master / slave setup for security.
  3. Failover, if one database fails, the other takes over.

Just started experimenting with it :)

HyperDB

readmore

Since version 5.6PHP is verifying peer certificates and host names by default when using SSL/TLS. This is causing problems on some servers / websites, where the config has not been setup correctly. If you can not fix the setup yourself, make sure to talk to your server host to fix that issue.

For PHPMailer (Github) there is a workaround:

This should only be a workaround until your configuration has been fixed. You are suppressing certificate verification and compromising your security!

As WordPress is using PHPMailer as its main email library, this can be tweaked by using the phpmailer_init hook:

Add this to your themes functions.php.

BASIC PHPMAILER SETUP

And here is how phpmailer->smtpOptions should be used,  on a properly configured server:

SSL changes in PHP 5.6: http://php.net/manual/en/migration56.openssl.php
SSL context options in PHP: http://php.net/manual/en/context.ssl.php

Enjoy coding…

readmore

Chrome 45+ is glitching on  WordPress admin menus.

Github Plugin version

readmore

WooCommerce provides great functionality, but loads a lot of resources even if not needed.

If a site loads longer than 5-7 seconds, potential customers already loose interest :)

UNLOAD ALL THAT IS NOT NEEDED

Add this to your functions.php:

Like always, make sure that nothing breaks. If things break or are required by certain pages add an exception for that!

Check WordPress Condional Tags.

Sources:

  1. How to Load WooCommerce Scripts and Styles Conditionally to Improve Page Load Speed
  2. Only load WooCommerce scripts on shop pages and checkout + cart

REMOVE GENERATOR META TAG

Enjoy coding …

readmore

SINGLE WEBSITE SETUP

Simple add this to your wp-config.php

MULTISITE SETUP

Use the MU-Domain-Mapping plugin for that.

Enjoy coding …

readmore

We often have some posts that we would like to promote and keep at the first page of the blog. When you are using pagination, the sticky posts will be added to the standard posts, making the post count per page uneven.

If you want to keep your posts per page count consistent, there is a way to do that.

PREPARE PAGINATION

SWITCH QUERY FOR FIRST PAGE

Enjoy coding …

readmore

Sometimes you want to add your own avatar for a user or build your own special predefined avatar selection :)

WHERE ARE THEY STORED

BuddyPress stores avatars in /wp-content/uploads/avatars/ – USERID – /

HOW ARE THEY STORED

BuddyPress hashes the original filename and stores full and thumbnail images in the above directory.

Now go ahead and build your own integration around that ;)

Enjoy coding …

readmore

When using Fullpage.js, overflowing section / slide content will be made scrollable with Slimscroll. If you want to use addons that rely on the natural scroll event, these will fail with Slimscroll. One of the candidates breaking is Scrollreveal.js for example.

I decided to work around that, to allow animations to be triggered when elements become visible or invisible  to the viewport.

ADDITIONAL PLUGINS

You could code the viewport visibility check yourself or use the “visible” jquery plugin.

“This is a jQuery plugin which allows us to quickly check if an element is within the browsers visual viewport, regardless of the scroll position. If a user can see this element, the function will return true.” jquery-visible on Github

EXTENDING SLIMSCROLL WITHIN FULLPAGE.JS

The idea was to extend or hook into slimscroll without touching the fullpage.js codebase. Fullpage.js wraps overflowing content within a fp-scrollable container. Slimscroll itself provides events to track your position within the scrollable area in pixels or when top / bottom have been reached.

TRACK TOP / BOTTOM

TRACK POSITION

MAIN GOAL

  1. Hook into fullpage.js
  2. Track viewport & visible elements (jquery-visible)
  3. Track direction of scroll
  4. Get current position
  5. Assign classes to elements to trigger animations

MY SOLUTION

This is just a crude and simple starting point, but should give you the basic idea. This still needs some throttling, so that its not called on every scroll position.

HTML EXAMPLE

CSS EXAMPLE

Very basic idea to get some transitions working.

Hopefully Fullpage.js will be switching to iScroll natively in the future, as it provides far more options to handle scrollable areas. You can use iScroll now, but you have to disable the scrolling feature within Fullpage.js and call iScroll yourself. Not that difficult to do :)

There is also a WordPress Plugin that wraps Fullpage.js natively with a nice interface (WP_Fullpage) and my upcoming Visual Composer integration, which already uses iScroll :)

Enjoy coding ….

readmore
15. July 2015

WPLMS Extras Addon

I am working on an Addon for WPLMS to automate some of the manual tasks. Will extend the list, as things progress.

  1. Quizes
    – list all
    – show enlisted students + result
    – action: reset auto-evaluation / remove evaluation / change marks
  2. Improved redirects
  3. Extend account menu
  4. Maintenance
  5. Secure languages

readmore