How to Import flashcards in Flashcard Slider using CSV file

How to Import flashcards in Flashcard Slider using CSV file

We introduced import flashcards feature in the Flashcard Slider v1.2. Now one can import hundreds of flashcards at once using this import feature. Here is the step by step process to import flashcard CSV (comma separated values) to create a slider of hundreds of Flashcards in no time.

1. Create a category for ‘Flashcard Custom Post type’. If Flashcard Slider plug-in is activated, you will see a new menu as ‘Flashcards’ (as a custom post type). Click on the ‘Flashcard Categories’ sub-menu to see all categories. Now add information for the new category and save the changes.

Flashcard Categories

2. Go to the ‘Flashcard Slider’ menu on dashboard and there you will find ‘Import’ sub-menu just below the settings sub-menu. Click on the ‘Import’ link,

Flashcard Import

3. The ‘Import Flashcards’ window will open. Upload the CSV (Comma Separated values) file of flashcards using the upload button. And also select the category from the drop-down to attach to all the flashcards. Click on ‘Import’ button to import the CSV file successfully.

Format – The .csv file should have a format as one question,answer per line with question and answer as comma separated. Example

Flashcards Import Window

4. Once the upload is complete, you can embed the slider with all Flashcards by adding the below shortcode inside the page or post content Or use the template tag to embed the slider anywhere on your site. You can copy the category slug from the ‘Flashcard Categories’ page (in step 1).

Shortcode
[flashcardcategory catg_slug='vocab']

Template Tag

<?php if ( function_exists( 'get_flashcard_slider_category' ) ) { get_flashcard_slider_category('vocab'); } ?>

5. To change the number of Flashcards visible in the Flashcard Slider, go to the Flashcard Slider settings page ==> Basic Settings tab ==> Basic Settings section ==> Change the value in ‘Number of Flashcards in the Flashcard Slider’. Sva the changes. You can create new settings and apply that setting in the shortcode using set=’settings ID’.

Additional tip – Once imported, the first part in the CSV will appear as the title as well as the front content of the Flashcard. If you don’t want the title to appear on Flashcard (because of the duplicate content on front side), you can disable the Flashcard Title from settings page. Go to the Flashcard Slider settings page ==> Flashcard Settings tab ==> Flashcard Title section ==> Select ‘No’ for the field “Show Flashcard Title’ and save the changes.

How To Install SliderVilla Plugins on Thesis Theme Framework

How To Install SliderVilla Plugins on Thesis Theme Framework

SliderVilla Tutorial for Thesis Framework

SliderVilla WordPress slider plugins are fully capable of running on different theme frameworks including Thesis Theme by DIYthemes. Whether you purchase Pointelle, Roster, Listic, Indexo or any other plugins from SliderVilla, you can embed the slider on Thesis in no time.

Thesis is a widely used theme framework because of the SEO benefits and hooks availability and that’s why we thought to share a dedicated tutorial to setup SliderVilla plugins on this theme. Here is the tutorial to let you install SliderVilla plugins on Thesis theme framework. What makes Thesis theme different from normal WordPress themes is the availability of multiple hooks which enable you to run custom code on different places inside the theme template to get full control with minimum coding required.

SliderVilla plugins are having three options to embed the sliders; Template Tag, Shortcode and Widget. You can use either of three ways to get the slider on your theme after activating the plugin. Here is how you get the slider on Thesis by these three ways on Thesis Theme.

Template Tag (PHP Code)

Thesis Theme is having a custom_functions.php file where you can put whatever functions that you want to run on specific hooks. You can edit this file from “Custom File Editor” option menu available under Thesis Menu on Dashboard. You just need to write a functions to execute the slider template tag and then ADD that function on required hook to run the PHP code on that location.

For example, if I want to install Pointelle Slider WordPress slider just after the site logo (above the post title and content), I would write the below mentioned code inside the custom_functions.php editor.

function thesis_get_pointelle_slider() {
if ( function_exists( 'get_pointelle_slider' ) ) {
  get_pointelle_slider(); }
}
add_action('thesis_hook_after_header', 'thesis_get_pointelle_slider');

