BPOVIA Website Design

Icon

BPOVIA Website Design

How to Submit Your Plugin to Official WordPress [2]

After your application passes the audit, you will receive an official email from WordPress, content is shown as follow:

For Linux users, please refer to official help document

Below is for Windows users, who will use Subversion to finis.

1. Download and install subversion software, TortoiseSVN is recommend, reboot after installation.

2. Create a new folder, \SVN\WordPress\my-plugin-mane\ for instance.

3. Right-click the folder, select [SVN Checkout].

4. Fill the svn URL mentioned in the email, and click OK.

5. Then you can receive the document from server.

6. Go to truck, copy your plug-in document to this folder, then right-click the folder, select [SVN update].

7. Fill log information into the popped up Log Message window, then click submit.

8. Finally the login window pops up, fill in the relevant WordPress.org username and password.

You may have noticed that username and password are not required in check out, however, you need to provide them when checking in.

Attention:

Application version, installation instructions, FAQ and screenshots are set in readme.txt, the information of plugin page is generated from this document and automatically read by official. Detailed instructions of readme file can be found here, it’s a example file itself. Here is a validator which can be used to check if the readme document meets the requirement. After finishing editing and uploading readme, the official plug-in page will change accordingly (within 15 mins as said officially).

Other information like plug-in creator, plug-in mainpage and so on are defined on the php header of the plugin themselves. Plug-in creators should be familiar with this.

Finally, we suggest adding Stable tag: 1.0 into readme.txt under trunk folder, then create sub folder named the version under tags folder, and then put the stable version file into this sub folder, the path is like this:

/tags/1.0/my-plugin.php

Then users would stick to stable version regardless of frequent version modification.

How to Submit Your Plugin to Official WordPress

You may regard the plugin submission as a piece cake especially when you have achieved creating it, however, the fact is, submitting your plugin is much more complicated than is imagined.

BPOVIA Team has created a log of plugins, some of which have been submitted to official WordPress, then let’s take a look at how we accomplish that.

First of all, why submit plugins to official WordPress?

  • You plugins will not be found in official plugin directory until they have been submitted, which means that if you want your plugins to enjoy a high popularity in users, you need to submit them.
  • There is no space and bandwith limit for WordPress official plugin library, compared with putting them on your own website, you don’t need to worry about any running issue when they are being over-downloaded.
  • With the help of SVN Subversion provided by WordPress.org, you can easily update and maintain the plugins.
  • You can also track the number of your plugins’ uploads, users’ feedback will be handed to you.

Secondly, it’s time to deliver your application.

Tips: When you fill the form:

  • You cannot change the name of your plugin after application, so think twice about it.
  • However, the plugin description can be modified as you wish.
  • Regarding Plugin URL field, fill it in with the relevant release page on your blog, or leave it blank if you don’t have.

It is not hard to pass the auditing, often 1 to 2 business days will be enough, then you will receive an email from WordPress, attaching the URL information you will use in submitting your plugin.

To be continued….

Block spams by integrating Ajax Fancy Captcha into your website

Did you ever found that there were constantly spam comments on your websites, and obviously they were sent by robots?  Although Akismet plug-in on your sites can prevent lots of spams, there are still so many spams for it to deal with them all.  Generally, thousands of spams show up on a good blog each day.  To the webmaster, it is indeed a pain in the ass.

Now BPOVIA has figured out one of the efficient verification-checking program which also looks nice.  Here it is: Ajax Fancy Captcha ,This open-source program is based on jQuery which enables itself to coordinate the comment section with all kinds of CMS.  Let ‘s take an example of integrating into WordPress, You can see the preview blow:

Here is steps:

1.Download Ajax Fancy Captcha, and then extract the package.  Pick out the file ajax-fancy-captcha-php, and put it under the dir of WordPress theme(wp-content/theme/Your-Theme/);

2.Put the code blow into your header.php between <head></head> [Note: if you have already include jQuery.js you can remove the firs line.]

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/ajax-fancy-captcha-php/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/ajax-fancy-captcha-php/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/ajax-fancy-captcha-php/captcha/jquery.captcha.js"></script>
<link href="<?php bloginfo('template_directory'); ?>/ajax-fancy-captcha-php/captcha/captcha.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8">
$(function() {
 $(".ajax-fc-container").captcha({
 borderColor: "silver",
 captchaDir: "<?php bloginfo('template_directory');  ?>/ajax-fancy-captcha-php/captcha/",
 url: "<?php bloginfo('template_directory');  ?>/ajax-fancy-captcha-php/captcha/captcha.php",
 formId: "commentform",
 text: "Verify that you are a human,<br />drag <span>scissors</span> into the circle."
 });
});
</script>

3.Find code of you [submit button] in comments.php add code blow in the front of it.

<div>You must enable javascript to see captcha here!</div>

4. Add the function into  functions.php

function wxq_preprocess_comment($comment) {
 if(!session_id()) session_start();
 if($_POST['captcha'] && $_POST['captcha'] == $_SESSION['captcha']){
 unset($_SESSION['captcha']);
 return($comment);
 } else wp_die( __("Error: please drag the captcha.") );
}
add_action('preprocess_comment', 'wxq_preprocess_comment');

