HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

How Do I Make A Custom Page as Homepage?

I need help setting a custom page as my homepage.

I saw some previous posts this: (https://open.vanillaforums.com/discussion/30792/custom-homepage) and this: (https://open.vanillaforums.com/discussion/37546/replace-homepage-with-my-own-content); but I seem not to get the way out.

Can anyone guide me in setting up a custom page as my site homepage?

I am running Vanilla 2021.009 on a shared hosting plan.

Thanks in anticipation.

Comments

  • Thanks. How do I get started with the redirect? Pardon my ignorance, please.

  • KasparKaspar Moderator

    Describe what you did, what worked, qhat did not, which error you get, that should make it easier for ppl to help.


    In one of the links you posted

    https://open.vanillaforums.com/discussion/comment/258118/#Comment_258118

    That is what I did.

    But I have not worked with several of the newer versions.

  • Thanks, @Kaspar.

    The explanation provided here is https://success.vanillaforums.com/kb/articles/232-route-management-redirects is quite clear.

    I was able to change the default home page following @vrijvlinder comment's here: https://open.vanillaforums.com/discussion/27480/set-custom-homepage

    My new homepage is now available at: https://educativeguides.com/

    One of the users on the site asked if I could make the site more look more attractive in appearance. Are there suggestions on how I can achieve this? I found this link https://vanillaskins.com/ already, but I'll like to try out more options.


    Many thanks, again.

  • KasparKaspar Moderator

    that really depends

    Yes, can be done.

    Depends what thye mean, what you want.


    I will give a couple examples on how to style some elements and in the end how to add it.


    div#PageBody {
        background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url(https://images.freeimages.com/images/large-previews/919/ottoman-coin-1558628.jpg);
        background-position-x: center;
    }
    



    div#PageBody {
        background: gainsboro;
        padding: 50px;
    }
    


    #PageBody ul {
        background: rgba(204, 229, 255, .3);
        margin: 5px
    }
    


    u {
        color: brown;
    }
    



    <div class="example-paragraph">
    text 1 <br>
    text 2 <br>
    text3 <br>
    </div>
    

    that ^^ in your page


     .example-paragraph {
        border: 2px solid red;
    }
    

    that ^^ in your style in CSSedit (see plugin link below)

    lets you make bordered paragraphs like




    This is but examples in its entirety, colors and image


    Note: some style selector may affect elsewhere on the site, so test / check it out instead of just setting and forgetting.



    Working with colors

    https://www.hexcolortool.com/



    Setting CSS without building a new theme


    https://open.vanillaforums.com/addon/cssedit-plugin

    tedulif
  • rizamuharramrizamuharram Jakarta New

    Take a look at my forum: https://belajarastro.id

    I created my own custom homepage with the Custom Pages plugin (download here).

    To make the page a full page, you can add this code:

    .MainContent {
      width: 100%;
      margin: auto;
    }
    .Panel-main {
      display: none;
    }
    .Breadcrumbs {
        display: none;
    }
    

    Hope it helps your forum to have a more attractive appearance!

    Kaspartedulif
  • Thanks, @Kaspar for the feedback. It seems there are lots of possibilities with modifying Vanilla forum appearance. I will look into them.

    @rizamuharram, your forum https://belajarastro.id looks really nice. I almost didn't believe it's built with Vanilla.

    I have installed the CustomPages plugin. I will appreciate every help in setting it up to give my pages a great appearance.

    Seems I need to write each new custom page in php and copy or replace into my file directory:

    educativeguides.com/plugins/CustomPages/pages/default.php

    If that's the case, could you please suggest where to find nice looking php templates that are free to use? Possibly, I need a setup similar to your forum https://belajarastro.id and I actually understand how to use HTML and CSS, but not familiar with PHP.


    Many thanks in anticipation.

  • KasparKaspar Moderator

    Be sure to take a look at Basicpages aswell.

    https://open.vanillaforums.com/addon/basicpages-plugin

  • teduliftedulif New
    edited October 31

    Thanks, @Kaspar. I have basic pages installed.

    It's what I used for setting up my Synopsis and About pages:


    I just noticed the text "No formatter is installed for the format rawhtml." I chose RawHTML during the page setup. Does anyone know why this is showing when I share my website link?

  • Hi, @Kaspar @rizamuharram and others, I'm sorry to bother you again.

    I'm exploring the CustomPages plugin. I created a simple page available at: https://educativeguides.com/plugin/page/about2

    I need to create an interactive page that references external CSS, Images and JS files. So I created an index.html file, added all the files (CSS, JS and Images) in their respective folders and it loads fine locally using VS code and Browser.

    I added: "<?php if (!defined('APPLICATION')) exit(); ?>" to the first line of the index.html file and renamed it to index.php before uploading to /educativeguides.com/plugins/CustomPages/pages directory in my cPanel. I also added other required folders and files (assets, vendor, and prepros.config). See attached image.


    When I try to access the page at https://educativeguides.com/plugin/page/index none of the styles and js files is rendered. It only shows plain text.


    Meanwhile, the index.php file loads fine locally, as shown in the screenshot below:



    Is there a way to get the same result loading index.php file locally as when I load it via the URL: https://educativeguides.com/plugin/page/index

    I intend to redirect the link to my site homepage route after all.

    Big thanks in anticipation.

  • Thanks for your response. I have installed and activated the howToVanillaPage plugin.

    Where do I add new pages? It also seems not to be added anywhere to my admin dashboard page.

    I don't seem to get the default URL compared to the CustomPages plugin:

    https://educativeguides.com/plugin/page/about2

  • KasparKaspar Moderator

    Not sure it would show up there.

    From the description

    "HowToThis&That Plugin is one of a few plugins I wrote in order to show how This&That can be achieved with the Garden framework. The plugin is exhaustively commented and I hope I have done this good enough that you are able to understand what is going on. Some examples are quite simple, others are mor complex."

  • Oh, I think I get the idea. It's basically meant to guide those looking into developing stuff (plugins and addons) using the Garden framework. I'm not sure I'm correct, though. Thanks for your help, anyways. I wish @rizamuharram or someone else could shed more light on how to build something similar to this: https://belajarastro.id

  • KasparKaspar Moderator

    Yes.

    I see I didnt include this in the quote:

    "Example for creating a custom page that looks like most other pages in Vanilla."

Sign In or Register to comment.