[GUIDE] Create a News Page for your site with XenPorta 2 (pictures included)!

Discussion in 'Server & Community Management' started by buildblox, Feb 18, 2017.

  1. This is NOT meant for Xenforo 2 or any succeeding versions!

    Hello, everyone! It's been a fun few months I've been here on Spigot. After seeing a high demand for Xenforo tutorials, I've decided to make a few guides on how to make your Minecraft server forums the best Minecraft server forum possible! Today, I'm going to teach you how to install XenPorta 2!

    What is XenPorta 2? Easily said, it's that news-thingy you see on many sites, such as Spigot and Hypixel. It's great for site/server announcements! We are going to make a front page just like those sites!

    In order to proceed with this guide, you will need the following:
    • A Xenforo installation with administrator and FTP/filesystem access
    • XenPorta 2 addon zip file ($40, instructions on how to purchase below)
    1. Head over to https://xenforo.com/community/resources/8wr-xenporta-2-portal-pro.3894/ and click on the "Buy Now" button (requires you to have an account added to a Xenforo license)
    2. You will be directed to a PayPal page. Log in with your PayPal.
    3. After paying, you will soon get an email to your PayPal email from 8WAYRUN (company that makes XenPorta) with the link to download the addon zip file.

    Once you have everything, you're ready to get started! For the purposes of these guides, I have hastily set up a local test environment on a VM, so excuse me for not styling the site in the examples!

    Now, follow this step-by-step guide:
    1. Unzip the addon file. It should contain the following files inside the folder:
    2. Log into your FTP or file manager for your site. In this example, I'm using FTP with FileZilla (the directory listing should appear something like this):
    3. Drag all three folders I showed above into the directory listing. It should automatically start queueing files (just wait until all the files successfully transfer).
    4. Log into your Xenforo admin panel (yourforumdomain.tld/admin.php) and navigate to the "Install Add-on" button on the front page
    5. You will see a screen that tells you to select a an XML file for installation. In the "Install from file on server:" text box, enter: library/EWRporta2/addon-EWRporta2.xml
    6. Press "Install Add-on." The installation process with begin. Do not touch your browser window until you see the "Installed Add-ons" page appear.
    Congratulations! You've got the first step down. Now we have to configure the add-on.
    1. If you go to your site page at this moment, you'll see two things: one, there are two home buttons :eek: and two, if you go to the article list (yourforumdomain.tld/index.php?articles/), you'll notice that there isn't anything there. Not to worry! We'll deal with it soon enough.
    2. Now, we are going to make a news/announcements forum. This can be done by going into the "Applications" tab in the administrator panel on Xenforo and clicking on "Create New Node."
    3. Press "Forum," and click "Proceed."
    4. Enter a title and description for the forum, and click "Save Forum." (you're gonna have to set proper permissions in order to access this and prevent abuse of this forum, so be sure you do later on!)
    5. Navigate to the "Options" page in your administrator panel on Xenforo. Click on "[8wayRun.Com] XenPorta 2 (Portal) PRO" at the bottom of the page.
    6. Navigate to "Auto-Promote Forums," and select the News forum. Click "Save Changes" once you are done.
    7. Now, go to your site and enter the news forum. Click "post new thread" and post something random.
      [​IMG] [​IMG]
    8. Upon posting, you'll notice the thread comes out funny. If you don't want it to come out this way, don't worry! I'll tell you how to fix it in a bit. After looking at it, navigate to the second home button (or first, depending on what your settings are).
    9. My goodness! Is that a news page I see? (If you're not seeing it, navigate to yourforumdomain.tld/index.php?articles/)
    10. Now, we have to turn it into our home page. Navigate to the options page, again, in your administrator panel and select "Basic Board Information."
    11. Navigate to "Index page route." It should be set as forums/, set it to articles/. Press "Save Changes."
    12. Congrats! If you go to yourserverdomain.tld, it should show your news page! Give yourself a pat on the back for getting so far!
    You're almost done! All that's left is the cosmetic changes!
    1. BuildBlox, I want to get rid of the second home tab. Not a problem! Just go to the "Basic Board Information" options tab again, and remove whatever is in the text box. After you press "Save Changes," the tab will be gone!
    2. BuildBlox, that's not the home tab I want to get rid of (I have a separate home page/whatever). Ah, I see. Well, instead of deleting it, I'm going to edit it to say "News" instead. Go to "Appearance" and select "phrases" from the sidebar.
    3. Part 2: In the search tab, search "home" and select the porta2_home phrase. Change the text to "News" and press "Save Phrase." The tab should be changed to "News".
    4. BuildBlox, the thread style looks ugly. Change it! Not a problem! Navigate to the end of the options page to the "[8wayRun.Com] XenPorta 2 (Portal) PRO" page again. Go to the bottom and deselect "Enable custom article layout" and "Enable custom comments layout." Press "Save Changes." It should be fixed.
    5. BuildBlox, I want the date block thing-y that shows the date. How do I get it? Pretty simple. Navigate to "Appearance" in the administrator panel; select "Xenporta 2 - Article List" in the "Style Properties" at the bottom. Afterwards, select "Display Date Block Next to Excerpt" and press "Update Style Properties."
    6. BuildBlox, can I marry you? Leave a like and we'll find out ;)
    From here on out, every time you post a thread in the News/Announcements forum, it'll come up on the front page :D

    Sorry the last couple images were links, I ran out of images I could post on the thread.

    I hope I helped you guys today! This guide took a while to make, but I'm sure it'll help a bunch of people! If you feel I assisted you, leave a reaction!

    Do you guys think I should make some more guides? Leave a reply below!
    #1 buildblox, Feb 18, 2017
    Last edited: Aug 1, 2018
    • Like Like x 13
    • Useful Useful x 4
    • Winner Winner x 2
    • Informative Informative x 1
  2. Omg Thanks a Lot U ROCK!
    • Like Like x 1
  3. Sinclare

    Sinclare Previously xSinclare

    Great thread! This will definitely be a help to many.
    • Like Like x 1
  4. Thank you!
  5. @BuildBlox any chance for the free version ?
    Since i am not ready (yet) to spend 40$ for an addon, sure i have enough money but still i think it's a bit too much (for now).

    Great thread tho ;)
  6. There Are Ways to get Free Versions! *If You know what I mean* xD but I don't recommend it!
  7. i know... i know... But i don't do that. 40$ is still a lot, i was thinking about getting the leaked version, but like always im like "naaah. It is a lot, but seems to be worth it. All the work etc."
  8. Whatever you do, just know I didn't encourage you to do it :p
  9. sure... actually if i think about it, i never got any leaked resources... Like, nothing.
  10. This is absolutely wonderful! Very well made and thank you very much BuildBlox for going through the trouble to create this tutorial. :)
    • Like Like x 1
    • Agree Agree x 1
    • Useful Useful x 2
  11. :cool:
  12. Thank You!
    • Like Like x 1
  13. Thanks, I appreciate it :)
  14. Thank you bb please marry me, I need you in my life!!!
    • Optimistic Optimistic x 1
  15. What i did was see if it was something i have done by just recreating on a wamp server and it worked so i messed up