Done!  Your sites will be no longer bothered by the spam robots.  Visitors need to follow the certain instructions to submit the comments which is the barrier that robots can never overcome.

For the other CMS like joomla! or Drupal, you can integrat them the same way!

How to Deal with Twitter’s Mandatory OAuth?

OAuth Login ChannelTwitter is approaching her historical moment on August 31st 2010 when all basic authenticated APIs would be cancelled by official Twitter.com, most app developers have followed official recommendations and switch to OAuth authentication method.

As a matter of fact, sooner or later Basic Auth would be replaced by OAuth,

firstly it is necessary that we understand the features of OAuth:

  • Security

Since there is no need to ask for account and password information from 3rd party, OAuth performs much safer than Basic Auth, by requiring a token key from official Twitter site, the optional limits of apps are narrow.

  • For Developers

With the help of OAuth Auth, develops will get rid of login errors and bugs. They will be encouraged to develop more awesome apps from now on.

  • Access

Under OAuth, apps would receive more APIs as well as 150 more requests than Basic Oauth.

However, in face of this modification, web designers may need undertake the necessities as follows:

1. Deactivating plugins and extensions using old Basic Auth in WordPress and Joomla!

2. Try to use Twitter RSS Feed or Twitter Goodies, which is always recommended offcially.

3. Apply for OAuth Authentication and provide extensions or apps with static login authentication channel.

Solution to Facebook CSS Background Image Non-Display in IE (8.0 & Lower)

Facebook LogoThe display issue we are going to talk about today may occur in Static FBML when you directly define <style>…</style> as well as using background-images tags within CSS. Firefox, Chrome and Safari can normally display the background images, for IE users, though, if you are using Version 8.0 and lower, you should have noticed this problem and found this post useful.

Well, the solution is:

1) If you are using external CSS <link rel=”stylesheet” type=”text/css” href=”you site/style.css?v=1.0 />, you’d better switch to the following format <link rel=”stylesheet” type=”text/css” href=”you site/style.css?v=1.0″ />

Recommendation is you put the stylesheet onto your own website or Google site, but please be careful about the format tips as follows:

  • Set UTF-8 as the encoding format;
  • Do not put styles in between <style> and </style> tags, instead, only use your CSS styles;
  • Compose a friendly filename without space.

2) If the CSS you use is put in Head and cannot be read by IE, then you will necessarily apply inline CSS like this

<div style=”background: url(/images/logo.jpg) no-repeat;”></div>

rather than

#logo {

background: url(/images/logo.jpg no repeat;

}

Then your Facebook Page will be displayed normally in IE.

HTML5-Friendly Embeds Supported by Vimeo Now

Vimeo would always commit to high-quality videos.Good news here for video fans on iPhone and iPad, online video community Vimeo now supports HTML5 in its video embeds.

Basically mainly built on HTML5, Vimeo used to only support Flash-only embed codes for its videos, which has been frustrating mobile users and content creators who want to be on as many devices as they can.

In the interview with USA Today, Vimeo’s vice president of product and development, Andrew Pile says that the videos will be playable in any browser and work with future platforms as well.

Actually YouTube, the video giant and HTML5 advocate, has offered iPhone and iPad support for its embedded content for quite some time, and recently rolled out an HTML5-friendly experimental new embed code for desktop browsers and mobile devices.

Apart from supporting HTML5 embed, Video is also available to Roku customers now, being the 50th content channel available on the Roku set-top box, now she is one of the links of Netflix, Amazon On-Demand and UFC

Vimeo would choose the most popular Vimeo HD content to show in the channel. Vimeo users can also view their own videos and their personalized inbox selections by linking their accounts.

“Watch Later”, which can be regarded as a Delicious for web videos, has been built into the new channel so that users can enjoy a queued collection of videos at their leisure.

Hurdles in rolling out HTML5 embed support aside, Vimeo continues to be one of the most forward-looking video-sharing sites. Its dedication to non-commercial content may preclude it as a destination for all users, however it remains a great service to find and showcase online video.

BPOVIA has always loved Vemeo’s commitment to video quality, YouTube videos are #1 we would like to embed on the websites, while Vimeo ones are a close second.

Optimize Your WordPress Blog Manually

Obviously it will take longer for blogs to load as more and more plug-ins are installed into WordPress, then how to solve this issue? Now let’s take a look at how to achieve the functionality as plug-ins do manually.

As a simple and easily-used WordPress plug-in, All-in-one SEO enables users to optimize websites basically, however, every coin has 2 sides, some of its advantages switch to shortcomings, for example:

1. It generates meta description label using article summary, which means addition database fields as well as the number of SQL queries, in this way, databases suffer more burden.

2. Search engines may hate the unchangeable optimizing way as it does.

3. Unnecessary consumption of host resources happens and the website loading time will be longer.

BPOVIA recommends more professional way of solving issues like this, we are totally achieve the functionality of All-in-one SEO manually and make the website SEO friendly.

Firstly we need to know the basic working principle of All-in-one SEO.

  • Title Structure

Typically, the blog title is structured like this: postname | blogname, then we can change header,php in theme as follows:

