Posts Tagged Typo3

Typo3 : Typo3temp folder full of js files


A common problem with anyone using Typo3 4.2 and GMENU Layers is that Typo3 creates a temporary js file each time a page is loaded. This ends up leading to your typo3temp folder being filled with thousands of js files. In some cases, with busy websites, we’ve seen the Typo3temp folder filled with as much as 1-2GBs of temporary js files. Clearly a problem, but not such as easy one to fix.

If you, for some reason are still running the 4.2 version of Typo3 here’s how you fix the issue.

The first thing you need to do is delete all those temporary js files from the typo3temp folder. This might be a bit of a nightmare if there are hundreds and thousands of files. In one case I needed to resort to removing the files via ssh using a wildcard and file name from within the typo3temp folder, e.g. rm -f javascript_12* (be very careful using the rm cmd MAKE SURE YOU ARE IN THE TYPO3TEMP FOLDER – no warranty provided by me if you mess up!).

Once that’s done and you’ve taken a complete backup of your website, complete the following steps:

1. Download patch file from http://bugs.typo3.org/view.php?id=12376
2. Upload the patch file to the root of your Typo3 installation (e.g. the directory with index.php and Typo3 folder etc)
3. Log into your SSH account and cd to the root folder
4. Type patch -p0 -i nameofpatchfile.diff
5. Log into FTP and delete all temporary js files from the typo3temp folder

You should now log on to your website and click around a few pages. Then check your Typo3Temp folder again through FTP to see if any js files have been created. You should really only see one (unless you have multiple navigations).

That’s it!

Tags: , , , , , , ,

No Comments

Backend Layout (Grid View) Feature of the New Typo3 4.5 LTS

For anyone who has ever used Typo3 as a CMS, they would be well aware of the limitations associated with the layout of a page (backend layout) in the administration area.

Without hacking or using third party extensions such as TemplaVoila, it was pretty difficult to get anything more than the Left, Normal, Right & Border columns to add content elements to your website. For someone familiar with Typo3, it wasn’t a major problem, but as soon as you put the administration system in front of someone who was about to use it for the first time, it created nothing but confusion.

With the release of Typo3 4.5, Typo3 developers now have the ability to make a more user friendly admin page for content editors through their new core feature Grid View (Backend Layout).

With ease, we can now give the Typo3 user a more user friendly and intuitive admin page just by creating a few simple backend layout views that only helps people make a better association with the websites design.

I found it very hard to find any decent information online about how to implement the Backend Layout feature, so I’ve decided to put together this little tutorial on how you can get started.

Step 1 : Create Backend Layout
The first thing you need to do is create a system folder to store your backend layout templates.

Once you’ve created the new system folder, choose List (on LHS) > the System Folder > Click the “Create Record” button at the top of the RHS page. Then from there, you should choose “Backend Layout”.

On the next screen that loads, enter your Title (used to easily identify the layout) and click the Grid Wizard icon (pencil and notepad) beside the Config field. It is also a good idea to associate a simple graphical icon to help you identify the layout visually.

 

The Grid Wizard allows you to design a layout, in our simple example we use a Top Left, Top Right and Bottom style layout.

 

One thing to note here is that you MUST enter a Name and Column number for each column of the layout grid. If you don’t do this, you will get a “not assigned” error in the admin page.

The Grid View wizard creates the config code required to make it all work!

E.g.

backend_layout {
colCount = 2
rowCount = 2
rows {
1 {
columns {
1 {
name = TopLeft
colPos = 1
}
2 {
name = TopRight
colPos = 2
}
}
}
2 {
columns {
1 {
name = Bottom
colspan = 2
colPos = 3
}
}
}
}
}

Once you are happy with your layout, you can now begin to apply the layout to the backend page.

 

Step 2 : Apply Layout to Backend Page
This step is very simple, all you need to do is access the page properties of the page you would like the Backend Layout applied to. Choose the “Options” tab and at the bottom of this page, you should see the icons (if you’ve applied one to the layout) of the layout options you have available. If not, you can simply choose your layout from the drop down menu.

 

Step 3 : Apply to Front End Template
Nothing hugely changes much from a front end perspective. We all have our own ways of doing this I’m sure. But here’s a simple example of what we would do:

Layout.html File

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

<html>
<head>
<title>Untitled</title>
</head>

<body>

<!– ###DOCUMENT_BODY### –>
<div id=”topLeft”>
<!– ###TOPLEFT### –>
TOPLEFT of page
<!– ###TOPLEFT### –>
</div>
<div id=”topRight”>
<!– ###TOPRIGHT### –>
TOPRIGHT of page
<!– ###TOPRIGHT### –>
</div>

