general webdesign question

[jameshumphries47]

so all my websites i have made, for them to be updated i have to edit code, which is a pain for clients, so does anyone know of anything which i can implement which will allow them to add photos and basic things, without them touching code. Anyone have any ideas.

~James

[You_are_a_cunt]

Why not just use a CMS back-end and a custom tailored front-end?

[ALwin]

snip

 

A CMS, even a very basic one like Wordpress, is what you need to use or implement if you do not want your clients to have to code.

[jameshumphries47]

Why not just use a CMS back-end and a custom tailored front-end?

i create all my templates using html and css, using bootstrap, would this be difficult to implement?

[jameshumphries47]

A CMS, even a very simple one like Wordpress, is what you need to use or implement if you do not want your clients to have to code.

would it be difficult to implement into bootstrap

[ALwin]

would it be difficult to implement into bootstrap

 

I'm not sure, never used bootstrap before.  I haven't done CMS development in quite a number of years.

[jameshumphries47]

I'm not sure, never used bootstrap before.  I haven't done CMS development in quite a number of years.

okay, what would you recommend for me to use?

[DigitalHermit]

Use a framework?

We used Laravel for ours...

although not a fully featured CMS like Drupal or Joomla, it's pretty flexible...

[You_are_a_cunt]

okay, what would you recommend for me to use?

Wordpress is the most basic CMS and it offers a lot of features plus plugin support (HUGE plugin library). And it's free!

Templates are implemented in HTML/CSS and PHP.

[jameshumphries47]

Wordpress is the most basic CMS and it offers a lot of features plus plugin support (HUGE plugin library). And it's free!

Templates are implemented in HTML/CSS and PHP.

this seems the best option because i have used word press before, so i guess i will have to install word-press and then add the code to the pages part.

[ALwin]

Wordpress for simple stuff, Drupal, Joomla or something similar for more advanced or complex websites.

[jameshumphries47]

Wordpress for simple stuff, Drupal, Joomla or something similar for more advanced stuff.

i dont want to make it more complex then it has to be. thank you now i have an idea what to do now  

[ALwin]

i dont want to make it more complex then it has to be. thank you now i have an idea what to do now

 

That's not what I mean.  There is a limit to what you can do with Wordpress and how large or complex the site functionality can become before it is actually better to not use Wordpress.

 

One of the best frameworks for custom developing a CMS and Website/Web Applications in my opinion is Oracle Apex, which is free.

[jameshumphries47]

That's not what I mean.  There is a limit to what you can do with Wordpress and how large or complex the site functionality can become before it is actually better to not use Wordpress.

 

One of the best frameworks for custom developing a CMS and Website/Web Applications in my opinion is Oracle Apex, which is free.

okay, i want something familiar for clients. all i need it to be able to do is edit text and put photos. will wordpress be sufficient 

[ALwin]

okay, i want something familiar for clients. all i need it to be able to do is edit text and put photos. will wordpress be sufficient 

 

What kind of site are you building?  What is the purpose of the site?

[madknight3]

okay, what would you recommend for me to use?

 

What server side language are you using? PHP? Ruby? Something else?

[jameshumphries47]

What kind of site are you building?  What is the purpose of the site?

its literately just a basic site, ill inbox you a link 

[jameshumphries47]

What server side language are you using? PHP? Ruby? Something else?

php

[omniomi]

would it be difficult to implement into bootstrap

 

Don't use Wordpress... Theme development for Wordpress is a pain in the butt and Wordpress is notorious for insecurities and bloat. Use Concrete5; it's seriously the easiest CMS to theme for and it's light weight.

 

If this is your html file:

<!DOCTYPE html><html><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/styles.css"><title>My Title</title><body><div class="container">  <h1>My Site</h1>   <p>My Site!</p> 	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div>	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div>	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div></div></body></html>

This is the C5 template:

<!DOCTYPE html><html><head>	<?php Loader::element('header_required')	<link rel="stylesheet" href="<?php echo $view->getThemePath()?>/css/styles.css"></head><body><div class="<?php echo $c->getPageWrapperClass()?>" style="height:100%;"><div class="container">    <?php        $a = new Area('Main');        $a->display($c);    ?>	<div class="sec-third">		<?php			$a = new Area('Section 1');			$a->display($c);		?>	</div>	<div class="sec-third">		<?php			$a = new Area('Section 2');			$a->display($c);		?>	</div>		<div class="sec-third">		<?php			$a = new Area('Section 3');			$a->display($c);		?>	</div></div></div><?php Loader::element('footer_required')?></body></html>

