User Tools

Site Tools


pl:ten_minute_web_site

Strona w 10 minut

Jeśli przeszedłeś proces instalacji GetSimple opisanu na poprzedniej stronie możesz szybko pojąć ideę użyteczności tego korzystając z poniższego poradnika tworzenia własnej strony opartej na motywie Pavement Cafe. Tłumaczy on:

  • Zmianę motywu
  • Dodawanie treści
  • Import obrazu
  • Dodawanie stron
  • Korzystanie z komponentów
  • Instalację wtyczki
  • Tworzenie kopii zapasowej

Wszystko może zająć od 10 do 20 minut w zależności od twojej prędkości czytania i znajomości poszczególnych aspektów pracy nad stroną internetową. Jeśli będziesz miewać jakieś trudności z tym poradnikiem, zobacz ten wątek na forum (po angielsku). Poradnik dotyczy stron stawianych na serwerze wirtualnym, ale w zupełności jest zgodny ze środowiskiem lokalnym na serwerze WAMP lub LAMP na Twoim komputerze.

Jak zacząć

Jeśli jeszcze tego nie zrobiłeś, potrzebujesz zainstalować kopię GetSimple na serwerze www lub lokalnie na komputerze według instrukcji na poprzedniej stronie. Do tego trzeba klienta FTP oraz poniższych trzech plików. Pobierz i zapisz 1 motyw Pavement Cafe, 2 formularz GetSimple Contactable oraz 3 obraz poniżej (PPM → Zapisz jako), i można zaczynać.

Ustawienia strony

Otwórz przeglądarkę i przejdź do głównego folderu swojej instalacji GS. W pasku adresu dodaj /admin (docelowo adres będzie wyglądać tak: www.twojastrona.pl/admin) i wciśnij Enter. Wpisz swój login i hasło, a następnie zaloguj się do panelu administratora. Przejdź do sekcji Ustawienia dostępnej pod przyciskiem po prawej stronie.

W sekcji Ustawienia strony zmień Nazwę strony na Kawiarnia Pavement, sprawdź czy Adres strony wskazuje poprawny link, zatwierdź Przyjazne linki i zapisz ustawienia.

Tekst Kawiarnia Pavement powinien się pojawić w lewym górnym rogu panelu. Kliknij na niego, otworzy się nowa zakładka pokazująca twoją stronę, więc będziesz mógł obserwować zmiany odświeżając tę witrynę.

Changing the Theme

Unzip the file pavement.zip on your desktop and upload by ftp the uncompressed pavement folder to the /theme folder of your website alongside the cardinal and innovation theme folders. In the site Admin in your browser go to the Theme tab, choose pavement in the drop-down box and click Activate Theme. Refresh/Reload your site and it will look like the image on the right.

The Pavement theme is a cut down and slightly altered version of the free GetSimple theme TrendyBiz. There are several hundred free themes available for GetSimple but anybody who knows basic html and css can create their own.

Don't forget to check your directory permissions (755 or 777) for this and all other installed modules!

File Upload

In day to day editing of a GetSimple site there is no need for ftp. We are going to put an image on the homepage of our site so we will first upload it through the Admin pages. Go to the Files tab, click on Upload files and/or Images…, choose the file cafe.jpg (which you downloaded from this page)and upload it directly into the uploads folder. Click on it to view it. That's done.

Homepage Content

Still in the Back End (Admin) click on the Pages Tab. The only page we have so far is the default index page titled Welcome to GetSimple. Click on the Page Title to open the Page Editor. This is GetSimple's semi-WYSIWYG Editor. In its default state there are only a few basic controls but the editor can be configured and customised for advanced use.

Change the Page Title to Welcome to the Pavement Cafe Website and delete all the text in the main content area. Click on the Image button to open Image Properties then Browse Server, and choose cafe.jpg. Write in some alt text and click OK. The image is already the right size so we don't need to resize or align it.

Press your Return key to bring down the text insertion point and add any text you like underneath the image. Click on Source if you want to view and edit the html. Click Save Updates. Take a look at your site.

New Page

Still under the Pages tab, on the right hand side click Create New Page. The new Page Title is Our Location. You can add any content you want through the wysiwyg editor. You can add a map by going to google maps, copying the embed code and pasting it into the page in Source view. Save Updates then click on Page Options.

In Page Options tick Add this page to the menu and give it a short text to display in the nav menu like Find Us. Save Updates and reload your site. To change the order of pages in the Nav Menu open the Menu Manager and drag and drop the pages where you want them. Save again.

The Sidebar and Tagline

GetSimple has several ways of managing different blocks of content and editable items. GetSimple installs by default a 'Tagline' and a 'Sidebar' as Components. A component is a piece of text, html or other code which can be inserted into a page template. Components are managed under the Theme tab choosing Edit Components on the right hand side.

Tagline

This component is simply a piece of text. The formatting and styling are included in the Page Template and css. Change it to something suitable like It's Going to be a Sit-Out Summer!

This component is the entire contents of the sidebar including the html tags. Delete the contents and write in <h2>Specials Today</h2>.

To save writing the date every day when the specials are updated you can put in a piece of php code which will return the date of the last page save. Copy and Paste

 <p><small><?php get_page_date(' jS F'); ?></small></p>

Then we can write in the Specials list with normal html formatting. The styling is governed by the css file which is attached to the Theme.

<ul class="list-style1"> 
   <li>Fresh Minestrone with Crusty Bread</li> 
   <li>Swedish Cinnamon Buns</li> 
   <li>Mushroom Omelette with Rocket Salad</li> 
</ul>
<p> 
   <em> Open Today from 7:00am to 7:00pm</em>
</p>

Click Save Components

If you want to alter the styling of the contents you can directly edit the theme's css under Theme, Edit Theme but be sure you make a backup first.

Our cafe owner is happy to use a few html tags, but it would be a simple job to arrange the Specials Menu so that it could be updated by someone through the wysiwyg editor just like in a word processor.

A contact Form

Unzip the file getsimple-contactable.zip and ftp the contents (one file and one folder) to the /plugins folder of your site. Go to the Plugins tab in the back end and click on Activate in the GetSimple Contactable entry. Look at your page. Simple

Backup

That's the whole site done. It's easy to update the content. Pages can be added and removed whenever required and if a total re-design is needed you can upload and activate a new theme without rewriting the content.

You don't want to lose your work. Under the Backups tab choose Website Archives and Create a New Archive. If you are working on a web server you can right click on the archive to download it to your desktop to be extra safe.

Links

Back to the GetSimple Wiki Contents Page

Pages in this Section

Quick Start
pl/ten_minute_web_site.txt · Last modified: 2017/02/15 17:05 by Artur