Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CHEWX

Members
  • Joined

  • Last visited

Everything posted by CHEWX

  1. Anything to do with the LinkedIn Api requires oAuth. Documentation on the Api isn't great tbh.
  2. CHEWX replied to Aeneas's topic in Frontend
    I'd wrap the posts and remove the float from the posts and add it to the wrapper. Personally I mark-up like the following. <header> </header> <main> float: left; width: 70%; </main> <aside> float: right; width: 30%; </aside> <footer> </footer>
  3. What does the verify() function do ?
  4. “There's more than one way to skin a cat.” - Honestly. I have just completed a website where the clients wanted to build all the pages that weren't using a CPT. I just built this using ACF flexible content.
  5. Try, if( stristr( $_SERVER['SERVER_NAME'], "http://brkts.tst.8000" ) ) { define('WP_HOME','http://brkts.tst.8000'); define('WP_SITEURL','http://brkts.tst.8000'); } Obviously, change the http://brkts.tst.8000 to whatever.
  6. After reading this from yesterday - it's deemed a good idea - http://moz.com/blog/15-seo-best-practices-for-structuring-urls So I've changed 'admiretheweb.com/the-article-featured' to use 'admiretheweb.com/articles/the-article-featured' from a simple CPT slug rewrite, they are all now in their own CPT and do not conflict with 'inspirations', which they were a category of (Yes, I built the site 4 years ago). In the process of changing 'admiretheweb.com/the-website-featured' to 'admiretheweb.com/inspiration/the-website-featured' which was a case of changing the default post permalink structure. admirethweb.com/%postname%/ to admiretheweb.com/inspiration/%postname%/ however, all my posts will 404 from Google, so need to work out a clever way to 301 re-direct from postname to /inspiration/postname - not worked that one out, it's easy the other way round though :/ Links will stay as they are as they are a new section to the website and have been set-up correctly from the start essentially. I will drop 'category'/'taxonomy' from all slugs as their section slug already say what they are (this is the single page URL's only).
  7. Inspiration, Links and Articles are three different things, they all need a post type, Articles will use standard posts and then the other using post types. That's the easy bit. Although at the moment Inspiration uses standard posts and Articles is just a category of Inspiration (the site was built 4 years ago, I didn't know where I was heading). But I can split this now and make it better for the SERPS or just leave. I just don't want to set-up the URL structure for no gain, I can keep it as it is.
  8. Hi, I am considering re-strucuring my website for web design inspiration. Currently the domains are: admiretheweb.com/the-website-featured admiretheweb.com/the-article-featured admiretheweb.com/links/the-link-featured Would it be better to do: 1) admiretheweb.com/inspiration/the-website-featured or admiretheweb.com/inspiration/category/the-website-featured The inspiration would always be so, so I guess it would be a Custom Post Type. 2) admiretheweb.com/the-article-category/the-article-featured or admiretheweb.com/articles/the-article-category/the-article-featured This essentially will be a Custom Post Type, but it isn't, so maybe the 'articles' part isn't needed. 3) admiretheweb.com/links/the-link-category/the-link-featured Again, a CPT. As the website is WP, it will redirect all old URL's, but is it worth it ?
  9. Personally, I'd use ACF gallery plugin. Loop the images into thumbnails. Then use Magnific light box which will work responsively.
  10. The example looks to be working. Can this be closed.
  11. CSS. Firstly make sure the background images are no larger than 500kb each. Size wise, depending on the image, 1600px should suffice in width. Then: body { background-position: 50% 50%; background-size: cover; } Be aware that background size cover is only supported down to IE9. http://caniuse.com/#search=background-size You can look at other solutions here: http://css-tricks.com/perfect-full-page-background-image/
  12. Best to write your own. I forked one from GitHub and then heavily modified it. I then set it up in bower and then just bower install it when I want to start a new project. https://github.com/CHEWX/motherplate I don't think it'll ever be perfect because new techniques are emerging all the while, so you will need to continue to iterate the boiler-plate.
  13. Without seeing the code, it's kinda impossible to know...
  14. Ask what browser, and then try and replicate in http://www.browserstack.com
  15. I don't think 123-reg understand the problem, you do not need to change your name servers. Unless your domain is registered elsewhere, then you will need to change your name servers to 123-reg, but that is not entirely accurate because you could just point an A Name to your 123 reg hosting. Before that is done, you need to export your database from your MAMP's PHPMYADMIN and then go to your hostings PHPMYADMIN and import the SQL file. You will then need to find and replace the URL's by running the query below. UPDATE wp_options SET option_value = replace(option_value, 'http://www.oldurl', 'http://www.newurl') WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET guid = replace(guid, 'http://www.oldurl','http://www.newurl'); UPDATE wp_posts SET post_content = replace(post_content, 'http://www.oldurl', 'http://www.newurl'); UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.oldurl','http://www.newurl'); Then you need to use FTP or GIT to transfer your files from local to your hosting environment. All should be complete. FYI, developing with Wordpress can get tiresome with a live website. I would advise getting Migrate DB PRO to keep your local database up to track your live database. You cannot use 1 database unless you point your local files to your live db, which is not advisable.
  16. This, plus you can host for free on GitHub and it's silly fast. I converted my Wordpress portfolio to it and it was a breeze.
  17. This seems to do the trick ? http://www.bobz.co/how-to-get-attachment-image-caption-alt-or-description/
  18. Join Us: <?php $page24 = get_post(24); Image: <?php echo get_the_post_thumbnail($page24->ID, ''); ?> Title: <h3><?php echo $page24->post_title; ?></h3> Change 24 to the post id, you can find this out by looking in the URL when editing page, or hover over the edit page button and look in browser footer.
  19. News page: <?php query_posts('order=asc'.'&showposts=&posts_per_page=1'); while ( have_posts() ) : the_post();?> <?php the_post_thumbnail(); ?> <?php the_title(); ?> <?php endwhile; ?> <?php wp_reset_query(); ?>
  20. 404 on the link. What have you actually added to your functions. Or should I say, what is being parsed to those variables..
  21. CSS overhaul could mean many things. I would say look into your consistancy and keep your CSS DRY (Don't Repeat Yourself). I've quickly gone over your code from a styling POV. html, body { display: block; /* Do you need this ? */ margin: 0; padding: 0; } #container { float: left; margin: 0; width: 100%; } #wrap { margin: 0 auto; /* Do you need this ? */ } #content { width: 100%; height: 500px; padding: 0; background: #790584; } .main-logo-size{ position: relative; top: 30px; left: 215px; } #header { background: url(../images/header.png); background-repeat: repeat-x; height:29%; } .menu { width: 1380px; position: relative; top: -130px } .menu ul { margin-left: 650px; padding: 0; float: left; } .menu ul li { display: inline; } .menu ul li a { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: right; font-size: 15px; float: left; text-decoration: none; color: purple; /* try to use hex or RBG */ padding: 5px 11px; } .menu ul li a:hover, .menu ul li .current { background-color: #CB70D7; } .home-image-size{ position: relative; left: 175px; top: 20px; width: 267px; height: 200px; } #footer { float: left; background: pink; /* try to use hex or RBG */ } .footer-image { position: relative; left: -60px; width: 1700px; } I haven't looked at re-coding just the way it's written Keep to a name convention, no need to name class .FrontLeft_right_Up - that's just confusing, use camel case, or hyphenated and no caps or even BEM/OOCSS, but that's another story. Don't use colours, use HEX or RGB Keep the gaps between your code consistent. This offers nothing towards the output, but merely reading the code. Ask yourself why you are using ID's, do you need to ? Would a class be sufficient ?
  22. Thanks for all the replies. I am a Firefox and Firebug man. But when I can't do what I want I do switch over to Chrome Dev Tools, couldn't live without either. The images sizes I am aware about, this is because the website is responsive and I have a plugin that removes the width and height attributes to allow the image to scale. If you do not have this plugin then Wordpress refuses to remove the height attribute and images do not scale. The PNG type is just laziness, I just set them all to JPG and high quality (60%) in PS. Image logo size is something that I could optimise, yes.
  23. You need to add support in your htaccess. http://kaioa.com/node/45
  24. @@citypaul - see post #2 - I've fixed them problem With the images I optimise them in Photoshop as much as possible without loosing quality and then I upload them via Wordpress. I might set up a Grunt task to optimise them even more. Odd that it's 404'ing as it's the plug-in that creates those files. Yep, always put CSS in head and JS in footer. Although sometimes WP takes charge.
  25. Right, after all I knew the problem, I just didn't check properly; oops - it was the cache-ing. This thread just goes to show how important cache-ing is. I tweaked a few settings in W3 Total Cache for Wordpress - I also minified the js and css from the plug-ins, not just the theme and now look at below. Very happy.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.