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>

Google Photos

Sometime back i synced my IPhone with Google photos and all my photos where mixed up. It was difficult to identify the photos worth storing and those that can be deleted. What i found was there is no way to search for all photos based on certain criteria and i ended up doing below.

500 photo limit for Album
– This limit is only on number of photos that you use to create an album of move to album. So you can start creating album with 500 photos and then keep on adding photos to album i guess upto 2000. Remember the batch size should be 500.

Searching based on camera
– Try camera= to find photos shot from specifix camera.

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..??

PHP Errors on dynamically generated CSS and JS file

I recently faced PHP errors on one of the dynamically generated CSS and JavaScript files in Ultimate CMS plugin. I tried the PHP error reporting, but it didn’t work for me.

I used error_reporting('E_NONE'); so that the page won’t show any PHP errors, but due to some warnings or other, the error seems to reappear.

Later i thought may be i could store the initial output in buffer and clean the buffer before using it again, and guess what, It worked.

This is the code i used:

header('Content-type: text/css');
ob_start();
require_once("../../../wp-config.php");
ob_clean();

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.