Compare Revisions

Building a Theme

Revision 129882:

Revision 129882 by jkinkead on

Revision 129883:

Revision 129883 by jkinkead on

Title:
Building a Theme
Building a Theme
Slug:
Building_a_Theme
Building_a_Theme
Tags:
NeedsUpdate
NeedsUpdate
Content:

Revision 129882
Revision 129883
n263        Now that your extension works, you can <a href="../../../n263        Now that your theme works, you can <a href="../../../../e
>../en/Extension_Packaging" rel="internal">package</a> it for depl>n/Extension_Packaging" rel="internal">package</a> it for deployme
>oyment and installation.>nt and installation.
264      </p>
265      <p>264      </p>
266        Zip up the <strong>contents</strong> of your extension's 
>folder (not the extension folder itself), and rename the zip file 
> to have a .xpi extension. In Windows XP, you can do this easily  
>by selecting all the files and subfolders in your extension folde 
>r, right click and choose "Send To -&gt; Compressed (Zipped) Fold 
>er". A .zip file will be created for you. Just rename it and you' 
>re done! 
267      </p>265      <p>
266        Zip up the <strong>contents</strong> of your theme's fold
 >er (not the theme folder itself), and rename the zip file to have
 > a .xpi extension. In Windows XP, you can do this easily by selec
 >ting all the files and subfolders in your extension folder, right
 > click and choose "Send To -&gt; Compressed (Zipped) Folder". A .
 >zip file will be created for you. Just rename it and you're done!
268      <p>267      </p>
269        On Mac OS X, you can right-click on the <strong>contents<
>/strong> of the extension's folder and choose "Create Archive of. 
>.." to make the zip file. However, since Mac OS X adds hidden fil 
>es to folders in order to track file metadata, you should instead 
> use the Terminal, delete the hidden files (whose names begin wit 
>h a period), and then use the <code>zip</code> command on the com 
>mand line to create the zip file. 
270      </p>268      <p>
269        On Mac&nbsp;OS or Linux, you can use the command-line zip
 > tool:
271      <p>270      </p>
272        On Linux, you would likewise use the command-line zip too271      <p>
>l. 
272        &nbsp;
273      </p>
274      <pre class="eval">
275zip -r my_theme.xpi install.rdf chrome.manifest browser communica
 >tor global mozapps
276</pre>
277      <p>
278        <strong>Note:</strong> The command-line tool will <strong
 >>update</strong> an existing zip file, not replace it - so if you
 > have files you've deleted from your theme, be sure to remove the
 > <code>.xpi</code> file before running the zip command again.
n278        Now upload the .xpi file to your server, making sure it'sn284        Now upload the .xpi file to your server, making sure it's
> served as <code>application/x-xpinstall</code>. You can link to > served as <code>application/x-xpinstall</code>. You can link to 
>it and allow people to download and install it. For the purposes >it and allow people to download and install it. For the purposes 
>of just testing our .xpi file we can just drag it into the extens>of just testing our .xpi file we can just drag it into the extens
>ions window via Tools -&gt; Extensions in Firefox 1.5.0.x, or Too>ions window via "Tools -&gt; Add-ons", or open it using "File -&g
>ls -&gt; Add-ons in later versions.>t;&nbsp;Open File...".
n293          Mozilla Add-ons is a distribution site where you can hon299          Mozilla Add-ons is a distribution site where you can ho
>st your extension for free. Your extension will be hosted on Mozi>st your theme for free. Your theme will be hosted on Mozilla's mi
>lla's mirror network to guarantee your download even though it mi>rror network to guarantee your download even though it might be v
>ght be very popular. Mozilla's site also provides users easier in>ery popular. Mozilla's site also provides users easier installati
>stallation, and will automatically make your newer versions avail>on, and will automatically make your newer versions available to 
>able to users of your existing versions when you upload them. In >users of your existing versions when you upload them. In addition
>addition Mozilla Add-ons allows users to comment and provide feed> Mozilla Add-ons allows users to comment and provide feedback on 
>back on your extension. It is highly recommended that you use Moz>your theme. It is highly recommended that you use Mozilla Add-ons
>illa Add-ons to distribute your extensions!> to distribute your themes!
294        </p>
295        <p>300        </p>
301        <p>
296          Visit <a class=" external" href="http://addons.mozilla.302          Visit <a class=" external" href="http://addons.mozilla.
>org/developers/" rel="external nofollow" target="_blank" title="h>org/developers/" rel="external nofollow" target="_blank" title="h
>ttp://addons.mozilla.org/developers/">http://addons.mozilla.org/d>ttp://addons.mozilla.org/developers/">http://addons.mozilla.org/d
>evelopers/</a> to create an account and begin distributing your e>evelopers/</a> to create an account and begin distributing your t
>xtensions!>hemes!
297        </p>
298        <p>303        </p>
304        <p>
299          <em>Note:</em> Your Extension will be passed faster and305          <em>Note:</em> Your theme will be passed faster and dow
> downloaded more if you have a good description and some screensh>nloaded more if you have a good description and some screenshots 
>ots of the extension in action.>of the theme in action.
n304          <span>Registering Extensions in the Windows Registry</sn310          <span>Registering Add-ons in the Windows Registry</span
>pan>>>
t307          On Windows, information about extensions can be added tt313          On Windows, information about add-ons can be added to t
>o the registry, and the extensions will automatically be picked u>he registry, and the updates will automatically be picked up the 
>p the next time the applications starts. This allows application >next time the applications starts. This allows application instal
>installers to easily add integration hooks as extensions. See <a >lers to easily add integration hooks as extensions. See <a href="
>href="../../../../en/Adding_Extensions_using_the_Windows_Registry>../../../../en/Adding_Extensions_using_the_Windows_Registry" rel=
>" rel="internal">Adding Extensions using the Windows Registry</a>>"internal">Adding Extensions using the Windows Registry</a> for m
> for more information.>ore information.

Back to History