First, let me thank you for all your appreciation. The concept of making ExtJS based WP Theme is rather controversial, thus your appreciation places all of you on my side. Thank you. Now let me answer a couple of your questions and comments. Most of my answers shall start from the following: “This is true… I am working on it…”.
Answers below.
Bugs, problems, mistakes…
This is true. I am working on it. In short, this is because of the javascript that ads insert into the code of the page. In most examples it does not work with the javascript that the theme is adding. Be patient I will fix it somehow.
It is because the theme is posting a comment via Ajax, without page refresh. This will be fixed in the next release for sure.
What can I say. It is true. I am working on it. Thank you for good design examples.
You are right. The theme is not a set of HTML and CSS files it is javascript application that makes use of ExtJS library. No chances that it will work when javascript is disabled. But, check the comment made by Marin. Meaning: be consequent. If you disable javascript then disable CSS also, this could help.
True. It does not work in old browser. Although,it works on text based browser (like Lynx). On the other hand please check the browser statistic for my site (below). Most of the people use brand new stuff. There is nothing to worry about.
| Firefox 2.x | 70.2% |
| MSIE 7.x | 10.5% |
| MSIE 6.x | 5.46% |
| AppleWebKit 522.x | 3.29% |
| Opera 9.x | 2.68% |
This is true. The address does not change when you browse the site. But all most of the links are permanent. By this I mean, when you copy the link location, when you copy a shortcut (from the title of the post for example) and then you put it into the browser address bar, then it will go into the correct page. Simply specking, the below permanent link works correctly:
http://extjswordpress.net/10-release/
More precisely, the sidebar, header and footer seemed to load OK, but it couldn’t handle the posts. Some glitch in the SQL access?
Best,
This (on 99%) is the problem caused by incompatibility between the theme and one of the plugins you are using on your site. “Amazon Product Preview?”, “Google Analytics?”. Please give me some time I will work hard trying to fix it.
Fore sure, there will be an “Options” in the next release of the theme. You may expect header image change. For now on you are welcome to alter the theme by yourself.
Now all the external links in my blogs are redirected to soemthing like
For google.com http://www.targetlife.com/redirect.php?url=http://www.google.com
When i click on this link, I want to oepn the links in a new window but the Ajex catches this and it tries to open the link in the same window.
Can you help me with this? Any pointers or anything?
I will greatly appriciate it.
Thank you for mentioning this. This is the hardest problem I had when working on the theme. I was trying to make an universal link handler but it shows without success. The current code looks as follows:
<script>
. . .
// post click universal handler
var maskClick = function(e){
// find the "a" element that was clicked
var a = e.getTarget('a');
if (a) {
if( a.rel != 'noajax'
&& cleanUrl.indexOf(Wp.bloginfo.url) == 0
&& cleanUrl.indexOf('wp-admin') == -1
&& cleanUrl.indexOf('wp-login') == -1
&& cleanUrl.indexOf('feed') == -1
){
e.preventDefault();
Wp.theme.loadPosts(a.href);
}
}
};
. . .
</script>
As you may see It is not a brilliant one, but it opens a workaround for your problem. Links with “rel” parameter set to “noajax” are not handled by the function, Try something like this
<a href="http://extjswordpress.net/10-release/" rel="noajax">1.0 Release</a>
And if you have a better alternative for the click handler then let me know, please.
You are using the theme
I really appreciate that you decided to use ExtJS base theme. It promotes not only my little work but first of all ExtJS library which IMHO is the most advanced on the market. Thank you. Keep in mind that the library is huge: ~500kB of javascript, ~80kB of CSS plus images. If you have a chance to compress on the fly it it will for sure make your site more responsive. (Unfortunately my host company do not offer it, sorry.)
You are welcome to alter the theme according your wish. Start from making adjustments on style.css. Thank you.
…I’m also having a problem with the searches not showing any results in Safari / Firefox / IE7. No error messages or anything, it just goes away a second or two after it says “Searching”.
…I found another bug of sorts… When ever I link to an image within a post or page, and click on it, it loads the image as text, so I either end up getting a page full of weird characters or the browsers crashes.
On lines 225-275 of js/theme.js you will find a definition of “style switched menu” simply remove it. Then go to header and change this:
<!-- Theme CSS -->
<?php if ( isset($_COOKIE['ys-theme']) ) : ?>
<link id="theme" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/<? echo substr($_COOKIE['ys-theme'],2,strlen($_COOKIE['ys-theme']));?>.css" type="text/css" media="screen" />
<?php else :?>
<link id="theme" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/aero.css" type="text/css" media="screen" />
<?php endif ;?>
into this, for example:
<!-- Theme CSS -->
<link id="theme" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/aero.css" type="text/css" media="screen" />
There are 5 ExtJS styles included into the theme: deafult (here simply remove the line), aero.css, vista.css, gray.css, galdaka.css. More style can be fonud on ExtJS forum. Start from here: http://extjs.com/forum/showthread.php?t=6039
About images links try to add “rel” paramater to the links, like this
<a href="http://extjswordpress.net/wp-content/uploads/2007/10/p2.gif" rel="noajax">Calendar</a>
what’s wrong with my blog???
Both your comments shows that I really need to solve the problem of compatibility of the theme and Wordpress plugins. This is the cause. Please deactivate all your plugins first then activate them one by one and… let me know which one stopped the theme work correctly. I will try to fix it. Once again thank you very much for all of your comments. Keep checking the site, I am working on the next release.
A Minor Update…
The title for the Calendar widget does not show and for the love of my life, I could not find where to edit.
Please, go to Admin Panel >> Presentation >> Widgets. Click Configure button on Calendar Widget and key in your tille…
This is awesome - and even without further modification, it seems to be perfectly suited to using wordpress as a rudimentary knowledgebase. It’s very clean and easy to navigate, with screen elements appearing and disappearing as required.
When I look at this example, I see huge potential for it in wikis on intranets. In many ways it is highly familiar to users of desktop applications, and that makes it more approachable to the technophobes.
Thanks for a very interesting demonstration.
Thanks for making this fine theme! I really do like it, but there might be some CSS problems, some things in the widget sidebar doesn’t show up, and some other things. But this still is a great theme and I can edit somethings to match my website. But I’m just wondering why not all of my widgets are not showing up?
Everything is working great now, thanks.
awesome….so far the best weblog theme ever…
will try to modify the css and show u a link
Fantastic job, I have already put it into use
Zemplen Konzorcium
A minor problem:
The title for the Calendar widget does not show and for the love of my life, I could not find where to edit.
Also, I would like to have two sidebars.
How could I do it?
Touche
Thanks for your quick reply.
Has/is there any different themes for this ?
styles* i ment.
great theme, congralutions
hey.. great theme
Great theme!