<div id=”bottom”>
<!– ###BOTTOM### –>
BOTTOM of page
<!– ###BOTTOM### –>
</div>

<!– ###DOCUMENT_BODY### –>

</body>
</html>

 

TypoScript Set Up
page = PAGE
page.typeNum = 0

page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/layout.html

page.10 {
workOnSubpart = DOCUMENT_BODY
subparts.TOPLEFT< styles.content.get
subparts.TOPLEFT.select.where = colPos = 1

subparts.TOPRIGHT< styles.content.get
subparts.TOPRIGHT.select.where = colPos = 2

subparts.BOTTOM < styles.content.get
subparts.BOTTOM.select.where = colPos = 3

}

One final thing to do is make sure that you have included the CSS Styled Content in your statics!

That should be enough to get you started with this great new feature! Enjoy!!

Tags: , , , , , , , ,

9 Comments

Convert Typo3 mod_rewrite rules to Zeus rewrite rules


We encountered a problem for the first time ever today and that was that a client wished to host their website with Register365.

Well that wasn’t really the problem, the problem was that the site was built in Typo3 and that Register365 doesn’t support the Apache mod_rewrite rules on their server because they use Zeus Web Server.

In effect, all the lovely mod_rewrite rules we use for making those lovely search engine friendly URLs on Typo3, no longer worked… bummer…

Luckily enough, the basics of Zeus Rewrite scripts are pretty straight forward, albeit daunting when you first encounter them. Register365 give a great example of how to convert a basic mod_rewrite rule to a Zeus Rewrite rule, this is what it looks like:

Mod Rewrite
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^[^/]*\.html$ index.phpWould convert to:

Converts to:

Zeus Rewrite Rule
match URL into $ with ^/[^/]*\.html$
if matched then set URL = /index.php

Pretty cool and simple we thought – but unfortunately when you try and strive to look for the best way of doing things, this was a little too basic for our requirements. This would have worked perfectly if we used the standard simulation of static documents within Typo3, but we much prefer the RealURL’s extension as it does a great job of handling the news plugin aswell as many others. So we had to go an extra step further to make it work for us.

RULE_0_START:
map path into SCRATCH:DOCROOT from /

set SCRATCH:ORIG_URL = %{URL}
set SCRATCH:REQUEST_URI = %{URL}

# We need to check for any additional requests in the querystring

match URL into $ with ^(.*)\?(.*)$
if matched then
set SCRATCH:REQUEST_URI = $1
set SCRATCH:QUERY_STRING = $2
endif
RULE_0_END:

RULE_1_START:
set SCRATCH:REQUEST_FILENAME = %{SCRATCH:DOCROOT}
set SCRATCH:REQUEST_FILENAME . %{SCRATCH:REQUEST_URI}

# RealURLs rewrites everything, but we don’t want it to do this for images, css, etc.
# So we must check that the requested URL are not to actual files, if they are, do not rewrite.
look for file at %{SCRATCH:REQUEST_FILENAME}
if not exists then
look for dir at %{SCRATCH:REQUEST_FILENAME}
if not exists then
goto QSA_RULE_START
endif
endif

goto END
RULE_1_END:

QSA_RULE_START:
# If there was a query string, we need to append it so it knows what to do.
# the same as [QSA,L] for apache mod_rewrite
match SCRATCH:ORIG_URL into % with \?(.*)$
if matched then
set URL = %{URL}&%{SCRATCH:QUERY_STRING}
endif
goto END
QSA_RULE_END:

Don’t forget you’ll most likely have to add this through your hosting control panel. G’luck!

Tags: , , , , , , , , , ,

No Comments

Content Management Systems – The Choice Is Yours

One of the most common questions I am asked is, “What Content Management System (CMS) should I use for my website??. The short answer is, that there is no short answer and there’s certainly no simple one!

Choosing a CMS really comes down to what it is you need to achieve with your website and what it is that you need to be in control of. There are hundreds of CMSs to choose from, all with their own individual capabilities and functionality. For some, a simple basic CMS will be enough to manage their brochure ware type website, but others require more flexibility and functionality.

A lot of web developers will be able to guide you toward the CMS that they feel suits your requirements best. But in a lot of cases, the web developer will usually suggest a CMS he/she is most comfortable using.

What is a Content Management System (CMS)?

A Content Management System is basically a piece of software that allows non-technical users to manage their website and its content. Through a CMS, website owners have the ability to add text, upload images, videos and documents to their website at their leisure without the intervention of a web designer. A CMS takes away the technical knowledge required to update and manage a website by creating an easy to use interface. With some CMS’s, it can be as easy to create a new webpage on your website as it is to create a new Word document.

