Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Posted by Aurelian Spodarec
Aurelian Spodarec
10,801 Points

How would you make this site in wordpress?

How would you make this site on WP?

and what kind of inspiration, for desing, would you suggest? Maybe some already existing themes I could re-design this?

2 Answers

Jacob Mishkin
Jacob Mishkin
23,118 Points

Honestly man, you should be not doing paid sites if you don't know how to make pages in WordPress. I'm not trying to be mean, but its not responsible of you to your the client if you can't do the work for them that you promised to do. It's just the truth. Do you know how to enqueue bootstrap into WordPress? If not I would suggest you review the WordPress themes course here. Since this is a paid site, and NOT for learning, but rather you seeking free consulting on how to build a WordPress site. You're going to have to review the course on your own. For what you are asking I normally charge a fee, and since this is a paid gig, and not learning or just doing it on your own, I feel its inappropriate, to give anyone here free advice on a paid job. I will suggest you look at the theme development course here and look at enqueuing bootstrap, the wp_query (the loop), and how to make a pages and menus in the backend. You will also need to know how to use the wp_nav_menu() function to make your nav work properly, as that will allow you to add classes to your list items.

if you want to turn the static site that you posted into a WordPress site you will need to know the following things:

  1. vvv vagrant, scotch box, or MAMP for local dev
  2. git
  3. staging server, and subdomains
  4. choosing a starter theme ie. _s
  5. knowing wp hierarchy
  6. what is page.php
  7. what is functions.php
  8. enqueueing sass/js/frameworks.
  9. gulp/grunt
  10. enqueueing an assets folder with minimized js, css and compressed images
  11. The Loop
  12. template_parts() function
  13. CPT's or custom post types.
  14. wp_nav_menu() function maybe the walker function, to remove wp auto injected classes
  15. dynamically adding a class to the body element. in order to streamline the css/sass
  16. understanding how cache works, removing cache after git push.
  17. copy and paste the content into the correct page.
  18. General knowledge of PHP. ie how to echo dynamically into the HTML and conditional statements.
  19. mobile first design. 20 know is_wp_mobile() function.
  20. ACF.

As you can see there is a lot of work to do in order to take a static HTML site and turn it into a WordPress site. if they have Wordpress already installed then some of this stuff you will not need, hopefully they have chosen a solid theme and you will not need to work with WordPress too much to just get the styles correct. This is a basic list, just off the top of my head when looking at the site, I'm sure more issues will come up as the work progresses. if you have a NON-Paying gig I will be happy to help reviewing code, but not with paid jobs. This list and the themes dev course should be enough for you to complete the project.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

I already did WordPress sites, I'm familiar with some stuff you wrote, I can basically make a site like this, that's what I did with WP, though this here Is a slightly different.

Yes, I totally understand you, though German confused me and then i translate it and I see those were just some links there and here. As well as there are two navigation, which I know how to make the default one.

I just though I'll try to do the site for someone, for experience etc.. Last time I didn't know how to make something, in Sidki and Sidki , but at the end I figured it out somehow, and gained experience in that, so wy not try now, right, at the end most web developers figure , or solve problems out. I don't know everything in front-end, but I can figure it out my self.

Though thank you very much for this! I treat this as learning too. This is is actually free, though the other ones are paid for me to do just front-end, in the worst case I'll say I do just front-end. I'm new to this :D just wanted to try, I know this is a real client though I can do front-end for him, which is part 1, and his other two sites already have WP, so id just do-front-end : p

Or we could always share this with you? : p if ud have time.

Would you be interested in it anywas? I would do front-end and you back-end? From time to time.

I think I should learn more WP I believe : d

But thank you, this definitelly gave me a bigger picture on wp, on things that I actually didn't take in account.

Jacob Mishkin
Jacob Mishkin
23,118 Points

I checked out your site Sidki & Sidki. Just by glancing over the site there are several key issues you need to change prior to doing paid gigs.

  1. logo(s) do not link to the home page, produce a 404 error. or just hashtag.

  2. Don't mess with adware. there is really no need for ad.doubleclick.net. It's also producing a 404 error and god know what in the background. Think of the children.

  3. slider does not work, maybe just one image, but does not show functionally.

  4. in search results, no links to either page, or post upon search results.

  5. load time should be better, running around 4-7 seconds per click.

  6. you do not need 1500 x 800+ sized images. kills load times, use CSS.

