Tutorial: Create an audio playlist in wordpress 3.9

create_wordpress_playlistjpg
Standard

create_wordpress_playlistjpgRight after my post about new features in WordPress 3.9 a visitor left a comment asking : « How can I create an audio playlist 3.9 ?».

Step 1

In the visual editor click on “Add media” button and upload your files.

create_audio_playlist_wordpress_3.9_step4

Step 2

On your left you will see a tab labelled « Create Audio Playlist ». Select it.

Choose all the audio files you would like to add to you playlist. You can order them as you wish. Once done click « Create a new Playlist » button.

create_audio_playlist_wordpress_3.9_step2

Step 3

Confirm your settings or edit them if necessary. Finally, click « Insert audio Playlist » button and voilà.

create_audio_playlist_wordpress_3.9_step3

 



 

WordPress 3.9: Create audio and video playslits … but even more

wordpress-3-9-smith-752x294
Standard

A few months after version 3.8 and its of automatic update system, WordPress officially released Smith ( WordPress 3.9). Several effective features are embedded.

In honnor of Jazz organinst Jimmy Smith  this  3.9 version named Smith natively includes lots of plugins with some interesting features.

Create audio and video playslits

create_audio_video_playlist_wordpress_3.9

You can create simple audio or video playlists from multiple sources. You can play your videos without the need for additional plugins.

Find and preview your themes faster

theme_experience_wordpress_3.9

The new Theme Manager has a larger size for the preview images (screenshot) , provides more details on themes that you have already installed and is according to offical wordpress website “faster” when it comes to previewing themes.

Crop and edit images from within the visual editor

image_editing_wordpress_3.9

Now it is easier to edit and crop an image within the visual editor . Just click on the image and then select the pencil icon .

From there you can quickly edit the details and click Edit Original , you will be able to crop, rotate , and change the image size.

Live preview widgets changes

widget_preview_wordpress_3.9

Back then changes done in widgets were visible only after reloading pages. Now you can see these changes as you are making theme

Preview your galleries

preview_galerie_wpordpress_3.9

Need to publish your article before knowing what your gallery will be like.

Support for Meetup and Imgur

embed_imgur_meetup_wordpress-3-9

If Meetup is a portal for online social networking that allows offline group meetings in various parts of the world, Imgur is a hosting online picture service.

Developers of 3.9 enables users to embend both, as you would for normally do for a Youtube video for instance.

WordPress : How to create an Administrator via FTP or SQL

create_wordpress_administrator
Standard

create_wordpress_administrator

One day you might lose you login and even the “I forgot my password” procedure might not lead to anything. You can either run an SQL query and to create an administrator or go through FTP to do it programmatically.

Method 1: SQL

The user you will create be have these credentials:

  • ID: 500
  • Username: boss
  • Password: HarD3nY0uRPa55!
  • Email: your@youdomain.com

1. Create the user with e-mail and password (MD5)

INSERT INTO `wordpressdatabase`.`wp_users` (`ID`, `user_login`, `user_pass`, `user_nicename`, `user_email`, `user_status`, `display_name`) VALUES ('500', 'boss', MD5('HarD3nY0uRPa55!'), 'boss', 'your@youdomain.com', '0', 'The Boss');

2. Specify administrator capabilities

INSERT INTO `databasename`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, '500', 'wp_capabilities'>,'a:1:{s:13:"administrator";s:1:"1";}');

3. Set Administrator role for user

INSERT INTO ` wordpressdatabase`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, '500', 'wp_user_level', '10');

Method 2 : FTP

1. Create this function in functions.php of the current theme

// user creation
function new_user($username, $password, $email_address)
{
if( null == username_exists( $email_address ) ) {

// Generate the password and create the user
// $password = wp_generate_password( 12, false );
//wp_create_user accepts a username, password, and email address
$user_id = wp_create_user( $username, $password, $email_address );

// Set the nickname
wp_update_user(
array(
'ID' => $user_id,
'nickname' => $username
)
);

// Set the role
$user = new WP_User( $user_id );
// $user->set_role( 'contributor' );
$user->set_role( 'administrator' );

// Email the user his login
wp_mail( $email_address, 'Welcome!', 'Your Password: ' . $password );

} // end if

}

 

2. Call that functions in  header.php

new_user('your_nickname', "your_password", 'your_email');

 

3. Go to homepage url and enjoy
Your login will be created and you will receive an email indicating your credentials

Usefil links

