/    Sign up×
Community /Pin to ProfileBookmark

Pre-developed site with CMS? URGENT HELP

So I’m developing a portfolio for my friend who is a renown printmaker. I need to code a site that he can edit without having to actually change/write code. He would have to update photos, descriptions, and other content. I’ve heard the best way to go about doing this is to integrate a CMS (content management system). How do I go about doing that?

Do I develop the website first and then integrate with a CMS like WordPress (was recommended), or do I have to do something special with WordPress while I’m developing it? Do I have to develop a template, and then bring in his info via WordPress? I’m just kind of confused where to start. If someone could point me to good tutorials or give me any general info, I should be able to rocket off from there. Thanks guys!

to post a comment
Full-stack Developer

14 Comments(s)

Copy linkTweet thisAlerts:
@jedaisoulAug 18.2016 — Hi and welcome to the site. Do not attempt to code a site and then integrate it with WordPress. It can be done, but it is the hard way to do it!. WordPress (and other CMSs) are written so you develop the site within their environment. Using a theme is optional, but can speed-up the development as it pre-configures many items. However, don't use a CMS or theme that will need to be heavily modified to meet your needs. It can work out more difficult and time consuming than coding a site from scratch. Work within the limitations of the CMS/theme, or choose a different one!
Copy linkTweet thisAlerts:
@rootAug 18.2016 — avoid CMS mad simple, that is all I can say on the subject.
Copy linkTweet thisAlerts:
@NogDogAug 18.2016 — avoid CMS mad simple, that is all I can say on the subject.[/QUOTE]

While I understand the viewpoint, you have to look at it from a full ROI perspective. If by using a CMS you can get an acceptable solution running in some significant fraction of the time you would otherwise (e.g. writing everything from scratch), then you've spent that much less time (and time == money) to develop it, [i]and[/i] it's live and (hopefully) starting to make a return on the investment you made.

Now, the hard part is knowing how to determine if (a) a CMS can actually do what you want it to, and (b) if so, will it actually save you enough time to make it worthwhile? ?
Copy linkTweet thisAlerts:
@KoshuaauthorAug 18.2016 — Hi and welcome to the site. Do not attempt to code a site and then integrate it with WordPress. It can be done, but it is the hard way to do it!. WordPress (and other CMSs) are written so you develop the site within their environment. Using a theme is optional, but can speed-up the development as it pre-configures many items. However, don't use a CMS or theme that will need to be heavily modified to meet your needs. It can work out more difficult and time consuming than coding a site from scratch. Work within the limitations of the CMS/theme, or choose a different one![/QUOTE]

I'm confused about developing in the Wordpress environment. Is it some sort of Weebly/Wix thing? I was hoping to be able to code the site from scratch on my own code editor and somehow integrate Wordpress while I work. Is this possible? What do developers typically do when developing sites from scratch if they want their clients to have easy access to changing content?
Copy linkTweet thisAlerts:
@KoshuaauthorAug 18.2016 — While I understand the viewpoint, you have to look at it from a full ROI perspective. If by using a CMS you can get an acceptable solution running in some significant fraction of the time you would otherwise (e.g. writing everything from scratch), then you've spent that much less time (and time == money) to develop it, [i]and[/i] it's live and (hopefully) starting to make a return on the investment you made.

Now, the hard part is knowing how to determine if (a) a CMS can actually do what you want it to, and (b) if so, will it actually save you enough time to make it worthwhile? ?[/QUOTE]


The thing my client would be doing requiring content management is switching out portfolio items (photos and descriptions). What is the alternative to using a CMS for an easy way for a client with no code experience to do that?
Copy linkTweet thisAlerts:
@NogDogAug 18.2016 — The thing my client would be doing requiring content management is switching out portfolio items (photos and descriptions). What is the alternative to using a CMS for an easy way for a client with no code experience to do that?[/QUOTE]

Which is essentially the gist of any CMS. ? So it likely becomes a case of picking the CMS with the features and look/feel (which can be from 3rd-party templates) that you want. You might want to poke around at opensourcecms.com for some options.

You can, of course, write what would essentially be your own CMS if you only need something really simple that a login system and a few basic forms could do for you. If it's going to be more complex, or your coding skills are not up to that, or time is a constraint, then picking an existing CMS seems logical to me.
Copy linkTweet thisAlerts:
@jedaisoulAug 25.2016 — I'm confused about developing in the Wordpress environment. Is it some sort of Weebly/Wix thing? I was hoping to be able to code the site from scratch on my own code editor and somehow integrate Wordpress while I work. Is this possible? What do developers typically do when developing sites from scratch if they want their clients to have easy access to changing content?[/QUOTE]

Apologies for the delay in replying, I must have missed this post. Anyway, I can't speak for other developers, but if I had to code a site that would eventually be integrated into CMS, then I would develop it as far as possible within that environment. The logic being that, if you are going to suffer the disadvantages of a CMS (code bloat etc.) then you might as well enjoy the benefits...
Copy linkTweet thisAlerts:
@KoshuaauthorAug 25.2016 — So, after looking around, I found out the easiest option is to turn a static html page into a custom Wordpress theme. I have no idea how this works yet, but I'll be watching tutorials after I finish my current project. It's just going to be a one-page portfolio site, so I'm guessing I'll code the html/css/js like usual and somehow turn the html into editable content that can be managed through Wordpress (like images, paragraphs, etc). Am I on the right track here?
Copy linkTweet thisAlerts:
@dinocajicAug 25.2016 — So, after looking around, I found out the easiest option is to turn a static html page into a custom Wordpress theme. I have no idea how this works yet, but I'll be watching tutorials after I finish my current project. It's just going to be a one-page portfolio site, so I'm guessing I'll code the html/css/js like usual and somehow turn the html into editable content that can be managed through Wordpress (like images, paragraphs, etc). Am I on the right track here?[/QUOTE]

