Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Portal - Online Partials for RapidWeaver

Your website has standard Headers and Footers and sometimes contains elements within a page that change on a regular basis; Special Offers, for instance. As an experienced Weaver, you probably use Stack's Partials so that when you make alterations to a single element, your site will automatically update everywhere that a partial is used. The problem is that if your partial contains an image that image will be downloaded each time you load a new page that contains that image.

Enter Portal from Joe Workman. Portal is a set of two stacks and a theme. The theme is important and MUST be used for your Portal In stack pages. It ensures that your content is correctly saved as .php elements and can be imported with the Portal Out stack.
The Portal Out stack then outputs your Portal content on every page that it's required. As a simple mnemonic, just remember that with the IN stack, you're putting content into the Portal, with the OUT stack, you're requesting data out of the Portal.

Instead of publishing your complete website (as is often necessary when using Partials), you only need to publish your altered Portal IN pages to ensure that all of your content is automatically updated. And the added advantage is that any images contained within a Portal page are cached so that they don't need to be reloaded. This is a game changer!

Using Portal is conceivably simple: build a Portal IN page that contains the content that needs to be repeated (using the Portal theme). Add a Portal OUT stack to a page that needs duplicate content and define the page that you wish to import. Publish.
Remember that you are using .php and that whilst RW can now render .php pages, you need to preview your Portal page before you can preview the imported pages.

Portal works with any theme, but there's a bonus for Foundation users. the IN stack has a setting for Foundation so that, if you use Foundation specific stacks on your portal page, you will not see the message that you haven't used the Foundation theme (remember, you MUST use the Portal theme for everything to work).

Partials – Great, but old hat! My future websites will use Portal instead!

Comments

Layouts in RapidWeaver

A few years ago, 1LD released a stack called Pure Grids. I was disappointed when it and all other 'Pure' stacks disappeared from their site because it was one of the best grid/column stacks available at the time. However, 1LD just released a grid stack that might just be even better – Layouts.

Layouts is a single stack that lets you build grids with unlimited numbers of columns, but it comes with built in stacks for Columns, Rows, Headings and Text. Layouts is flexible enough to build complete pages with relatively little effort. Gutters and row spacers are added automatically so that your layout is evenly spaced, but every setting remains fully editable. All of the elements can easily be reshuffled when need be.

Layouts creates 2 dimensional grids similar to Flexbox. This means that a grid element can not expand into the row below it as is possible with CSS Grids, but hey! CSS Grids are too possibly complicated for the majority of Weavers anyway!

A grid element – with a single mouse click – can be transformed into a Column, Row, Heading, or Text. You can, of course, add any of your favourite stacks to a Layout Column or Row; the height of each Layout element can be set up to 100% of the screen height and it goes without saying that your Layouts will reflow to fit any viewport width – there are advanced settings which allow you to define breakpoints for each device.
You'll find that Layouts is pretty amazing…

To go through each of the settings would take up more space than is available here, so if you decide that Layouts is for you, be sure to study the RW8 demo page that is included with the stack! Layouts works equally well with RW7 and there is a detailed tutorial available here.

Layouts – One Little Designer

Comments

Shattering Popups for RapidWeaver

Landing pages are a great way to get a visitor to click a Call To Action. With Marathia's latest free stack, you'll really grab your visitor's attention.
ShatterPopup – Maratia's Stacks

It's slowly becoming a tradition that Marathia presents us with a free stack at Christmas. ShatteringPopup is Jeroen's latest present; a popup with a fullscreen overlay that opens as an animated mosaic and closes the same way when your visitor clicks anywhere on the page.
The overlay can be set to either a colour, or an image.

It's recommended that ShatteringPopup is set to a maximum width of 320 px, so that it can be viewed in its entirety on mobile screen. The size is set via the mosaic tile size, but sadly the popup script that ShatteringPopup is based on is not responsive.

The non-responsiveness, however, is not a problem. Your popup appears in the centre of the screen and, due to the animation, it simply can't be overlooked.

ShatteringPopup – Marathia's Stacks

The setup is simple, with settings for the tile Size and Number of tiles (you must set an even number), Border Colour, Width and Radius and , of course, the background colour or image settings.

Grab your free copy of ShatteringPopup now. Oh, and if you missed Jeroen's previous Xmas specials – XmasLights Stack from 2012, the Blink! and Marquee! Stacks from 2015, the Antiquify Stack from 2016 and the Nebula Stack and Shards Stack from 2017 – they're still available as free downloads

Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

Don’t miss a post!
Sign up for our monthly newsletter.

A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.