Difference between revisions of "Websites"

From apertus wiki
Jump to: navigation, search
m (moved to phabricator or already done.)
 
(120 intermediate revisions by 9 users not shown)
Line 1: Line 1:
==Drupal==
=Drupal Related Notes=


This is about the new Apertus website, located at [http://dev.apertus.org http://dev.apertus.org].  
==frontpage in multiple languages==
Problem: translations of frontpage content do not display when going to apertus.org/fr, or apertus.org/es.


Its still in developmet but once finished will replace the current main website which will be archived (but stay online in a rea-only mode)
Solution: links should go to apertus.org/fr/accueil instead of apertus.org/fr.
The 'latest_news' block as well as the 'View: Nivo Slider, View: 3 latest Blogpost - frontpage: 3 latest blog posts View: Latest Articles Page: 3 latest article' block have to be set explicitly to display on translated nodes: <front>, node/50, etc.


Drupal 7 install, with the twitter bootstrap theme.
The topmenu (maximenu) has to be created for each individual language and then enabled in the blocks area with block options for each maximenu to only show in one particular language. Then disabled the default English menu for that particular new language and set the block title of the new language maximenu block to <none>.
 
==Drupal6 to 7 Migration Checklist==
* migrate axiom-dev to axiom subdomain -> done
* change $base_url for /doc_root/alpha_minisite/subsites/en -> done
* change apache conf.d files -> done
* verify boost is working -> done
* monitor 404s -> /admin/reports/page-not-found
* add old website to header -> done
 
==Global Apertus Website Header==
[[Website_Header]]


===Theming===
===Theming===
Line 30: Line 43:
=====CSS Theme Preview=====
=====CSS Theme Preview=====
  /sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.
  /sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.
This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1.
This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1 like the following:
<nowiki><div style="border:1px solid #BBB; padding:10px; width:879px;">
<div id="content">
<div class="content">
<div class="node">
<!-- content -->
</div>
</div>
</div>
</div></nowiki>




Line 36: Line 58:
The preview window size can be adapted to the size of the actual page container in  
The preview window size can be adapted to the size of the actual page container in  
  /sites/all/libraries/markitup/markitup/skins/simple/style.css
  /sites/all/libraries/markitup/markitup/skins/simple/style.css
===Adding a new language to the dropdown menu===
# Login to the Apertus CMS and upload a National Flag Icon (18x13 pixel PNG file with alpha transparency layer) for the appropriate language. To do so, go to the Apertus Home page and select "edit". Scroll down and upload a file under the "add a new file" heading. Copy the URL location for this file, which will be required later. [[File:Translation3.jpg]]
# Back at the Apertus homepage (www.apertus.org), mouse over the Language toolbar in the upper right-hand side of the screen. Select the "wrench" icon. [[File:TranslationMenu1.jpg]]
# Add a new language by using the correct formatting for html lists (refer to highlighted html code in the image below)
I.e. To create a link in the dropdown language menu for "Portuguese", insert the following code:
  <nowiki><li><a href="/por/casa"><img src="/sites/default/files/por.png" title="Português" alt="Português">Português</a></li></nowiki>
 
'''NOTE:''' "por" is a three letter abbreviation for "portuguese" and "casa" is the portuguese translation for "home"
Paste the URL for the National flag icon from step 1 into the <nowiki><img src="..."> field</nowiki>
[[File:Translation02.jpg]]


===Todo===
===Todo===


* Image Carousel with news item rotation on front page with small html overlay and dots indicating "position" in carousel - maybe http://nivo.dev7studios.com/demos/ or http://slidesjs.com/examples/images-with-captions/
* [non-essential] is there a way to make the colorbox either display images at their original size or if the image is too big use a fixed percentage of the screen (like CSS width: 90%) ?
 
* [non-essential] display current language in top nav (with flag symbol maybe)
 
==Apertus Forums==
Using phpbb.


* the link to Add Content -> Page in the top adminmenu is missing
===Fixing Email notifications "from" Name===
-> one is empty, the other works, I cannt odelete the empty one for obscure reasons


* add number of comments eg. "13 comments" to each item in blog and news view after teaser text (maybe with small speech bubble icon)
Manually edited /includes/functions_messenger.php at line 477 and 482 to add the "From" Name

Latest revision as of 20:01, 17 October 2014

1 Drupal Related Notes

1.1 frontpage in multiple languages

Problem: translations of frontpage content do not display when going to apertus.org/fr, or apertus.org/es.

Solution: links should go to apertus.org/fr/accueil instead of apertus.org/fr. The 'latest_news' block as well as the 'View: Nivo Slider, View: 3 latest Blogpost - frontpage: 3 latest blog posts View: Latest Articles Page: 3 latest article' block have to be set explicitly to display on translated nodes: <front>, node/50, etc.

The topmenu (maximenu) has to be created for each individual language and then enabled in the blocks area with block options for each maximenu to only show in one particular language. Then disabled the default English menu for that particular new language and set the block title of the new language maximenu block to <none>.

1.2 Drupal6 to 7 Migration Checklist

  • migrate axiom-dev to axiom subdomain -> done
  • change $base_url for /doc_root/alpha_minisite/subsites/en -> done
  • change apache conf.d files -> done
  • verify boost is working -> done
  • monitor 404s -> /admin/reports/page-not-found
  • add old website to header -> done

1.3 Global Apertus Website Header

Website_Header

1.3.1 Theming

There is a subtheme, called "apertus_bootstrap" which is in use now.

In this theme there is an apertus.css file.

Please try to respect the structure of this file:

  • google fonts imports (they must be the first items in this file, don't ask me why)
  • general typography
  • general page modifications
  • nodes
  • fields
  • views
  • ui

It makes it easier to find your way. General rule: as little css as possible, only override what is needed. Ask for help, make backups.

1.3.1.1 markitup editor

This wysiwyg editor is the perfect mix of the normal text editor for programmers and the colorful GUI of a real WYSIWYG editor that does not produce terribly bloated HTML.

1.3.1.1.1 CSS Theme Preview
/sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.

This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1 like the following:

<div style="border:1px solid #BBB; padding:10px; width:879px;">
	<div id="content">
		<div class="content">
			<div class="node">
				<!-- content -->
			</div>
		</div>
	</div>
 </div>


The preview window size can be adapted to the size of the actual page container in

/sites/all/libraries/markitup/markitup/skins/simple/style.css

1.3.2 Adding a new language to the dropdown menu

  1. Login to the Apertus CMS and upload a National Flag Icon (18x13 pixel PNG file with alpha transparency layer) for the appropriate language. To do so, go to the Apertus Home page and select "edit". Scroll down and upload a file under the "add a new file" heading. Copy the URL location for this file, which will be required later. Translation3.jpg
  2. Back at the Apertus homepage (www.apertus.org), mouse over the Language toolbar in the upper right-hand side of the screen. Select the "wrench" icon. TranslationMenu1.jpg
  3. Add a new language by using the correct formatting for html lists (refer to highlighted html code in the image below)

I.e. To create a link in the dropdown language menu for "Portuguese", insert the following code:

 <li><a href="/por/casa"><img src="/sites/default/files/por.png" title="Português" alt="Português">Português</a></li>
 
NOTE: "por" is a three letter abbreviation for "portuguese" and "casa" is the portuguese translation for "home" 
Paste the URL for the National flag icon from step 1 into the <img src="..."> field

Translation02.jpg

1.3.3 Todo

  • [non-essential] is there a way to make the colorbox either display images at their original size or if the image is too big use a fixed percentage of the screen (like CSS width: 90%) ?
  • [non-essential] display current language in top nav (with flag symbol maybe)

1.4 Apertus Forums

Using phpbb.

1.4.1 Fixing Email notifications "from" Name

Manually edited /includes/functions_messenger.php at line 477 and 482 to add the "From" Name