It looks like you're confused about what a CMS is. The CMS was designed to answer the questions that you have....it's just a template that you can edit. You can go deeper later and create your own templates, but for something so simple I personally think that there's no need.

To explain it simply, we'll use Wordpress.

If you want Wordpress to host it:

- Go to wordpress.com

- Setup a new website

- Pick a theme (the way the website looks)

- You get an administrative panel after completion

- Click Add Page

- You get a wysiwyg editor (looks like Microsoft Word)

- Add some text...click on the image icon to insert an image.

- Publish the page. Later, your friend goes back and clicks on the edit page...clicks on the image and replaces it or adds another one. If he knows how to use Word, for the most part he can use this editor.

- Later, he wants a contact form...you simply add the plugin (there are thousands of plugins for virtually everything you can think of)

- You can also tweak the appearance of the theme and even change it completely.

If you want Wordpress on your server:

- Go to wordpress.org

- Save the zipped file

- Unzip it and upload it to the hosting company of your choice

- You'll have to setup a new database where Wordpress will be stored (most hosting companies have phpMyAdmin and cPanel installed so that should be pretty easy)

- Visit the domain name it'll run the install.

- Delete the install file and your website is good to go.
Copy linkTweet thisAlerts:
@KoshuaauthorAug 25.2016 — @dinocajic

So in short, I should use it as a glorified version of Wix/Weebly? I really want the coding experience of creating the site, but I also want him to have a means to edit the site without code. I already have a site design mocked up and he wants it to look and function exactly like the design. I don't think a template will work for that, unless I'm misunderstanding. That's why I had the idea that the only way to integrate Wordpress into a completely custom site would be to create my own template.

Would I be better off coding the site from scratch and just editing the images and descriptions for him when he needs to? Maybe create a simple PHP cms to manage adding/deleting/changing portfolio items in the future?
Copy linkTweet thisAlerts:
@NogDogAug 25.2016 — If you want a facility for a non-technical user to update the site, but you want to code it yourself, then you essentially need to code it as your own CMS. That means adding user login/authentication (so that only authorized users can change the content), and some way for them to actually make the changes. If the layout will stay the same, then all(?) you need are form fields where they can edit the text for the relevant text sections, and upload new images to replace the current ones. Those "pieces" will then likely be stored somewhere (database, config file, etc.?), and then the actual page view would be a script that dynamically loads those pieces in. Let's say you just save the text pieces in 2 files, called text1.txt and text2.txt. In PHP, a simple way to include them would be something like:
[code=php]
<!-- some static HTML to start, then -->
<div id="foo">
<p><? php echo nl2br(htmlspecialchars(file_get_contents('text1.txt'))); ?></p>
</div>
<!-- some more static HTML, then -->
<div id="bar">
<p><? php echo nl2br(htmlspecialchars(file_get_contents('text2.txt'))); ?></p>
</div>
<!-- the rest of the static HTML -->
[/code]
Copy linkTweet thisAlerts:
@dinocajicAug 25.2016 — So in short, I should use it as a glorified version of Wix/Weebly? I really want the coding experience of creating the site, but I also want him to have a means to edit the site without code. I already have a site design mocked up and he wants it to look and function exactly like the design. I don't think a template will work for that, unless I'm misunderstanding. That's why I had the idea that the only way to integrate Wordpress into a completely custom site would be to create my own template.

Would I be better off coding the site from scratch and just editing the images and descriptions for him when he needs to? Maybe create a simple PHP cms to manage adding/deleting/changing portfolio items in the future?[/QUOTE]


If you want experience, a simple thing would be to create an admin page with PHP and like you said give the user the ability to add/delete/change images. Done.
Copy linkTweet thisAlerts:
@KoshuaauthorAug 25.2016 — If you want a facility for a non-technical user to update the site, but you want to code it yourself, then you essentially need to code it as your own CMS. That means adding user login/authentication (so that only authorized users can change the content), and some way for them to actually make the changes. If the layout will stay the same, then all(?) you need are form fields where they can edit the text for the relevant text sections, and upload new images to replace the current ones. Those "pieces" will then likely be stored somewhere (database, config file, etc.?), and then the actual page view would be a script that dynamically loads those pieces in. Let's say you just save the text pieces in 2 files, called text1.txt and text2.txt. In PHP, a simple way to include them would be something like:
[code=php]
<!-- some static HTML to start, then -->
<div id="foo">
<p><? php echo nl2br(htmlspecialchars(file_get_contents('text1.txt'))); ?></p>
</div>
<!-- some more static HTML, then -->
<div id="bar">
<p><? php echo nl2br(htmlspecialchars(file_get_contents('text2.txt'))); ?></p>
</div>
<!-- the rest of the static HTML -->
[/code]
[/QUOTE]


Awesome, that's exactly what I was looking for. I thought coding a custom theme would be a viable option, but it sounds like the two sides are either using Weebly as a glorified version of Wix or creating a custom CMS.
Copy linkTweet thisAlerts:
@dinocajicAug 26.2016 — Awesome, that's exactly what I was looking for. I thought coding a custom theme would be a viable option, but it sounds like the two sides are either using Weebly as a glorified version of Wix or creating a custom CMS.[/QUOTE]

You could always do both...but your design would probably look different. Just add the CMS to a separate folder on your server.
×

Success!

Help @Koshua spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...