0

Hi all,
I would like to know if this is an appropriate forum to ask these questions.
Website Example: http://www.shoparc.com

I would like create a similar site in WordPress. I have some experience with WordPress but would like to know:
What theme is this site using?
How would I create a similar gallery page?
-> www.shoparc.com/projects/
(it may take some seconds to load completely, its has rows of 4 images)
Please click an image to see how the next page is formatted

What plugins might this site be using the gallery page?

How did they create the social icons in the top right menu area?

Any information regarding these questions would be greatly appreciated.

**If there are better forums or communities to ask these type of questions, please let me know what they are.

Thanks

4
Contributors
8
Replies
50
Views
10 Months
Discussion Span
Last Post by f.krueger
2

Not sure if I'd want a site that looked like that! Have a look at any underlying html comments there may be clues as to the theme.
The twitter icon:

<img width="36" height="36" src="http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-36x36.png" class="menu-image menu-image-title-hide" alt="Twitter" srcset="http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-36x36.png 36w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-150x150.png 150w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-300x300.png 300w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-624x624.png 624w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-24x24.png 24w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1-48x48.png 48w, http://www.shoparc.com/wp-content/uploads/2015/03/Twitter1.png 720w" sizes="(max-width: 36px) 100vw, 36px">

There are many many gallery plugins - try them out and see which one you like. There is more to producing a good WP site. Non-designers will grab a theme and use it. Designers who care, may create a child theme or even create their own.

As for the theme, it's pretty bare bones - so anyone will probably do, e.g. twentysixteen or underscore etc. However - ensure that the basic theme is ready for any plugins you wish to use, e.g. woocommerce can only work easily with themes designed with it in mind.

Votes + Comments
I also did a View Source and the plugins were there. However I am running into folk that won't read HTML.
0

@diafol,
Thanks for your reply. I have a friend who likes the minimalism of the site and the way the information displays when your click on an image to get the description and click through the related images. I'm trying to determine how to do this. I have some experience in WordPress but I haven't done anything like this gallery yet.

  • Are there any other places that might be more active than this forum where I can ask WordPress questions?
1

Not sure if I'd want a site that looked like that!

Indeed! That sites loads, performs and displays horrendous. Such a big architect agency with such a lousy site :) The one responsible for slapping that piece on the Internet had clearly no clue what he was doing.

On topic:
Looking at the path to the CSS file that site is based on the free Twenty Twelve wp theme.
http://www.shoparc.com/wp-content/themes/twentytwelve/style.css?ver=4.6.1

https://twentytwelvedemo.wordpress.com/

Edited by gentlemedia

Votes + Comments
The site needs a disclaimer. "We design buildings, not web sites."
1

No clue about WordPress and I'm not a web developer, so normally that would make me the wrong guy to answer questions like this.

In this case, though, it probably makes me the RIGHT guy as I can tell you how I, a fellow novice at this, would do it.

First, as mentioned, you can view the page source. You can also "inspect" the page source. And you can save the web page to your computer. All three options are a right-click away in Chrome and probably any other browser. The "Inspect" option is nice becuse all you do is hover over a ling or a photo or whatever and it goes right to the htlp code for that item. Now for the "View Page Source". I get 206 lines of html code for the main page. A quick search on that page source for "wp-" yields a whole bunch of hits. If you expand it to "wp-content/plugins", I see cyclone-slider-2" and a few others. Google "cyclone-slider-2" and the rest of them and among the first hits is a Wordpress article. Ditto "vegas-fullscreen-background-slider" and I imagine the rest of them. Do the same for the rest of the "wp-content" finds on all the pages and you'll get a good idea of the plug-ins, themes, etc. you need.

https://wordpress.org/plugins/cyclone-slider-2/
https://wordpress.org/plugins/vegas-fullscreen-background-slider/

You then have a choice. You can go bit by bit and carefully recreate the page from the html or you can take a Wordpress tutorial on those plugins/themes, collect your own pictures (or use the site's - remember the pictures are downloaded when you save the website if you download the whole website in the "Save as" option. Of course, check copyrights, fair use, get permission, etc., etc. if you are using those photos permanently, but just recreating the site, then throwing it away and replacing with your own pictures shouldn't be a problem), and go from there. I'd definitely go for the second option if you're not detail-oriented or not familiar with html and websites. I'd probably go for the second way even if you are, though doing a painstaking item-by-item replacement of the code until "shoparc" is no longer in it will likely yield you the exact replica site if you go that way.

0

@gentlemedia
Thanks for the warnings. I'm mostly interested in the sparse look and how the gallery functions. I will be sure to use a "lightweight" portfolio theme and plugins that perform better for the gallery.

@AssertNull
Thanks for the genearlized approach. After doing a little research about the site I will "recreate" with a more recent theme that has a similiar sparse look and find a plugin (if necessary) to produce the gallery and the way it functions.

** Thanks all who replied to me!

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.