Getting started with Kirby

The CMS Questions
21

Awesome! Many thanks indeed. It worked :slight_smile:

1 Like
22

No problem. On a side note, if you need to share snippets of code in the forum, they will be formatted correctly if you wrap it in back ticks like this:

image

That will make it show up like post above.

23

Will do it in the future, thanks :slight_smile:

24

I plan to use form mailer for my contact form. Will it work with Kirby?
This is the link GitHub - PHPMailer/PHPMailer: The classic email sending library for PHP

25

PHPMailer is included with Kirby.

1 Like
26

Theres a cook book guide available that will help you get started with that

1 Like
27

Now, that I want to create my own template, I went ahead and removed the starter kit from the server and copied all the files inside the main kit into the server. I’m unable to install Kirby and now I cannot see the config file inside the config folder in the plain kit.

28

The Plainkit does not come with a config file, you have to add the folder and the file yourself inside the /site folder, i.e. /site/config/config.php.

29

Many thanks indeed.

30

I noticed that in the starter kit there is assets folder which allows me to put my css, js, svgs, and Google fonts folders. I don’t see the assets folder however in the plain kit. My question is should I create this folder?

31

That’s totally up to you. Kirby isn’t opinionated on this. We do this in the Starterkit and then load e.g. the CSS from there (starterkit/header.php at main · getkirby/starterkit · GitHub) - but since Kirby leaves full control of the output HTML to you, it’s really up to you as well where to store them and then adding the paths you chose in your snippets’/templates’ HTML

32

Thank you for your support.

33

In which index file do I placed these?

<?php snippet('header') ?> <?php snippet('footer') ?>
34

Ok, I think I was able to figure it out. I created a file called home.php and placed it inside the templates folder and put the following lines of code inside the home.php file and everything worked fine.

<?php snippet('header') ?>

<?php snippet('footer') ?>
37

The SVG file is not showing (I removed the img tag before the src because otherwise the code will not show.
<src=“assets/svg/icons/logo.svg” class=“object-contain object-center w-full h-full”
alt=“logo”>

38

You can use the svg helper

<?= svg('/assets/svg/icons/logo.svg') ?>

That will inject the SVG into the page rather then using an image tag. So if you wanted to link that logo to the home page you can do something like…

<div class="logo">
  <a href="<?= $site->url() ?>">
    <?= svg('/assets/images/Logo.svg') ?>
  </a>
</div>

Watch the video on the page above for some other tips.

In your case you probably want to use url()

<img src=“<?= url('assets/svg/icons/logo.svg')?>” class=“object-contain object-center w-full h-full”
alt=“logo”>
39

Thank you :slight_smile:

40

screenshot
screenshot843×312 14.3 KB

I downloaded the kirby page I was working on (which was working fine along with the panel) to my computer and delted all the files from the directory in FileZilla. When I attempted to uploaded the files back to the same directory, FileZillla showed me this message. The page did work but the panel disappeared completely.

41

Ok, I was able to restore it back to normal by copying the original files from the plain kit and then adding my files.

42

Hi,

I’m trying to pull these dynamically (the images and the titles). The name of the template file is home.php (the relevant HTML part is below).

In the contents folder, I created a folder and named it products. This products folder includes different folders for each image. Each image has its own txt. file which lives inside the folder where the image is stored. When the visitor clicks on an image they will be taken to the page of that particular product which is powered by the product.php template

Hello

<div class="products-box">
  <a href="#"><img src="images/picture-2.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-3.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-4.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-5.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-6.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-7.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-8.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

<div class="products-box">
  <a href="#"><img src="images/picture-9.png"></a>
  <div class="products-box-title">
    <h3>Hello</h3>
  </div>
</div>

How can I accomplish this?