WordPress

Style WordPress User Profile Page

WordPress user profile page seems very cluttered in case you have multiple plugins that add content to User Profile. You may use below snippet to clean up the same.

Here’s how it looks after adding the styles.


<style type="text/css">
#profile-page h2{
padding: 10px;
background: #ddd;
position: relative;
}
#profile-page h2 + table {
overflow: hidden;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
display: none;
padding: 10px;
}
#profile-page h2.active + table {
display: block !important;
}
#profile-page h2::after {
content: "\f140";
font-family: Dashicons;
position: absolute;
right: 0;
top: 0;
display: block;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
font-size: x-large;
padding: 10px;
}
#profile-page h2.active::after {
content: "\f142";
}
</style>
<script>
jQuery('#profile-page h2').on('click', function(){
jQuery(this).toggleClass('active');
});
</script>

WP Ultimate CMS Taxonomy Shortcodes

I assume WP Ultimate CMS taxonomy short code has not been described completely, So I’d provide some detailed information about it now.

Preparation

Let’s assume there is a taxonomy with
name ‘manufacturer’
Field Types:
1. name: logo, type: image
2. name: website, type: textbox

Sample Terms associated
1. name BMW with a logo and website `http://www.bmw.com/`
2. name AUDI with logo and website `http://www.audi.com/`

Basic Shortcode:

[xy_{taxonomy_name}]

Parameters Associated with Shortcode

  • field
  • start
  • end
  • name_before
  • name_after
  • description_before
  • description_after
  • {field_name}_before
  • {field_name}_after
  • field_term
  • showall
  • fieldcode

Further Examples

1. To show the term details in a post, all we need to do is add following shortcode

Syntax : [xy_{taxonomy_name}]
Example: [xy_manufacturer]
Output : BMWAUDI

2. To show the only website(field) of term in a post, all we need to do is add following shortcode

Syntax : [xy_{taxonomy_name} field="{field_name}"]
Example: [xy_manufacturer field="website"]
Output : http://bmw.comhttp://audi.com

3. To add html code before and after the display of shortcode, all we need to do is add following shortcode

Syntax : [xy_{taxonomy_name} field="{field_name}" start="{HTMLCODE}" end="{HTMLCODE}"]
Example: [xy_manufacturer field="website" start="<span class='class1'>" end="</span>"]
Output : <span class=’class1′>http://bmw.comhttp://audi.com</span>

4. To add html code before and after name or any fieldname the display of shortcode, all we need to do is add following shortcode

Syntax : [xy_{taxonomy_name} {field_name}_before="{HTMLCODE}" {field_name}_after="{HTMLCODE}"]
Example: [xy_manufacturer website_start="<span class='class1'>" website_end="</span>"]
Output : <span class=’class1′>http://bmw.com</span><span class=’class1′>http://audi.com</span>

Field Type Groups

Field type groups seems to be a nice idea where, various form element can be combined to form a group and represent a block and can hence be styled individually.

Whats required:

  • A variable to store group id along with every field item created for a type(page type or post type or whatever)
  • A page to configure group properties like
    • Create group
    • option if group allows multiple entries ?
    • group css /js(may be its a bad idea as it would complicate stuffs or may be it’s good and it would keep csss js at seperate places)

Seems a good idea to add to WordPress Ultimate CMS plugin.

Please share you comments if you have any thoughts..??

Ultimate CMS 1.0 Released Today

WordPress Ultimate CMS plugin Version 1.0 has been released today. It would be great if i could get some response on whether there are any issues involved in it or if the plugin is breaking you site ( This shouldn’t usually happen).

Please let me know ASAP, So that i can fix it for you.

This version of Ultimate CMS has various changes from code perspective, but in front end it seems mostly the same. The code is more modular, easy to mend and provides options for adding new modules instantly. Added Module Manager so that any module that is not desired can be switched off.

The performance has been improved. Please check and let me know if anything still bugs you.