Ubuntu One will be no more on 1 June 2014

ubuntu_one_will_be_no_morejpg
Standard

ubuntu_one_will_be_no_morejpg

On Thursday, April 2, the official website of Ubuntu One informed its users of the imminent closure of the service. Those like me who believe in fake can only make a backup of their files now and say goodbye to this valuable storage tool.

We are sorry to notify you that we will be shutting down the Ubuntu One file services, effective 1 June 2014, we read on the website of the Cloud Service.

Launched in May 2009 to generate revenues to Ubuntu, Ubuntu One is a suite of cloud services including storage, files sharing and sync. Free 5GB quota is available at registration and for extra charges you can enjoy additional features as audio streaming, more storage space.

Canonical, the UK firm providing commercial support to Ubuntu acknowledges the magnitude of this decision.

This is a tough decision, particularly when our users rely so heavily on the functionality that Ubuntu One provides explains Jane Silber, CEO of Canonical, via her blog.

According to her, keeping Ubuntu One competitive in the highly concurential Cloud Services environment would generate costs that they cannot afford.

the free storage wars aren’t a sustainable place for us to be, particularly with other services now regularly offering 25GB-50GB free storage.  If we offer a service, we want it to compete on a global scale, and for Ubuntu One to continue to do that would require more investment than we are willing to make, she added.

For those with an annual subscription, Canonical reassures them that their unused fees will be refund. It is also possible to download their data until June 1. Nevertheless it is important to note that the shutdown will not affect the Ubuntu One single sign on service, the Ubuntu One payment service, or the backend U1DB database service.

Bloggers of Côte d’Ivoire, let the tournament begin

E-voir Blog Awards 2014
Standard

EBA 2014 - E-voir blog awards 2014
From 02 April to 02 August, bloggers of Côte d’Ivoire will take part in the second edition of the national blog contest : E-voir Blog Awards (EBA).

This competition organized E-Voir, an Ivorian Web Agency  especialized in Marketing and Media Solutions has a purpose aims to “promote and encourage the growth of credible and valuable blogs” explained the intiators.

E-voir Blog Awards 2014 consists of 3 categories :

  • Award of Best Blogger
  • Award of Best Female Blogger
  • Award of Best Community Blog

Started in 2011 with the 1st edition EBA was under the name “Ivoire blog Awards”.
This initiative had rewarded the now cartoonist Roland N’Dépkloman (a.k.a Polman) and Yehni Djidji respectively best blogger and best female blogger Côte d’Ivoire.

Unarchive a tar or gz in seconds with PHP

unzip-tar,gz
Standard

unzip-tar,gzIn one of my previous articles I explained how to decompress a zip file on your web server with php. This time, the same method but for tar and gz files.

Decompress a gz file

<?php
// decompress from gz
$p = new PharData('files.tar.gz');
$p->decompress(); // creates files.tar
?>

Decompress a tar file

<?php
// unarchive from the tar
$phar = new PharData('files.tar');
$phar->extractTo('new_dir'); ?>

Code.ci – Step 1: It was about managing data in android application

codeci_screen
Standard

codeci_screen

Saturday March 22, 5pm, A joyous crowd of young people dressed in black T-shirts where you can read a coded message :  « I </>, what about you? ».

This is indeed the end of the first day of Code.ci – Session 1, a training sessions program for developers organized by the Ivorian startup Intelgeo.

codeciday-1-0

This training session entitled «Store and use data in an Android application» has gathered for two days (22-23 March) fifteen young passionate developers.

« Context, Activity,layout xml, Intent, Adapter, Ormlite, DbHelper » here’s an idea of the topics covered in the headquarters E-voir.

Day 1 : ListView and Custom Adapter

Saturday 13:30, more than a dozen participants are watching their screen and following instructions that are shown by Regis Bamba the Instructor through TeamViewer. The goal here is to develop an application that displays in a ListView, a list of data using a Custom Adapter.

Day 2 : The power of ORMLite

coceci-day2

The challenge of the second day was to create a TodoList and insert data into the SQLite database.

OrmLite, an ORM (Object Relational Mapping) java, has demonstrated its power in managing the SqLite Data embedded natively in Android.

This tool simplifies the interaction with the database, reducing the lines of code needed -  Erwin Frédéric, Participant 

 

Useful links

Flashbacks

 

Manage your Linux serveur with fun using Zpanel

zpanel-install-in-5mins
Standard

zpanel-install-in-5mins

