Jonas Hjalmarsson

Two different shortcodes; <code>[csvsearch]</code> enables search in csv-file uploaded to the Media-library. Enter the URL in the shortcode to add a searchbox that will find matches in that file with a jquery-ajax-call and presents each row with the format specified. <code>[filtersearch]</code> enabled a filter search box to a page that filter contents instant with jquery. You can set the element to filter within and other settings through the shortcode attributes.
<h4>[csvsearch]</h4>
Add csv file search functionallity to any post or widget with the shortcode 
 [csvsearch src=”https://path_to/content/file.csv”]
With this shortcode a search button will be generated and will by instant-ajax-search search through the csv-file in the src attribute and return the rows found matching the search input.
<a href="https://jonashjalmarsson.se/csv-and-html-search-filter-for-wordpress/" rel="nofollow ugc">Check blog post at jonashjalmarsson.se for live samples.</a>
Settings:
There are some settings to control the search and output.
<ul>
<li>
src Enter the path to the file to search, the file is uploaded through the Media archive as with any other file. Find the URL and enter it in this attribute.
</li>
<li>
format How each line in the output will be formatted. 
Use {b} to render etc. All { and } will be replaced with < and >. 
Use {0}, {1} etc. to place the columns where you want in the output line. 
Default is: <code>{b}{0}{/b}, {1}, {2}{br/}</code> 
column1 (in bold), column2, column3 end with line-break.
</li>
<li>
searchtext Text that will be shown in search button. Default is in swedish: ‘Sök’.
</li>
<li>
charset Default charset is ‘iso-8859-1’. Can be set to any charset available through this attribute.
</li>
<li>
instantsearch Should instant search be enabled. I.e. dropdown results when entering text. Default is ‘false’.
</li>
<li>
instantformat Format for instant search. Default is ‘{0}’.
</li>
<li>
dataidformat Which column contains ID. Is used when click on dropdown. Default is ‘{0}’.
</li>
<li>
csv_separator Set column delimiter to use. , or ; is normally used depending on csv type. Default is ‘;’
</li>
<li>
nothing_found_message Set your own message when there are no hits in search. Default is ‘Nothing found when searching for: ‘
</li>
<li>
exact_match Set to true to only match exact matches, case sensitive. Default is ‘false’
</li>
<li>
placeholder_text Set a text to be seen as placeholder for the search. Will be replaced when a search is made. Default is none.
</li>
<li>
only_search_in_column Only search in one specific column. Enter 0 if you only want to search in first column. Remove this argument or add -1 to search in all columns. Default is -1
</li>
<li>
show_header_row Show first row as a header row by setting to true. Default is ‘false’
</li>
<li>
headerformat Combine with show_header_row to set format for header row. See format above to see more info.
</li>
<li>
ignore_default_header_style Set to true to ignore default style for header row. Default is ‘false’.
</li>
<li>
skip_file_check Skip the file check. Use when file check not working properly, for exampel when WP installed in sub directory.
</li>
<li>
set_focus_on_load Set to true to focus input element on page load, set false if not to focus. Default is ‘false’.
</li>
</ul>
Screenshot 1 shortcode: 
 [csvsearch format=”{0} | {1} | {3}{br/}” src=”/files/2016/07/sizedata.csv”/] 
Which means showing first, second and fourth column from the file with a separator between and line break at the end.
<h4>[filtersearch]</h4>
Add filter/search functionallity to any post or widget with the shortcode 
 [filtersearch]
With this shortcode a filter input will be generated and will instant filter the content in the page or post. You will be able to select if all page will be filtered or just some of the elements.
Settings:
There are some settings to control the filter.
<ul>
<li>
search_element Select within which html-element the content should be filtered. Should be entered as ‘element.classname’ (i.e. table.content or .content) in any form combining element, id and/or classname.
</li>
<li>
show_header_in_table Set to true if the first row in table is a title and always should be visible. Only affects when filtering tables.
</li>
<li>
text Replace the standard text placed in front of search box.
</li>
<li>
clear_icon_class Class to use to show ‘clear’-icon. Default is ‘delete-icon’.
</li>
<li>
clear_text Text to show in the clear button, useful instead of icon. Default is empty.
</li>
<li>
set_focus_on_load Set to true to focus input element on page load, set false if not to focus. Default is ‘true’.
</li>
</ul>
Screenshot 2 shortcode: 
 [filtersearch text=”Sök hämtningsdag för din ort” search_element=”table” show_header_in_table=”false”]

HTML filter and csv-file search

Easy way to enable jquery HTML filter or a CSV-file-search to a webpage. Use the shortcodes [csvsearch] and [filtersearch] to enable.

aleapp

CSV Mass Importer is a perfect solution for those looking to import and export post data in a massive manner through CSV file. It supports built-in wordpress types and custom post types.
CSV Mass Importer can import attachments and is compatible with WPML.
<h4>EXPORTING DATA</h4>
Before you hit the Export button you may want to adjust some settings in the Export section. 
Here are the options you have:
— Post type
You are free to choose between defaut wordpress post types or any custom post type registered.
— Load fields
Use “Load fields” button to discover fields associated with the post type you selected previously, 
it includes entity fields, metas and taxonomies. If you don’t invoke “Load fields” action or don´t check any of the loaded 
fields CSV Mass Importer will assume you are trying to export all the data associated with the post type.
— Dates
This will allow you to export posts within a specific time period. Leave empty to export all dates.
— Limit
Specify the number of posts you want to export or leave empty to export them all.
— Destination
Here you select what to do with the exported file, download it or leave it on the server at /wp-content/cmi-data/data.csv.
Note that CSV Mass Importer does not export post’s media attachments, but it does import them, see below.
<h4>IMPORTING AND UPDATING DATA</h4>
When importing data be sure to have a well structured data file. Its always a good idea to export a number of posts that will serve you as a template. These are the key points to keep in mind:
— CSV file header (field names)
As usual, the first row in the CSV file represents field names.
There are three data types: entity data, meta data and taxonomy data.
To distinguish meta data and taxonomy data from the entity data append :meta or :taxonomy to the field name respectively. 
This plugin version does not include fields mapping facility, therefore be sure to provide correct field system names in your CSV header.
— Required fields and default values when importing new posts
[ID] (required). In case we are acreating new posts the ID field must contain “new” keyword for each post entry. 
If ID is an integer, CMI assumes its an update.
[post_type] (optional). If ommited or empty CMI will assume you are importing “post” type.
[post_content] (optional). If ommited or empty ” ” will be inserted as a dummy value.
— Required fields when updating posts
[ID] (required). ID is the only required field when updating posts. This field expects an integer. Of course it makes no sense 
to have it alone, add whatever entity, meta or taxonomy field you want to update to your CSV file.
— Values
Values may be simple or multiple. Multiple values always refer to metas or taxonomies and will expand across multiple rows until 
the next data row begins.
— Attachments
When importing posts with attachments you have to structure the import package differently.
In order to import posts with attachments place media files in /images folder. Then, add “attachments” column in the CSV file and 
fill it with media file names (no paths, just file names) for each post entry respectively. You can enter multiple values, one per cell.
Assigning thumbnail is simple. To do this, add a “thumbnail” column to your CSV file and fill it with file name for 
each post entry respectively. The attachment file must be one of the files you entered in the “attachments” column.
Requirements to the import package when importing data with attachments.
When importing posts with attachments it is important how you name the CSV file and where you place media files. 
The requirement is to name the CSV file as data.csv and place the attachment files in /images folder:
/data.csv 
/images/myimage1.png 
/images/myimage2.png 
/images/myimage3.png 
/images/myimage4.png 
/images/myimage5.png
For direct upload method, compress data package as a zip archive. 
If you prefer to upload files by FTP, place them in /wp-content/uploads/cmi-data folder of your wordpress installation.
— Multilingual content with WPML
CSV Mass Importer can import post translations at the same time you import original post data in original language. 
To accomplish this create “lang” column and set language code for each post entry as a two-digit code (e.g. en, fr, de, es …). 
Its important that translated posts go after the original post.
— Post taxonomies
CSV Mass Importer does not create taxonomy terms. Make sure taxonomy terms exist prior to the data import.
— Deleting metas
Meta values and taxonomies will be deleted if value cell is empty. To prevent this “Safe mode” is enbaled by default.
<h3>Troubleshooting</h3>
<ul>
<li>Export button freezes. This problem is normally due to server side errors such as PHP memory limit being too low. 
Increase memory_limit in your server and try again.</li>
</ul>

CSV Mass Importer

CSV Mass Importer is a perfect solution for importing and exporting post data through CSV file.

HTML filter and csv-file search vs CSV Mass Importer