It works 95% correct with my site, so as soon as I’ve determined the problems with the remaining 5% I’m going to deploy it for sure!
One question though… Where is the true bottleneck with this theme? CPU-speed of server? CPU-speed of client, or bandwidth between the server & client?
@Evert Meulie
Thank you for your interest. In short: Bottleneck is bandwidth.
I am planning to make a post about the deployment of this theme: where, why, for whom, what for… I am asking you for patience.
Firstly thanks for the great theme…
Here is a problem:
If you embed the adsense code to sidebar widget its ok, no problem. But when you try to place the code to an entry, page donot loads… Any ideas?
Ok I got the issue with teh firefox. Its hapenning becuz of the Adsense. If I have an adsense code in my site… it has a frame. So it messes up everything. Same is the case with Safari
How can you managed to add adsense?? Cheers!
Great I’m added it to my site now.
Just one question can I add new ExtJS themes and how?
First off, I’m not a coder in any sense of the word. I read above that Ajax-based themes never change the site address. Is there any workaround for this? If “back” and “forward” don’t work in the browser, navigating a blog doesn’t work, either.
Other than that, this is a *great* theme!!
Nice template. I want it on my future site. Unfortunately, testing the site on my computer revealed 2 of the bugs shown here:
1. WP 2.3 starts loading the content …. loading ….. Interesting is that it shows Recent Comments page
2. Search: No error messages or anything, it just goes away a second after it says “Searching”.
All the plugs are deactivated.
Thx
how do you put the “ads by google” on the left side of the page? where to insert the code?
@laurie
There is a work around (more than one) to put Ajax calls to the history (Yahoo Browser History Manager for example).
Unfortunately it requires coding. I am preparing an upgrade and this feature is planned. Please be patient.
@andy
Please check code here http://extjswordpress.net/wp-content/themes/ExtJSWp/js/theme.js and look at the objects on the page. You can easily find “google”.
Another technique (if you want to put it into the “posts area”) is to use iframe. Simply at the top/bottom/right/left of the post put an iframe which src get page with google ads scripts.
i am using parent pages to have page levels and the acordian menu is great but i have like 6 top level all with subs, the acoridan only drops down for the first group, the rest get a link.
wazzup wif dat?
i am using parent pages to have page levels and the acordian menu is great but i have like 6 top level all with subs, the acoridan only drops down for the first group, the rest get a (a href=”#”) link.
wazzup wif dat?
@beachbum
Please provide a link to your site I will try to help.
This is a bug probably
i cant have the theme active if it isnt working.
my first thought was it is deliberate to “purchase a full version”.
why would it generate (a href=”#”) statements for every page group after the first. the first is so sweet.
ie my site map:
home
about
-bio
–blog
—cats
services
-stuff
–morestuff
contact
.etc
…so the “about” dropdown with subs is perfect(has a down arrow)
the next group “services” has a arrow pointing to the right insted, no drop down menu for subs, on if you click on services it goes to page #.
the same is true for the rest of the top level page groups.
hope you understand,
try to add a sub under the “about page” on this blog and see if the “theme revealed” dropdown still works.
How do I make one/more tabs in the sidebar to be expanded by default? For example I would like both Categories & Meta to be expanded by default.
@Evert
Please experiment with /js/theme.js. Accordion/Sidebar control is defined at lines 119-131. If you put into accordion definition additional property:
independent:true
you will have accordion with independent panels.
One more trick is to remove line 139 (theEast.setUndockable();) without it you will be able to remove your sidebar widget and put them anywhere else on the page.
@beachbum
I have a quick fix for the bug you have mentioned. The counter “mainMenuLevel” has to be set to 0 when the new nested menu is generated. Add the red line (mainMenuLevel = 0;) before line 215 in ./js/theme.js file.
. . .
if(el.query('li').length != 0) {
mainMenuLevel = 0;
this.mainMenuNested(el, mainMenuTb);
} else {
. . .
I LUV U MAN..
all seems ok, let my hacking begin.
kinda curious bout the “new version” you mensioned. is it a huge new thing that i should wait for before doing my customizing on this version? or is there a few new changes I can “update”.
@beachbum
Let me put it this way: it is always good to hack ;). You should start doing your customization; it will be a huge change, Ext 2 instead of Ext 1 for example. Moreover I will have ability to see your changes (I hope). Next thing is that I really do no know how long it will take me to make new release: it is a “one (busy) man hobby project”.
dsada
Hi all!
G’night
Hi. Love what you’ve done with ext.js and made a wordpress theme out of it. I tried to use it and it all worked out fine. But i wanted more styling on the panels and i tried to put rounded corners on the header. Well, it seems that I would need to hack your theme’s JS files to do it (e.g. adding extra divs on the header for rounded corner effect). Wouldn’t want to hack your JS file since its all compacted and obfuscated. Hope you could enlighten me on how should i go about it.
[...] (more…) [...]
Hi there,
I am a new commer to Est .I have a used some tabs using the ext.js, But the problem is I have 3 tabs ,named A,B and C.
I can move from one tab when I click the header od each tabs. But I need to navigate through a Button (like. Next Previous ). I don’t know how to do this one . So please help me.
Hi, loving this idea but for some reason i cant seem to get it working, where to I have to put extjs? I know about wordpress and where to put the theme itself but extjs i’m not quite sure where I have to install that too, any help would be great, thanks
[...] (more…) [...]
First you made a very good work with Extjs and Wordpress ! Bravo !
I just want to feed an error when you select the extjs theme and you try refresh the front page.
It load undefinitly without showing anything.
It is because of header.php line 50 when you catch wp_query
With the new version of wordpress (2.3), you have to delete this tine to make it works.
Best regards
Fred
Well, in my opinion ExtJs is garbage. How could I ever use something which makes my site lag as hell.
It is no fun to use a website made with ExtJS, because everything is just so unresponsive and slow.
I tested with different browsers and its always the same: every click and mouseover takes like years until the website reacts.
Even with Opera which has the fastest Javascript engine!
Such an slow interface is just unacceptable.
I can not understand how one could be so silly to implement such a freaking bloated library. This is completely useless.
Man how to put this google ads on sidebar?
I saw the code u mentioned. now Where to put the div
div id=google-ads1
??? Please Let Me know asap
@NoTrick
put them into index.php theme file. Just before <?php get_footer(); ?>
ExtJS is the best. I love this theme and I think you did a great job.
hi,Thanks for your theme!
Could you tell me how to add Google Adsense at this theme like yours?
Hi @W.Regenczuk:
I have a question… I would like put Ads on the left side like you.
I saw the other comments that have the same question and I have followed your instructions step by step but not work :S… Just continue without the left side…
This is my code:
—————————————————————————————————-
Powered by ExtJS Theme flavored Wordpress.
—————————————————————————————
what can i be doing wrong??
thanks for the theme =]
Hi @W.Regenczuk:
I have a question… I would like put Ads on the left side like you.
I saw the other comments that have the same question and I have followed your instructions step by step but not work :S… Just continue without the left side…
This is my code:
—————————————————————————————————-
<div id="panelSouth" class="x-layout-inactive-content">
<p>Powered by <a href="http://extjs.com/" rel="rawLink">ExtJS</a> <a href="http://extjswordpress.net/" rel="rawLink">Theme</a> flavored <a href="http://wordpress.org" rel="rawLink">Wordpress</a>.</p>
</div>
<div id="google-ads1" style="text-align:center; padding-top:5px; position:absolute; left:5px; top:50px; width:160px;">
<script type="text/javascript"><!–
google_ad_client = "pub-1623393240431425";
//Recursos del web Lateral
google_ad_slot = "5357637376";
google_ad_width = 160;
google_ad_height = 600;
//–></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<?php get_footer(); ?>
—————————————————————————————
what can i be doing wrong??
thanks for the theme =]
sorry for the first coment
@Angel López
Check your theme.js (wp-content/themes/extjswp/js/theme.js). There should be wider left margin defined in line 61.
Instead of
margins: {top:0,bottom:0,right:0,left:5},
put
margins: {top:0,bottom:0,right:0,left:145},
yeeeesss!!
that’s fineeee!! thank’s!!
Now work correctly
when can we get the new version?
one thing , if i post a image, and click the image on the content, can not get the image, the link doesn’t work…and some sidebar menus also same situation. why?
“Another technique (if you want to put it into the “posts area”) is to use iframe. Simply at the top/bottom/right/left of the post put an iframe which src get page with google ads scripts”
Could you give us a sample about how to add google adsense into post area?I’m sorry…Because I am a newbie.
hi. I’ve the loading problem. When trying to show my blog with your theme, loading doesn’t finish.
I’ve deactivated my only plugin ‘front page excluded categories’ and it still not work.
And well done guy! Very nice.
If I active spanish translation into wordpress, theme don’t work.
Test tets
Hey,
Your theme is very nice, awesome job. Thank you for this.
But there is a problem. If i do run wordpress 2,3,1 on my own language, your theme just stuck on homepage. It loads, it loads and it loads.. It never get opened. But if i remove the define code for my language on wp-config.php, all works very nice ! So you got a solution for this ?
I cant use the theme you made if i use wordpress in my own language.
Any help appreciated !
Hey dont you got a solution ?
I cant use your theme if i use wordpress in my own language…
I also got your theme on my own language, but it just dont load !!!!
Help!!!!
I guess you forgot this site..
Hy. Congratulations for your theme. Is very, very nice.
So, can i translate your theme to my language? I’m want that in portuguese (Brazil), if you tell me how to translate, i’ll translate and send the language pack to you.
Other think, whem i try to use the theme, i find some erros (in Firefox usind Firebug plugin) and page never open… Only, loading, loading…
The erros are:
unterminated string literal
[Break on this error] wp_query: ‘Project-Id-Version: Wordpress 2.3.1\n
Can you help me? Thanks a lot
Sorry for this other comment..
If i change the wp language (pt_BR to default) all works ok. When i back again the erros come back. Can you fix that?
Thank again
Hi.
Thanx for the theme, but its not working for me. Its just loading and loading and loading…nothing happens when i switch to the theme.
I am using WP 2.2.3
Hi,
Your theme is really great. I like it the way it is!
However, I am experiencing a problem when using your theme. It is no problem with Firefore but there is a problem with IE: “this.el.dom is null or not an object”
When I loaded the wordpress with your theme, all content of my web is hidden and there is the error above. I hope you could help me to solve this problem.
Thanks in advance.
Hi,
This theme is really great. However, I got a problem “”this.el.dom” is null or not an object” if the website is viewed by IE. This is no problem with Firefox.
could you please help me to fix this problem?
Thanks in advance,
Joesy