Content Management Systems were born in the mid 1990s when web designers, bored with the laborious task of updating massive content heavy websites, decided it was time for change. They went about creating simple systems to help maintain the websites they created for their clients. Originally these systems were built for in-house use only and it was only a matter of time before they realised that there was a market for such a product.

Nowadays, it’s common practice for web design companies to install Content Management Systems (CMS) on all websites they develop. Even if you haven’t request a CMS from your web designer, it’s quite possible they have installed one already… mainly for their own sanity!

Paid vs Free

The first major decision you will be faced with when deciding what CMS you should use is whether you should buy one or use one of the many freely available open source CMS’s.

In the Open Source arena, there are hundreds of free CMS’s . Being free obviously has massive benefits, but it also brings its problems too. Because the software and its core code are freely available, it’s more susceptible to security and hacking holes. For this reason, choosing a CMS that is regularly updated and patched regularly is of key importance.

Generally speaking, CMS’s developed in-house by web development companies will occur an annual license fee. Developers of “off-the-shelf? CMS’s are likely to charge you a one off fee for its use and offer you free updates for one year.

Cost

You shouldn’t assume that because you have chosen to use a free CMS, there will be no costs involved in getting up and running. The simple fact is that there will still be costs associated with getting it integrated with your website. Your web developer is likely charge you for the time it takes to install and integrate the CMS with your website design.

If you have chosen a commercial CMS, some companies may waive the integration fee, but you will still have to pay to get a design capable of working with the CMS itself.

It’s really worth researching the cabilities and functionality of all available CMSs before deciding on which one to you use for your website. Here is small list of some of the most popular CMSs.

Recommended Content Management Systems

Typo3
An enterprise level CMS that offers full flexibility and expendability.  Typo3 is freely available to download and use under the GPL License agreement. Typo3 has a good choice of enterprise extensions and plugins available.

www.typo3.com

Technology: PHP, MySQL, Oracle, Postgres

€FREE (GPL License)

Joomla
Joomla is an award winning content management system. Favoured by a lot of developers for it’s easy installation and management capabilities. Joomla’s biggest downfall is probably its popularity. The fact that so many people use it, makes it more prone to abuse from malicious coders.

www.joomla.com

Technology: PHP, MySQL

Cost: FREE (GPL License)

WordPress
Favoured by bloggers as the tool of choice, it is now fast becoming a popular tool for managing smaller websites.

A huge collection of third party plugins are freely available.

www.wordpress.org

Technology: PHP, MySQL

Cost: FREE (GPL License)

Expression Engine
An affordable Content Management System that is feature rich and flexible.

www.expressionengine.com

Technology: PHP, MySQL

From €250.00

Kentico CMS
Kentico is another flexible solution and favoured by developers who are used to developing Microsoft ASP.NET applications.

www.kentico.com

Technology: ASP.NET, SQL

From €1,990.00

Tags: , , , , , , , , ,

No Comments

Typo3.org website accessed by unauthorised person! Change your passwords!

TYPO3

Image via Wikipedia

Hot off the press, I just got an email in from Typo3.org stating that their website has been accessed by an unauthorised person.

The unauthorised person had access to all the username and passwords of those that have an account with the Typo3.org website. Apparently this person has passed on this info to third parties and has also been gaining access to websites who stupidly use the same password.

So if you use the same password for everything and have an account at Typo3.org – I suggest you quickly change your password!

The full script of the email goes like this:

This is an important security warning. You are receiving it because your email address is registered on the TYPO3.org website.

We have to inform you that an unauthorized person has gained administrative access to the TYPO3.org website.

The offender had access to website user details including their passwords, and there have been reports of this data being used to access other websites.
It also has to be expected that the data may have been disclosed to third parties.

The attacker has been identified, and the TYPO3 Association has started to take legal action on the issue.

Important!
IF YOU HAVE USED THE SAME PASSWORD ON ANY OTHER SITE, PLEASE CHANGE IT IMMEDIATELY!

In a first step, all login accounts on TYPO3.org have been locked and will require a new password. We are currently working on an improved login procedure and will let you know when this is ready. Until then, you will not be able to log into the Community section of TYPO3.org.

We have set up an FAQ page at http://typo3.org/about/faq/t3org-issue/
The page may be updated with new questions from time to time, so make sure to check back before replying to this mail.

We apologize for the inconveniences and troubles that this might cause to you.

Tags: , , , , ,

No Comments