Everything posted by CHEWX
-
Has anyone used the linkedin API?
Anything to do with the LinkedIn Api requires oAuth. Documentation on the Api isn't great tbh.
-
Sidebar
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>
-
'I’m not a robot' checkbox not working
What does the verify() function do ?
-
Wordpress Sections
“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.
-
Brackets. WordPress. Live Preview.
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.
-
Keyword rich URL's
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).
-
Keyword rich URL's
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.
-
Keyword rich URL's
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 ?
- Good Responsive Gallery?
- How to Change the Collapse Menu
-
Format/Style an Image that is Loaded by a Script
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/
-
Light Responsive CSS
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.
-
Twitter Handle Code Help
Without seeing the code, it's kinda impossible to know...
-
Wondering how site looks
Ask what browser, and then try and replicate in http://www.browserstack.com
-
Linking domain to wordpress
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.
-
Any CMS for static websites?
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.
-
Wordpress Attachment Caption
This seems to do the trick ? http://www.bobz.co/how-to-get-attachment-image-caption-alt-or-description/
-
Frontpage news image link and page image link
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.
-
Frontpage news image link and page image link
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(); ?>
-
Wordpress Attachment Crop
404 on the link. What have you actually added to your functions. Or should I say, what is being parsed to those variables..
-
Extra space on the right hand side
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 ?
-
Web Performance - First byte waiting time excessive
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.
-
Inserting an .svg image on html
You need to add support in your htaccess. http://kaioa.com/node/45
-
Web Performance - First byte waiting time excessive
@@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.
-
Web Performance - First byte waiting time excessive
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.