I'm looking for a way to create a Plone theme without any extra tools required. As a wordpress user I was going to use the native sunburst theme and modify it (but as a full theme not a child).
I created an egg and tried to extract the essentials* from the sunburst theme.
*(the browser folder and parts of the configure.zcml, in order to have a "mytheme" tag under the [Site Setup>Themes] selection)
For some reason that didn't work. I am able to activate the "add-on" but nothing else happens..any ideas?
If you're looking for a hassle-free way to create and use themes (Plone 4.x), I'd suggest you forget about the addon style and start working on Diazo themes.
A Diazo theme is just a zip file which you can easily upload to Plone and use. No addon required.
You may also find Codapress themes (which is designed using Diazo) as a good starting point --at least that's the way I learned it.
In Plone 4.3, there is an in-Plone theme editor in the control panel, using Diazo technology. You can't modify Sunburst, but there is a sample theme based on Twitter Bootstrap that you can use for inspiration. If you're comfortable with HTML and CSS, the rest should be pretty easy.
There's detailed help available from that control panel as well.
It's an old question but my final solution to the problem was:
[terminal-prompt]:src: ../bin/paster create -t plone3_theme
Selected and implied templates:
ZopeSkel#basic_namespace A basic Python project with a namespace package
ZopeSkel#plone A project for Plone add-ons
ZopeSkel#plone3_theme A theme for Plone 3
Enter project name: plonetheme.[project]
Variables:
egg: plonetheme.[project]
package: plonetheme[project]
project: plonetheme.[project]
Expert Mode? (What question mode would you like? (easy/expert/all)?) ['easy']: all
Namespace Package Name (Name of outer namespace package) ['plonetheme']:
Package Name (Name of the inner namespace package) ['[project]']:
Skin Name (Name of the theme (human facing, added to portal_skins)) ['']: [Project] Theme
Skin Base (Name of the theme from which this is copied) ['Plone Default']: [dependent on base theme]
Empty Styles? (Override default public stylesheets with empty ones?) [False]:
Include Documentation? (Include in-line documentation in generated code?) [True]:
Version (Version number for project) ['1.0']: 0.1.0
Description (One-line description of the project) ['An installable theme for Plone 3']: [description]
Register Profile (Should this package register a GS Profile) [True]:
Long Description (Multi-line description (in ReST)) ['']: [long description]
Author (Name of author for project) ['']: HSTS Web Development Center
Author Email (Email of author for project) ['']: support#example.com
Keywords (List of keywords, space-separated) ['web zope plone theme']:
Project URL (URL of the homepage for this project) ['http://svn.plone.org/svn/collective/']: http://www.example.com
Project License (Name of license for the project) ['GPL']:
Zip-Safe? (Can this project be used as a zipped egg? (true/false)) [False]:
Zope2 Product? (Are you creating a product for Zope2/Plone or an Archetypes Product?) [True]:
>>>SOURCE
Related
I am new to Magento.
I am creating Magenta 2 site, I have managed to install Magento, and for it to use the luma theme.
I want to be able to edit the theme (through Inheritance), I understand it uses XML files to design the layout, how do I change these, should they be in the new theme folder, and change them there?
If so, where do I get the origonal Luma xml files, or does magento create these? - There are no themes within the app/ folder, is it here where I create the new theme (that inherits from Luma)?
Many thanks for any help, I am completely new to Magento.
You have to create a custom theme and make theme.xml and set a parent to LUMA.
Now app/design/frontend/customthemename
So anything that you want to customized used in customthemename folder
Thanks
You should create a child theme to edit XML file. To create a child theme, there are 3 steps to do:
Firstly, create a new theme directory in app/design/frontend.
Secondly, declare the new theme by:
Creating theme.xml: this file identifies the name, parent and other
basic info of the new theme.
Creating Composer.json: this file is used to install the theme via Composer later.
Creating registration.php: this file is required in any Magento 2 Extension
and Themes.
Creating static files directories: this folder is used to store CSS, JS, image files.
Creating logo folder: this folder contains files that determine the location and size of your new theme logo.
Thirdly, apply and configure theme in admin: - Run Upgrade Command. - Apply the theme. - Deploy.
For more detailed tutorial, go to Guide to create Magento 2 theme.
The original XML files of any module and themes are located in vendor/magento//view/frontend/layout, with the module_name is the module related to the XML file you want to edit.
For example, with homepage CMS, the XML file is located in vendor/magento/module-cms/view/frontend/layout
I want to install new theme in magento and I have also followed step of this link (https://www.siteground.com/tutorials/magento/magento_themes.htm) but I am not abling to get theme in magento. Please suggest me how can I install theme in magento ?
Thanks
If you already have the pre-built theme, then in magento project folder navigate to
app/design/frontend/default
Place your theme folder here.
Now to activate your theme. Log in to your admin panel.
Navigate to
system->configuration
Click in the design tab in the left hand side
Under the "Pakage Name" put you package name i.e "default" in this case and under you theme In the "Template" put your theme name "Your_theme_name" i.e your theme folder name that you copied inside default directory.
If you are creating a new theme, just create a new folder inside default directory and follow the step as described above.
In this way you can install a new theme.
Hope this will help.
It depends how theme you want to use is distributed. If it is a package, just extract it to your root folder and you should get proper folders in skin and app/design dirs and what you need to do then is to set correct package and / or theme in backend (Configuration > Web > Design). For full package theme name would probably always be default. Although if you are only adding new theme, you should pick its name app/design/frontend/default/{theme_name} and same in skin folder (if it includes some additional css, images and / or javascript).
Im trying to install a theme on magento 1.9. Have copied all files into the correct places.
Under System -> Configuration -> Design -> Themes I have set templates, skin, layout and default all to the theme name.
The problem I think i am having is 'Current package name' It was originally set to 'rwd' and when it is set to this it loads the default 1.9 magento theme. However when i change this to 'default' it loads the magento base theme. If i set the package name to the name of the theme it also loads the base package.
Skin Directory Structure
Design Directory Structure
Did you check your custom design? Access: System > Design
just cross check following configuration with your configuration.
Then clear cache and check.
Currently I am moving the theme file from Default/XXX to XXX/default . From
http://www.magentocommerce.com/knowledge-base/entry/magentos-theme-hierarchy
I found out that Magento searches the file in following sequence:
Package/theme->Package/default->Base->default.
Is it possible to make it search the theme like this: Package/theme1->Package/theme2->Package/default->Base->default?
Besides that, will the magento still be loading the default/default theme?
Thx
Magento system will fall back the files using below order.
Using DEFAULT package with DEFAULT theme
1) app/design/frontend/{DEFAULT}/{DEFAULT}
2) app/design/frontend/base/{DEFAULT}
Using DEFAULT package with Custom theme
1) app/design/frontend/{DEFAULT}/{MY-THEME}
2) app/design/frontend/{DEFAULT}/{DEFAULT}
3) app/design/frontend/base/{DEFAULT}
If you are using the Custom Package with Custom theme.
1) app/design/frontend/{CUSTOM-PACKAGE}/{MY-THEME}
2) app/design/frontend/{CUSTOM-PACKAGE}/{DEFAULT}
3) app/design/frontend/base/{DEFAULT}
These above order only magento files are fallback.
Old question but as I stumbled across this I would like to add the newest fallback hierarchy.
Since 1.9 you can define the fallbacks in a theme.xml in your theme folder. See http://alanstorm.com/magento_parent_child_themes for further information.
What is best way to make third party extension compatible with store theme which is not default theme. I don't want to do following:
1) We can't modify extension css/phtml file becuase this will make up-gradation of extension because in that case our extension will go away.
Thanks!
I suggest finding CSS from a standard Magento install and use that. Having the least styling possible will mean the most flexibility for the users. Also include instructions on where the file is by default and to install in their theme's template location. I believe this could be programmatically determined and be checked in the Admin area of your extension.