Uploading and Updating The Website
Uploading and Updating The Website
TO WWW.SCRIBD.COM (PREREQUISITE)
Before we upload the data to the ucceportfolio.ml website, make sure that you do this prerequisite
process.
Let’s Start
1. Go to www.scribd.com and click “Sign in”
8. Once you’re done with this, please don’t close this yet and do the Uploading for the website using
admin account.
LOGGING IN TO UCCEPORTFOLIO.ML (WEBADMIN)
Before uploading the data, you need to understand first the structure of the website.
Menu Page:
Home (Must be, all about website)
E-Portfolio (List of all the Research by year level, such as Feasibility study and Thesis)
o 2019 (Thumbnail view list of all the Research by year 2019)
Post (Article or new research data by year level)
o 2020 (Thumbnail view list of all the Research by year 2020)
o 2021 (Thumbnail view list of all the Research by year 2021)
About us (About History and Mission, Vison and Goal)
o Our Team (The brain of this website)
o Contact us (Contact Info)
Before we get started with this topic, make sure that you already understand the web structure and
what part of the web structure must be add or update.
ADMIN TASKS:
NEW POST – Article or New Research data by Year, Section and Group
You will add this New Post when we have a new Research data on hand.
NEW PAGE FOR YEAR LEVEL – Thumbnail view list of all the Research by year level
You will add this New Page when we have a New Year Level and New Research data on hand.
1. On the Dashboard, Click “All Post” to show the lists of Research data
2. Once the Post lists shows, hover one of the title research and click “Clone”, and you will automatically
proceed to Pagelayer plugin
3. From the Image below, we need to change the title first before we get back here and update all of
the content. Please click “Close” on the lower-left area to proceed to Dashboard.
4. On the Dashboard>Posts, click “Quick Edit” and update the Title Name, Slug Name, Categories (Year
and Section), Status (Published) and click “Update”
5. Hover again the title and click “Edit using Pagelayer”
6. Pagelayer: For the Title Research
Click “Pencil Icon” and on the Image Box panel, click the “Image itself”
7. Drag or Select Image title for the specific Research, and click “Insert”
8. Pagelayer: For the Research content
Click “Pencil Icon” and on the Edit Embed panel, “paste” the script of your research from the scribd.com
to the Embed panel.
9. Please be specific and aware to the content of the script, remove the unnecessary script from the
Scribd.com (too many script) to Pagelayer (<Center><iframe… script unto </iframe></Center>)
From Scribd.com To Pagelayer (must edit)
<iframe class="scribd_iframe_embed" <CENTER><iframe class="scribd_iframe_embed"
title="Sample" title="Project ABC Thesis"
src="https://www.scribd.com/embeds/50477006 src="https://www.scribd.com/embeds/50397885
0/content? 6/content?
start_page=1&view_mode=scroll&access_key=ke start_page=1&view_mode=scroll&access_key=ke
y-4OBudUr5gBmoUBRzkyKv" tabindex="0" data- y-3AKrlPDfVMHE6PoUmMGa" tabindex="0" data-
auto-height="false" data-aspect- auto-height="false" data-aspect-
ratio="0.7729220222793488" scrolling="no" ratio="0.7729220222793488" scrolling="no"
width="840" height="1120" width="840" height="1120"
frameborder="0"></iframe><p style=" margin: frameborder="0"></iframe></CENTER>
12px auto 6px auto; font-family:
Helvetica,Arial,Sans-serif; font-style: normal;
font-variant: normal; font-weight: normal;
font-size: 14px; line-height: normal; font-size-
adjust: none; font-stretch: normal; -x-system-
font: none; display: block;" ><a title="View
Sample on Scribd"
href="https://www.scribd.com/document/50477
0060/Sample#from_embed" style="text-
decoration: underline;">Sample</a> by <a
title="View ucc eportfolio's profile on Scribd"
href="https://www.scribd.com/user/543017682/
ucc-eportfolio#from_embed" style="text-
decoration: underline;">ucc eportfolio</a></p>
1. On the Dashboard, Click “All Page” to show the lists of Menu Page
3. PAGELAYER: Same as before, we need to close this first and rename the Title page, before updating
the content.
4. DASHBOARD: Click “Quick Edit”
To this, make sure that the year level you update is status is Publish. Click “Update”
6. To update the content of the Menu page, click “Edit using Pagelayer”
7. PAGELAYER: Click “Pencil Icon” and on the Image Box panel, click the “Image itself” to upload the
image
8. Drag or Select Image title for the specific Research, and click “Insert”
9. Please make sure that you update it to the specific year level and section
10. Click the Heading and Enter the Title of the Research
11. Click the Content and Enter the Tagline and Short description of the research
12. From the Button, Add or replace the existing URL from your NEW POST URL.
1. On the Dashboard, Click “All Page” to show the lists of Menu Page
2. Click “Edit using Pagelayer”
3.PAGELAYER: from E-Portfolio page Click “Pencil Icon” (1) to edit the list, click “Duplicate icon” (2),
Enter the “Name” (3) of the research, and Insert URL (4) of your New post page. and UPDATE
After adding and updating the website, make sure it will appear to your website by visiting and check all
the menu pages and posts.
From the image below, there’s no 2021 (Menu page) under the E-Portfolio (Main Menu page)
In order to update this issue, and appear the 2021 or the specific year you added.
2. From the Add menu items, check the 2021 and click Add to Menu
3. If the 2021 Menu appears, Drag it under the E-Portfolio Menu and click Save Menu
4. Check the website again if it is updated
5. When the things go smooth, we can proceed to the Soliloquy plugin for image slider.
This Soliloquy plugin is already set to the webpages by the designer. The only thing we need to update
this are the Title image/s of the research you uploaded.
3. Upload your image by Drag and Drop or Selecting image from the directory
4. Once the images are arrange, click Update. And You’re done!