You can provide any name to the function. In above example, I named the function as “thesis_get_pointelle_slider”, you can give any other name as well. But the important point is that you will have to call the same function name in add_action line.

Inside the function, I have just written a simple template tag of Pointelle Slider. You can read more about the different template tags for SliderVilla plugins on their help guide document.

Using OpenHook Manager

OpenHook Customizations Manager is a free WordPress plugin which enables you to run PHP code or any other code at specified hook in Thesis Theme without much effort. You don’t need to edit the custom_functions.php file again and again to run required functions. Here is the step to add and run SliderVilla plugin template tag at specific location inside the Thesis Theme using OpenHook plugin.

  • Install and Activate OpenHook Customizations Manager free WordPress plugin
  • Enable Thesis Hook from General Settings option on plugin page (i.e. Activate Action Groups)
  • Select the Thesis hook “thesis_hook_after_header” from dropdown
  • For Roster Slider, paste the Roster Slider template tag inside the box
<?php if ( function_exists( 'get_roster_slider' ) ) {
  get_roster_slider(); } ?>
  • Check “Process PHP on this hook? (Your code must be wrapped in <?php ?> tags)” option and Save Changes

Shortcode

We have provided shortcode for each plugin on SliderVilla to let you install or run SliderVilla sliders inside a post or page. The procedure is similar for any theme framework as you just need to paste the defined shortcode inside the post or page edit window at specified location and save that page or post.

Using OpenHook Manager

In Thesis Framework, you can actually get shortcode running the complete piece of code at any place by using OpenHook Customizations Manager WordPress plugin. This plugin is having an option to let you run shortcode at any hook in Thesis Theme. If you want to have Roster Slider just below the site logo and header area and you don’t want to write the template tag, follow the below steps.

  • Install and Activate OpenHook Customizations Manager free WordPress plugin (No need to install and activate again, if activated already)
  • Enable Thesis Hook from General Settings option on plugin page (i.e. Activate Action Groups)
  • Select the Thesis hook “thesis_hook_after_header” from dropdown
  • Paste the Roster Slider shortcode i.e.
    [rosterslider]

    inside the box

  • Check “Process shortcodes on this hook” option and Save Changes
Done. You will see the Roster Slider running just after the header area of your Thesis Theme.

Widget

Adding widget in Thesis Theme is similar to the other theme framework. You need to go to,

WordPress Dashboard ==>Appearance ==> Widgets 

and then drag and drop the available widgets to widget area. Thesis is a widget ready theme framework with multiple widget areas. You just need to drag and drop the SliderVilla plugin widget to required area and then customize the options in the placed widget. For example, Pointelle Slider is having three widgets as follows,

  • Pointelle Slider Simple
  • Pointelle Slider Recent Posts
  • Pointelle Slider Category

You can drag and drop any of three widget in widget area and can see a Pointelle Slider running in that widget area on your theme template.

I am sure, now you will be able to run SliderVilla plugins on Thesis Theme or child themes of Thesis Framework. If you find this tutorial helpful, please share this on your social network. Let us know in case you need tutorial for specific theme framework.

How to retain HTML formatting and elements in SliderVilla Sliders

Many SliderVilla users do have a question that how the formatting of the text in the post content (i.e. paragraphs, line breaks, anchor elements/links or div elements) can be retained in the SliderVilla sliders or can the video embedded in the post be displayed in the Slider.

The answer is ‘Yes’, you can definitely specify which all tags you would like to retain in your slider. By default, all the HTML tags in the Slider content are removed and the slider content is a plain text. But you can specify the required tags to be retained as follows:-

On the Slider settings => Basic Settings Tab => Miscellaneous => Retain these HTML tags => Enter the html tags that you have to retain as follows:

<p><br><div><a><object><embed><iframe>

Note that you do not have to specify the closing tag.

Also, note that the HTML tags can be retained in the content area (Slider Content) and not for the Post/Page title or the Images extracted.

Please use the support forum in case of any queries or write us using the contact form.

Basic: How to Add Template Tags in WordPress Theme Template Files