Theses are several things that need to be changed prior to really doing paid work. These issues will come up in the next project, and you will be expected to solve them.

So far as working on that site, I would have to speak to your client prior as to their expectations of the site. if you want you can send me your email and we can discuss, but not here on the forum, I feel it's inappropriate.

Make those changes, review the WP themes course and you should be good to go.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Men :D There is soo much to this!

Lot's to learn! That's what I'm primary looking in the first place, as money for me aren't as important as getting a job in an agency and gain real life experience from experienced web-developers.

Sidki and Sidki was done last year, in January, as I did a cold call. Though because I'm soo new to this, it didn't go well, and so the site is in his domain, that I host, that I just have there for a showcase : p

But, men, there is soo much to do, I definitely know what I need to learn and improve on. Now I'm re-doing my site, will need to do all the things that you said, optimization etc..

Okay, I will send you an email to discuss it, in few days, not now, if there is going to be a need.

Not sure what you mean by 'adware.' I don't remember I have ever heared about this in the first place : p

Lot's of good information. Thank you!

My email is aurelianxspodarec[at]gmail[dot]com - We could possibly discuss things there, like you said.

Jacob Mishkin
Jacob Mishkin
23,118 Points

this is what i'm talking about with adware:

2 http://ad.doubleclick.net/N6581/adi/accuwx.products/oap/sidkiandsidki-co-uk…2lo=35;fc3wx=6;fc3hi=45;fc3lo=30;mcpct=2;sz=300x250;ord=998181474257465500 Failed to load resource: the server responded with a status of 400 (Bad Request)

do you know what this is?

Yes! redo your site first before going into the world of freelance. Get your skills down first and then you will be good.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Am , my site is this which is an old site as well.

Well, I think we learn as we go, right. Because I have seen people that are 100% worse than me, that get job and do other sites with long loading time.

Ultimately I want to prepare my self to get a job as a front-end web dev, so I'm trying to figure out all the stuff as well that I need to know as well.

Could we discuss this out of the forum?

Jacob Mishkin
Jacob Mishkin
23,118 Points

You are on the right track, by being here on Treehouse. Keep working at it and you WILL get employed. Keep learning.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

So as a front-end developer, what should I ideally know? 

HTML/CSS, new verison.
Git.
Sass
JavaScript/jQuery 
Image Optimization
Gulp/Grunt

And I'm ready?

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

What do you mean? this is a broad question. Have you made a site using WordPress before?

And by looking at their URL I would not use this site as an example to create.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

That's the site I need to re-design, and put in WordPress.

I'm ok with front-end, but my problem lays in WP, as I'm not that experienced in back end.

YOu are right, how would I make header 1, and header two, with different links?

If you translate the page to ENglish, you see those links

about us- reasons
Projects and us

Business couple Why this page?

Brigitte Account Gromberg Business spring
Ehrenfried Account Gromberg Business ethics

How would you make those links? Hardcoded with WP?

I hawent done WP in a while as well.. though I took this job, so I better try and do WordPress as well, not only front-end :D because I can do most of what's there, I just never had experience to do stuff like this, so that's great to expand my self, right.

Jacob Mishkin
Jacob Mishkin
23,118 Points

Is this a paid gig for you? As in a company is paying you money to build them a site?

Aurelian Spodarec
Aurelian Spodarec
10,801 Points
Aurelian Spodarec
Aurelian Spodarec
10,801 Points

This is one of their site. They have two other sites, which one of them is a main one, there is a lot to it. I'm just doing or re-desiging the front-end for them, in bootstrap, as well as getting a modern feel for it.

Though this site here, they want to re-design it too, and this is a static site in the first place.

Yeah, I'm getting paid to do this.

I can do front-end.

But not exactly sure about WP, and the inspiration for this site umm. Think it's quite messy. I'm not the best in re-organizing sites. Never did it.