If you have chosen a dedicated rather than a shared server, you will quickly feel the need for an effective Manager. Discover ZPanel an excellent Opensource hosting manager.

There are are floods of hosting Managers. Some are costly as Cpanel or Plesk, but fortunately it also exist opensource alternatives: KloXo, Webmin and ZPanel.

Discover the user-friendly interface

I was seduced by its very warm Dashboard.

Zpanel-dashbord

 

Install Zpanel in less than 5 min via SSH (Ubuntu 64bit)

The server used for this test has Ubuntu 12.0.4 as OS.

(see the install guide for other distributions intallation)

It is strongly recommended to install ZPanel from a minimal installation (fresh install).

Swap to root for all the installation duration

sudo -i

Ensure you are in your home directory:

cd

Download the installer

wget https://github.com/zpanel/zpanelx/releases/download/10.1.0/installer-10-1-0-ubuntu-64.sh.x

Make the installer executable

chmod +x installer-10-1-0-ubuntu-64.sh.x
apt-get install curl at
./installer-10-1-0-ubuntu-64.sh.x

Follow the on screen instructions during the installation and reset the Zpanel password

setzadmin --set <em>password</em>

Return to user lever

exit

Example of task : Create an  FTP account

zpanel-create-ftp-account-dashboard

Choose the FTP section in the Dashboard

 

Créez et configurez le nouveau compte

Create and configure the new account

Useful links

How to zip a folder on your web server with PHP

zip-ftp-folder-samcity
Standard

Some days ago, I shared how to extract a zip files using php. Find out today a trick for zipping recusively an entire folder on you web server.

 

<?php
// increase script timeout value
ini_set("max_execution_time", 300);
// create object
$zip = new ZipArchive();
// open archive
if ($zip->open("my-archive.zip", ZIPARCHIVE::CREATE) !== TRUE) {
die ("Could not open archive");
}
// initialize an iterator
// pass it the directory to be processed
$iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator("app/"));
// iterate over the directory
// add each file found to the archive
foreach ($iterator as $key=>$value) {
$zip->addFile(realpath($key), $key) or die ("ERROR: Could not add file: $key");
}
// close and save archive
$zip->close();
echo "Archive created successfully.";
?>

Credits for this work go to Oleksiy .

 

Case study : Logo design process for Esfa

logo_esfa_logo_design_process_sam_city
Standard

logo_esfa_logo_design_process_sam_city Some months ago, I was hired as freelance for designing a logo for a non profit organisation helping young girls and women: ESFA. This case study shows steps I went through and some methods used by most graphic designers.

1. Brief

As explained by David Ariey, author of Logo Design Love,

Asking a series of very specific questions and about you client’s needs and desires will help you make a brief that reflects expectations of both you and your client for the project.

So I naturally requested an interview with Mrs Christine Yakayoro, chairwoman of the NGO.

She answered my questions among wich were the following:

Can you introduce to me Esfa, its history, its goals?
According to you what words best describe Esfa?
Which local or foreign NGO can Esfa be compared to?

She explained me the main purpose of the Esfa (Espoir filles et femmes d’Afrique), which purpose is helping young girls and women of Africa by educating and providing them social material & psychological support. Having heard more about the history of Esfa, its goals and its functioning, I could move on to the mindmapping step.

2. Mindmapping

Basing on the information gathered through the brief I ended up drawing this picture which illustrated these keywords :

  • Hope, social support, well being, happiness, fulfillement
  • Africa, african woman , young girls, education of young girls

logo_design_process_case_study_esfa_mindmap3. Research and Sketching

The research step consist of learning as much as possible about client, « its environement, its culture, values and the way they do business, and then inject that message into the logo design » explained, Peter Vukovic on 99designs.com. Though many professional designers consider the research part as a step distinct from the sketching, I think both of them are really linked. So right after doing the mindmapping, It was time to :

  • Look for inspiration
  • Search for logos of NGO in the same field of activity and critque them
  • Draw on paper all the ideas gathered from the previous steps

logo_design_process_case_study_esfa_sketching_sam_city

4. Conceptualising and Refining

Using Adobe Illustrator (CS6) , these drafts have been « brought to life ». Three propositions were showed to the client who made her choice.

logo_design_process_esfa_conceptualizing

3 Propositions choices were offered to the clients

 

logo_design_procfess_esfa_refining_final

The third option was chosen and edited

logo_esfa_logo_design_process_sam_city

The final logo