There are many WordPress plugins that provide template tags or you can say functions that you are asked to add to your theme template file (like index.php or page.php). Let us consider an example of SliderVilla Slider Plugin named Pointelle Slider. Pointelle Slider offers template tags along with shortcodes and widgets to embed the Slider on the WordPres site. The basic Pointelle Template Tag provided in the user guide is as follows:

<?php if ( function_exists( 'get_pointelle_slider' ) ) { get_pointelle_slider(); } ?>

So, if you are learning WordPress and wonder how can I put this slider on the front page of my blog, you can follow the below basic steps to implement the template tag:

1) Say if you are using ‘Twenty Eleven’ WordPress Theme. Go to the Theme Editor in Appearance Settings on WordPress admin panel. If you cannot edit the theme files thru editor, you will have to download them using FTP, then edit them and upload the modified file to the theme folder. Use the code editor or plain text editor to edit the .php files. Do not use Rich Text Editors like MS Word etc., otherwise you will mess up the code badly.

2) Now, go to Settings => Reading => Note what you are showing on ‘Front Page Displays” i.e. either Your latest posts (then your template to edit will be index.php) or A Static Page (then your Template will be page.php or the Page template for the particular page selected to show on the homepage). Also, if your theme has home.php, this can be the template file you would need to edit.

3) In most of the cases the template file to be edited would be index.php

Open the file to edit => Find out the below code in the template file

<?php if ( have_posts() ) : ?>

Paste the Pointelle Slider Template Tag just above this code and save/upload the file.

4) And you are done!!!

So this is an example how the template tag can be added to a WordPress theme’s template file.

How to use Roster Slider to display WP E-commerce Products

How to use Roster Slider to display WP E-commerce Products

Roster Slider can be used to display the WP E-commerce plugin products as Roster Slider (as well as the other SliderVilla plugins) support Custom Post Types. WP E-commerce products are now (from version 3.8+) saved as Custom Post Types and you can see the ‘Products’  manage menu on the left side just after the ‘Comments’ menu. You can ‘Add New’ Product or ‘Edit’ the existing (previously created) product using this menu.

WP E-commerce Products as Custom Post Types

When the Roster Slider is activated, you would get a metabox at the bottom of the ‘Products’ edit panel. If you are unable to see the below metabox, go to Screen Options settings on the extreme right hand top corner of your WordPress admin panel => Put a tick in the ‘Roster Slider’ checkbox. You will start seeing the below metabox on the edit Product panel.

Roster Slider Metabox - to add the Product to the Slider

So now you can easily add the Product created to the Slider.

1) The Post Title will be the Product Title

2) You can specify short description for the product as well which will appear in the slide. Use the custom field slider_content to add the custom description. Also, on Roster Slider Settings, choose to pick the content from this custom field.

3) Roster can pick the image from the Product Thumbnail or slider_thumbnail custom field (or you can specify the custom field name on Roster Settings panel=> Thumbnail Settings). It can also pull the product image attached to the Product or scan the image from the Product description.

Refer Roster Slider usage guide and plugin feature and demo page for more details.

How to add Product Price to the Roster Slide

Roster Slider supports Custom Fields. Read the below FAQ for more details:

How to specify custom fields for Roster Slider Posts.

Below are the custom fields for Prices used in WP E-commerce plugin (do not manually create these custom fields as they are getting values from the ‘Price Control’ metabox on the right side -center on the Edit Product panel).

Product Price: _wpsc_price

Sales Price: _wpsc_special_price

So you can enter these custom fields (as well as others) on the Roster Settings panel.

Say if you choose to display _wpsc_price :

When the price will be displayed on the Slider for a particular product, the price field will be enclosed in a DIV element with class equal to name of the custom field preceded by roster_ i.e. roster__wpsc_price in this case. You can style this DIV using CSS (i.e. you can assign background image of Shopping Cart or color to this Price and so on).

Thank you Teresa for helping us out adding this feature to Roster. Read the Forum Topic created by Teresa below:-

Using the Roster Slider with WP e-Commerce

You can add your inputs or how you have implemented custom fields in Roster thru the comments form below.