<title><?php if (is_home() ) { ?><?php bloginfo(‘name’); ?> | <?php bloginfo(‘description’); ?><?php } else {?><?php wp_title(”); ?> | <?php bloginfo(‘name’); ?><?php } ?></title>

  • Meta Description

By customizing field we can successfully add meta description to any article, we are able to invoke separate written description by using get_post_meta($post -> ID, “description, true);.

The code could be:

<?php
if (is_home()) {
$metakeywords = “BPOVIA, China Business Marketing, China Business Development, import, export”;
$description = get_bloginfo(‘description’);
$url = get_bloginfo(‘url’);
} else if (is_single()) {
$key=”description”;
$description = get_post_meta($post->ID, $key, true);
$url = get_permalink($post->ID);
$metakeywords = “”;
$tags = wp_get_post_tags($post->ID);
foreach ($tags as $tag ) {
$metakeywords = $metakeywords . $tag->name . “, “;
}
}
?>
<meta name=”keywords” content=”<?php echo $metakeywords; ?>” />
<meta name=”description” content=”<?php echo $description; ?>” />

Now we have inserted SEO information to both index page, but for single post, description information is still empty, because the customer field has not been added. Take a look at the follow page, once we add description field to the Custom Fields, we almost optimize relevant articles.

Next week BPOVIA would share the manual alternatives of other plug-ins.

10 Tips on Effective Google Analytics Usage

Google Analytics ChartGoogle analytics is one of the most powerful tools in tracking and analyzing sites’ accessing information.  That explains why our programmers in BPOVIA suggest webmasters using it.
Google Analytics stands out due to the following 2 features:

  • Google Analytics is able to meet up with webmasters’ demands on accessing the statistics on websites by providing the excellent technological support as well as the accurate data.
  • Google Analytics has been integrated with other products such Google AdWords, Google AdSense, Google Custom Search. In addition, as an independent application, Google Analytics is well-developed with comprehensive apps.

In the following part, BPOVIA is going to start the trip to the skills in using Google Analytics effectively.  Are you ready?  Here we go!

1. Google Analytics enables webmasters to not only follow the tracks of nomarl sites but also to download links or email address links by just embedding the code to the relevant links, for example
<a href=”http://www. bpovia.com/info.pdf” onClick=”javascript:urchinTracker (‘/info’); “>;
then we can get the information about how many times this link has been visited and downloaded.

2. Normally, the statistical information is checked online.  However, there is another way to do it which is more efficient.  The programmers in BPOVIA make use of the export function of Google analytics to get xml/pdf files which helps us to analyze and optimize more websites in more aspects.

3. If you are one of the busy guys who need to check Google Analytics on browsers all the time, then you may need to think of a way to simplify your job.  If your explorer is Firefox, you may install firefox addon : Enhanced Google Analytics, and if you are using Chrome, My Google Analytics. Both of them will help you to keep a watchful eye on your statistics.

4. If your websites are run based on WordPress, there are two ways to collect the data.  We can either install Google analytics manually, or use the plug-in automatically.  Regarding the latter way, we just need to fill in the unique identifiers, for example, UA-********-1 to have the function work.  If the websites were developed by Joomla, there are also practical plug-ins for us to choose from.  BIGSHOT Google Analytics, for instantce, is a good choice.

5.    The latest asynchronous code cuts the loading time for websites.  However, there is one thing we need to pay attention to. The analytic code of new version should be put between <head> and </head>.  If the specific positions are uncertain, they can be added by the plug-ins which are mentioned above.
6. Due to the fact that only the analytic data which is more than 24 hours old is viewable on Google, it is very easy for webmasters to get frustrated if they are asked to check the data for that single day.  But here BPOVIA is going to help you get over the frustration by hacking codes.  For details, please go here.
7. If you are not sure if the analytic codes on the websites is added correctly.  You can come here to check it online convinently.
8. If you are lucky enough to be the users of Google AdWords and Google AdSense as well, then you will get valuable advertizing information just by adding Google Analytics to both of them.
9. Please don’t forget to add Google analytics codes in  404 page since they will help you to know what the visitors are looking for and didn’t find on your sites.  With that information, the websites can be upgraded effectively.
10. If you still have questions about Google Analytics, please either go to here to figure them out or turn to us.  BPOVIA is always here for you, ready to help you out!

BPOVIA Joomla Website Design – Search Engine Friendly


Joomla websites are search engine friendly. When BPOVIA develops websites for contents, all internal optimization for search engine indexing will be done. Titles, static URLs, meta descriptions and meta keywords will be created associating with the content on even every page, clients can manage all the content themselves through Joomla backend as well. Structure of all sitemap will be built to ensure every page can be followed by search engines.

BPOVIA Joomla Customized Design

Joomla has unlimited possibilities of customized design, the Joomla templates can be made into whatever style you like. BPOVIA has a lot of experienced web page designers who can create your website with professional look. We layout the websites according to the clients’ preferences and provide design suggestions considering your business. After the designers finish the graphic design, our developers make Joomla templates following the customized design, which is called PSD to Joomla.

Translator

Recent Entries