Giter VIP home page Giter VIP logo

oic-web-portal's Introduction

Innovation-Portal

Required Plugins:

Better REST API Featured Images - To pull from the posts database
WordPress Importer - imports posts

Optional Plugins:

Export media with selected content - as the name says
Page Links To - The resources can link to an external URL

setup

  1. Clone the repo
  2. Download a local server from here: https://make.wordpress.org/core/handbook/tutorials/installing-a-local-server/
  3. Follow the instructions here to set up MAMP and install the website: here
  4. Click on 'Appearance/Themes' and activate 'new'

Activating Alexandra's JS functionality

Activating the Theme

  1. Go to 'Appearance/Themes' -> Activate tsetest theme
  2. Install Display Post Plugin -> activate it
  3. Go to Pages/Add new -> copy and paste the content from "frontpage.html" from the repo's main level
    3.1) Change the src of the personas:
    Original src: src="http://localhost/tse-wordpress/wp-content/uploads/2019/03/student.png"
    Change it to src="http://localhost/ [NAME OF YOUR LOCALHOST]/wp-content/themes/new/img/student.svg"

    In my case, I named the localhost to be 'Innovation-Wordpress'. You can find it easily by looking at the URL, it follows right after "http://localhost"
    3.2) Change the src of the ip-script in the header.php file in the same way as above.

Make the frontpage the landing page

  1. Trash all the other pages except the new page you just created
  2. Go to Settings/Reading -> Select static page -> choose for homepage the page number assigned to your new page ( in my case it was #36 ). Do the same thing for posts. Save changes.

Add posts

  1. Go to Posts/Add New. Give title and description. Select a category that is present as checkbox in the front page ( the first time doing this, you will need to add a new category and select it thereafter )

Import posts

  1. Go to Tools/Import
    -In the Import list, install WordPress.
    -Click "Run Importer" under WordPress and choose to import "exported_posts.xml".
    -Select your username
    -Check "Download and import file attachments"
    -Click "Submit"

oic-web-portal's People

Contributors

aemichael avatar danielehuang avatar garyzhao63 avatar jlu76 avatar jxss-n avatar yimingnzhao avatar

Watchers

 avatar  avatar

Forkers

jxss-n

oic-web-portal's Issues

Portal Integration

Start Integration process of our portal into the OIC website.
Due: End of the Quarter

Loading Animation

Make loading animation when REST API is pulling data from the posts DB.

Making Exportable posts

Deadline: possibly before Thursday May 16th

Make posts for Faculty and Alumni, add title and category according to resource spreadsheet : https://docs.google.com/spreadsheets/d/1JbZwI7I548arUx63-ZjizHzYQcfTaESrDkIjjF9kEs0/edit#gid=1381352892

PS. Make sure to add category "Faculty" for all the resources under them too, do the same for Alumni.

[UPDATE: images are up!] You will have to add the features images from this drive : https://drive.google.com/drive/folders/1rFbpQS0FogeNK9hKmup8sUqt82J89Jfw?usp=sharing

You will also have to add the url link in the posts by using this plugin:
https://wordpress.org/plugins/page-links-to/

Finally when everything is done, use this plugin to export the posts:
https://whiteleydesigns.com/move-wordpress-blog-posts-featured-images/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.