WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding wordpress to basic website (21 posts)

  1. H0BB5
    Member
    Posted 1 year ago #

    Hey All!
    I'm a web developer and one of my past clients has asked me to add wordpress to a website I designed for them.
    It's a very basic website http://skilonglake.hobbsforhire.com
    However I don't know the best way to go about doing this?
    I tried searching for tutorials but most of what I found are on creating themes, not just simply adding wordpress into an existing theme.

    I know all the front-end coding but I am a little rusty with PHP and wordpress related sites.

    She only wants to be able to edit the content on a few of the pages.
    Help would be extremely, unbelievably, dramatically appreciated!
    Thanks guys

  2. jonradio
    Member
    Posted 1 year ago #

    I just read a book on converting the Theme of an HTML-based web site to a WordPress Theme, so there is obviously material out there. Perhaps it was just a matter of Googling the wrong words.

    I would recommend "convert theme WordPress" as a good place to start Googling. You might be wiser to start your search on wordpress.org using the Search box at the top of this page. First interesting "hit" I found was http://wordpress.org/support/topic/up-to-date-tutorial-to-convert-html-to-wordpress-theme?replies=2

    Although I am not completely clear on what you are being asked to do, but I suspect you will want to convert the entire site to WordPress to get the greatest level of consistency in "look and feel" across the site.

  3. H0BB5
    Member
    Posted 1 year ago #

    Hey Jonradio,
    Thanks for the response!
    I'll check out the link above.
    I want to install wordpress to the site without changing anything about it cosmetically.
    I just want the user to be able to log into the back-end of the site and modify the data easily, can this be done? Is it hard to do?

    Thanks!

  4. jonradio
    Member
    Posted 1 year ago #

    "modify the data easily" has got me confused. If you mean all the data on all the existing pages, then you pretty much have to convert the entire site to WordPress. The only other way is to use Frames to insert WordPress Pages into the existing HTML pages, which I have done by building my own WordPress Theme that has not headers, footers or sidebars (no such Theme can be put in the WordPress Theme Directory because a requirement for the Directory is headers, footers, etc., but that is another story).

    I think you are looking at a fair amount of work, no matter how you do it. I'm not an expert on Themes, but my own experience, in a failed attempt to build a custom Theme early on in my WordPress experience, was that Cross Browser Testing is the biggest amount of time you will spend. Adobe BrowserLabs avoids having to install every version of every browser on the planet, but it is still a lot of work.

    If it were me, I'd be trying to find an existing WordPress Theme that my customer would accept as a Redesign of the site.

  5. H0BB5
    Member
    Posted 1 year ago #

    If you go to the site
    http://skilonglake.hobbsforhire.com

    I'd just like the user to be able to change the text on the home page, or on the news section.
    That's really it. That's what I meant by modify data easily.

    I can't believe the amount of work it takes to do something that you would think would be a pretty simple idea.
    Every tutorial i've found has me doing a different thing.
    one of them is to use a child themes and starkers(blank wordpress theme)
    then another one is saying to use custom fields
    It's crazy, so confused haha.

  6. jonradio
    Member
    Posted 1 year ago #

    I'm afraid that I'm out of ideas. Hopefully someone else can help.

  7. govpatel
    Member
    Posted 1 year ago #

    Since you have your website in html and you want your client be able to change content then the best way is to install wordpress in folder and get set up with a theme you like or create one and since you do not have that many pages copy paste content on each page.

    Once satisfied you can move the existing site to a folder and move wordpress to root
    http://codex.wordpress.org/Moving_WordPress#On_Your_Existing_Server

    or

    Use from directory

    http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

  8. H0BB5
    Member
    Posted 1 year ago #

    Hey govpatel,
    Thanks for the response.
    But doing it the way you said would result in me having a new theme.
    which would change the way the website looks aesthetically.
    I am looking for a way to only have the wordpress visible through back-end of the site.
    I do not want any changes to occur to the website.
    I am looking for a way to just apply wordpress to the site so that the client will be able to login and change the information on the pages without the website changing.

    Thanks!

  9. jonradio
    Member
    Posted 1 year ago #

    I think an explanation of WordPress might be in order. WordPress stores the HTML for each web page in its database, not in a .html file like you are used to. And it dynamically generates each page for each visitor to your web site.

    You can't just use WordPress as an .html file editor for an existing web site. If that is what you want, try FileZilla and NotePad++. FileZilla can be set up to download, fire up NotePad++ for editing, and prompt the user when they are done for uploading.

    Of course, you risk the user messing up your HTML.

  10. govpatel
    Member
    Posted 1 year ago #

    Then I am sorry there no other way then to teach your client html

  11. jonradio
    Member
    Posted 1 year ago #

    govpatel brings up a good point. Rather than teaching your customer HTML, you could simply use a web-based Visual Editor that directly edits the .html files but displays formatted text, not HTML. cPanel's File Manager has a decent one, for example, that may be part of your web hosting.

    I'm sure there are others.

  12. govpatel
    Member
    Posted 1 year ago #

    There a is program Nvu you can install that on your computer edit the page and upload the page

  13. H0BB5
    Member
    Posted 1 year ago #

    Govpatel I do not have to teach my client HTML.
    I know it is possible to incorporate wordpress into an already existing site without changing the appearance of the site.
    There are different ways to do this and I am just trying to find the most efficient/effective.

    I am trying to keep my current design as the theme I will be using in wordpress. I know I can get a blank theme such as starkers and use my design as a child/parent theme, but I am in the process of figuring out how that works.

    Jonradio, I appreciate your help but I know what WordPress is and how it works. I understand wordpress uses PHP and how dynamic content/web pages work. I have a degree in Web Development I am just not too familiar with wordpress. The only reason I am doing this is because it as my clients request.

    It's ridiculous to say it's not possible to add wordpress as a back-end component to an existing site without changing the appearance of the site. I know it can be done.

    I believe if the members of the forum can help comment on the most effective solution it will help out many people in the future.

  14. cynnie88
    Member
    Posted 1 year ago #

    http://codex.wordpress.org/Theme_Development

    If you want to have wordpress functionality and keep your site the same on the front end, then you are going to have to build your own theme. Learn about themes, and template files.

  15. jonradio
    Member
    Posted 1 year ago #

    Only thing I'd add is that, as I said earlier, Cross-Browser Testing is a Must when you build your own theme.

    "It's ridiculous to say it's not possible to add wordpress as a back-end component to an existing site without changing the appearance of the site. I know it can be done." - I never meant to imply that it was impossible, but you didn't seem to like the amount of work involved, so I was offering less time-consuming alternatives.

  16. H0BB5
    Member
    Posted 1 year ago #

    Wouldn't the cross browser testing already been done if the site works currently cross browser?
    Isn't it just dependent on the browser and HTML/CSS?
    I don't think any PHP would affect the outcome of the site when it comes to front-end.

    That comment wasn't directed to you jonradio, it was directed at govpatel.
    Your suggestion was using a web based visual editor?
    Can you go into more detail about that? My client might be fine with that since I don't see them wanting to change very much besides the text.
    I am also having server problems with their web host. It's a small town so their host is a small company, talking to them so far is a headache. They have a bunch of problems on their end when it comes to missing MySQL extensions.
    This whole thing is such a mess, this is definitely the downside to freelancing when its not on your own server/hosting provider.

  17. jonradio
    Member
    Posted 1 year ago #

    You are right about Cross-Browser Testing not being required if no HTML or CSS is changed.

    I also know what you mean about hosting issues. I am a retired programmer, having started in 1971, and insist on having a say on where the hosting is for the sites I support. At the moment, I host all of them off a single VPS where I built the software stack from the ground up. Life is now a lot less stressful than when I was on shared hosting.

    Unfortunately, my only experience with stand-alone web-based visual editors is cPanel's. They have a Windows Explorer-like File Manager and one of the many options when you right click on an .html file takes you to an editor that displays the whole web page pretty much as you'd see it in a browser, and you just type the changes and hit Save.

    That's it.

    I haven't found an Open Source alternative, but I haven't spent enough time looking, as it was never a priority for me.

  18. zartgesotten
    Member
    Posted 1 year ago #

    Seems like the most efficient way is to get someone to code a wordpress theme for you out of your html/css page (and probably install and configure wordpress for you)
    It will look the same as it does now and be editable from the backend.

    You might have to update on the hosting as you need a database and enough memory to run wordpress.

    You could file a job offer here
    http://jobs.wordpress.net/
    or here
    http://www.wphired.com/
    or here
    http://www.weekendhacker.net/

    I don't see how you will be able to complete the job without knowing about Worpdress and theme development.

    Good luck
    Anja

  19. H0BB5
    Member
    Posted 1 year ago #

    I don't see how you will be able to complete the job without knowing about Worpdress and theme development.

    Hey Anja,
    Thanks for the response.
    I've already stated above that I have a DEGREE in web development.
    I'm fully capable/comfortable with HTML5, CSS3, JavaScript, jQuery, AS3, PHP, MySQL and RoR.

    I don't think 'theme development' is going to be something so out of the world for me to handle. What I have come to this forum for is to find out what is the industry standard. The way that is easiest, most used. I've read of a few and I would like ANYONE to tell me what is a common use of practice to do this. A link to a tutorial that is agreed upon by many of the way to do this.

    Should I get a blank theme like starkers and just incorporate my theme into the mix as a parent-child? I've read multiple ways, but none seem ideal from my perspective. I'm just looking to clear this up and I am sure many other people will have this issue in the future.

  20. michael.mariart
    Member
    Posted 1 year ago #

    There's no "standard" way to do what you want. As you can guess from the responses that you've had so far, this is not something that WordPress is made to do out of the box, and it's really not something that most people want, or even want to confuse themselves with.

    If you want to update some things on the home page and another page, I'd suggest looking into adding some of your own PHP code to drag the content that WordPress stores in the database into the pages that you want it to be on. That is going to be the eaisest way to do it overall. If you need the formatting and extra fun WordPress stuff, you can include other WP files as they are needed for their functions. It should be a reasonably easy thing to do.

  21. zartgesotten
    Member
    Posted 1 year ago #

    Sorry H0BB5 for putting it the wrong way. I SEE that you are good in designing Websites. What I meant is that even with great knowledge of CSS, PHP MySQL... you will STILL have to spend a lot of time digging into what's specific for WORDPRESS...
    As for tutorials... there are many out there...
    Tutorials

    Good luck!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.