The 22 minute video on this page is literally all you'll need to get started: http://documentation.concrete5.org/developers/designing-for-concrete5/building-a-concrete5-theme/converting-an-html-template-to-a-concrete5-theme

 

You can have it handle auto nav creation so users can add pages and it will automatically add them to the menu. Users can add elements like photo galleries, surveys, polls, Google maps, and so on all drag and drop:

 

https://i.imgur.com/LFbr7qD.png

https://i.imgur.com/ujEDJoW.png

https://i.imgur.com/ngJWpt1.png

https://i.imgur.com/BPazOZl.png

 

I've converted a number of sites to c5 for people such as http://woodsalehouse.com/ which is a bootstrap single-page site, and this one for a friend: http://www.ellissentials.com/ . Both took less than an hour and now they can edit their own sites without bugging me.

 

The homepage template for ellissentials.com looks like this: http://pastebin.com/BjHKyb1f the included header.php looks like this: http://pastebin.com/rpxdbGNQ and this is the footer.php http://pastebin.com/5mNFkmjk

 

Hell.. if you send me the source I can do it for you lol.

[LukeTim]

You could look at October CMS. It is built upon the Laravel Framework, easy to develop with (so you can use it too), has a WYSIWYG editor for clients to manage page content with, and is extensible with community developed plugins.

https://octobercms.com/

[jameshumphries47]

 

Don't use Wordpress... Theme development for Wordpress is a pain in the butt and Wordpress is notorious for insecurities and bloat. Use Concrete5; it's seriously the easiest CMS to theme for and it's light weight.

 

If this is your html file:

<!DOCTYPE html><html><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/styles.css"><title>My Title</title><body><div class="container">  <h1>My Site</h1>   <p>My Site!</p> 	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div>	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div>	<div class="sec-third">	  <h2>Section</h2>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus malesuada dolor quis dictum. In id libero lacus. Maecenas porttitor, elit eu venenatis consequat, tortor sapien gravida odio, id maximus quam est non neque. Sed pharetra nec tellus eget efficitur. In a arcu id quam pellentesque interdum at eu nisl. Morbi velit eros, bibendum et magna hendrerit, cursus hendrerit arcu.</p>	</div></div></body></html>

This is the C5 template:

<!DOCTYPE html><html><head>	<?php Loader::element('header_required')	<link rel="stylesheet" href="<?php echo $view->getThemePath()?>/css/styles.css"></head><body><div class="<?php echo $c->getPageWrapperClass()?>" style="height:100%;"><div class="container">    <?php        $a = new Area('Main');        $a->display($c);    ?>	<div class="sec-third">		<?php			$a = new Area('Section 1');			$a->display($c);		?>	</div>	<div class="sec-third">		<?php			$a = new Area('Section 2');			$a->display($c);		?>	</div>		<div class="sec-third">		<?php			$a = new Area('Section 3');			$a->display($c);		?>	</div></div></div><?php Loader::element('footer_required')?></body></html>

The 22 minute video on this page is literally all you'll need to get started: http://documentation.concrete5.org/developers/designing-for-concrete5/building-a-concrete5-theme/converting-an-html-template-to-a-concrete5-theme

 

You can have it handle auto nav creation so users can add pages and it will automatically add them to the menu. Users can add elements like photo galleries, surveys, polls, Google maps, and so on all drag and drop:

 

https://i.imgur.com/LFbr7qD.png

https://i.imgur.com/ujEDJoW.png

https://i.imgur.com/ngJWpt1.png

https://i.imgur.com/BPazOZl.png

 

I've converted a number of sites to c5 for people such as http://woodsalehouse.com/ which is a bootstrap single-page site, and this one for a friend: http://www.ellissentials.com/ . Both took less than an hour and now they can edit their own sites without bugging me.

 

The homepage template for ellissentials.com looks like this: http://pastebin.com/BjHKyb1f the included header.php looks like this: http://pastebin.com/rpxdbGNQ and this is the footer.php http://pastebin.com/5mNFkmjk

 

Hell.. if you send me the source I can do it for you lol.

 

that looks simple, im going to try myself so i know, if i cant do it ,is it alright if you do it?

[omniomi]

that looks simple, im going to try myself so i know, if i cant do it ,is it alright if you do it?

 

Yeah no worries. Just PM me if you need anything.

[ekv]

With little of PHP/MySQL you can do whatever you want.

You can even read from folders, and let your clients to just upload using FTP (but this is bad idea)