I am working on this new site and am having difficulties implementing this one functionality. The link is:
www.bigideaadv.com/adaptive2
I am using the Supersized.js plugin to make the image fit the size of the browser no matter the size or shape. I have also implemented a Wordpress blog as well under news+events. What I'd like to do is have the blog slide up from the bottom when you click on the link and back down when you click on another page. Exactly how the blog link works here:
www.ultranoir.com
I originally had all of the content shoved in the header.php file in Wordpress and was doing show hides. Needless to say, I was unsuccessful. Wondering if anyone had an thoughts.
Thanks in advance.
You may want to look into Wordpress Theming. It's pretty straight forward and there is a lot of great documentation found here:
http://codex.wordpress.org/Theme_Development
You wouldn't want to put all the code into the header.php file because that's not how wordpress works. You'll want to edit other files such as single.php and index.php.
Though for the "slide up / down" you should be able to use some simple jQuery for this:
$('#yourSlideMenuButton').slideToggle("slow", function(){
//do something when finished.
});
Please be careful not to plagiarize the other design!
Related
quite an intimidating place you got here!
Basically I'm pretty new to web design, only really ever building around existing Wordpress templates.
I'm building my own website here: http://www.acjjphotography.com/ and currently when you click on a portfolio thumbnail it opens a description and you have to click 'LEARN MORE' to see the full portfolio. I want to eliminate this middle part.
I usually solve things like this by lots and lots of trial and error, changing bits of files for hours until the right thing happens. But this is usually with CSS, rather than HTML or PHP which I guess this is?
So how would I go about eliminating that middle part where it opens the description? I want it to go straight to the full portfolio when the thumbail is clicked.
Thanks!
It's not the css here, it's in your html page, there's 2 links, one for the middle page and one for the portfolio, you must replace the first link by the "more" link.
for exemple on your website (for JOOMSOLUTION) : the middle page is referring to #portfolio-196, and the "more" link is referring to http://www.acjjphotography.com/index.php/portfolio/joomsolution/"
Normal when i try to customise WP style i would use inspector view in Chrome and this would allow me to locate style code easily.
i was wondering how i can do the same for HTML or PHP code in WP such as plugins and the CMS it self?
Thank you
PHP is server side code and can't be found in the browser. If you want to see the code for WP plugins then you'll need to either download the plugin to your local machine or view the files on the server hosting WP.
Iassume you run it on your own root-/ webserver,...
so if you want to add HTML Elements to a post or site just do it in the text few like you would in an HTML-Editor like for some link thing for instance (you should allready know that..'pretty shure it also works for js).
However if you want to customize the way every page on your blog looks, you can also do this manually, but it won't be as easy.
There should be a section under the theme customization part where you could upload your own css and php (at least with a lot of styles it's like that).
I WOULD NOT mess with the files on your server, if you don't know what you are doin, cause - to be honest - you can make a great blog/ website by using the tools it gives to you. ;)
I recommend using the stylesheet from your wordpress theme for a custom HTML-document based on the source of a blog page, if you go for the looks... and in every other case just use plugins! :P
I've used a modified themeforest template for a single php page and have an issue where the navigation links that take you to the various unique id's on the page are working fine but cut off the top part of the section h3 that it has linked to.
It's a positioning problem for sure and most likely to do with the modifications I made to the flex-slider that the template included.
But I can't determine how to adjust the css (or script) to correct the issue.
For example, the site is http://goudkamp.stacklaw.com.au/ and when you click Services, you can see what I mean.
I have the template on the site as well so you can see how it SHOULD work - http://goudkamp.stacklaw.com.au/v2/template/.
I came across another article that suggested using the script
if(window.location.hash.length){
$(window).scrollTop($(window).scrollTop() - 100);
}
However, I don't think I should need it when the template works perfectly.
I just don't know where to start looking to make the necessary adjustments.
Please help!
Thanks in advance
Wait - I found it!
After looking at the suggestion on the other article, it made me think that it must be done in the theme's custom scripts. So I looked in the custom.js file for any script that referenced the main nav.
There was an "offset" line with the markup "//use this to position the window exactly where you want". Testing a small change to this had the desired effect.
Thanks anyway.
I have a page that opens in a modal on a joomla site. On that page, there is a hyperlink that links to a file on the server. That file opens up a joomla article. What normally happens when I have an a hyperlink on one article that links to another article is that only the content of the article displays in the modal, not the framework. But since I have the hyperlink forwarding to the file with the iframe, when it shows that article in the modal, it show the framework. Is there away to have the article show only the content, and not the framework while still having the iframe? I hope this question makes sense. You can see what i am talking about on this link, click on game template:
http://zaazoo.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2
if you go to this link, and click on round 1, and then hit continue, you would see how the articles display only the content and not the frame work.
http://zaazoo.thewebbusters.com/index.php?option=com_content&view=category&id=8&Itemid=4
any help would be much appreciated.
Thank you,
Dave
If you want to show just the article you can add &tmpl=component to the URL you are trying to display.
this might not be the best solution but i would recommend using a PhP include like :
<?php include("your-post.html"); ?>
Since joomla is php based this should work, and unlike iframes includes will take the theme of the site or modal.
Hope this Helps :)
I've done a lot of small projects on the side lately where the client wants a good chunk of the website to stay the same, they just want to be able to edit particular "areas" of the site. Namely, some text in some box somewhere.
I've found that WordPress works for this pretty well. The interface is nice and friendly to use, and it's got lots of work behind it so I don't have to reinvent wheels, fix bugs, etc.
So what I wind up doing is making PHP pages which look like what the client wants, then making the content editable areas contain a particular post or page, which is what is editable in WordPress.
I'm having the particular page's contents displayed on the page using code like this
<?php echo apply_filters('the_content', $page_Contact->post_content); ?>
where $page_Contact is a variable defined elsewhere.
However, the "Preview" or "View Page"/"View Post" function on each page/post goes to the logical WordPress location and this is not the effect I want in this case.
So for example I have pages like this
www.site.com/index.php
www.site.com/about.php
www.site.com/contact.php
And so forth.
WordPress wants to have the "View Page" and "Preview Changes" links go places like
www.site.com/?page_id=2
www.site.com/?page_id=8&preview=true&preview_id=8&preview_nonce=45522671f5
Which is a problem because, in the permalink structure above, both of those go to the index.php page which, except for the page I'm using to structure index.php, it's not where I want the user/editor to go. And none of the cases above allow any sort of preview (which is a concession I'm willing to make given how I'm doing this)
Is there a way, preferably using a plugin to rig WordPress such that the preview for a page in the dashboard goes to a preview of the non-index.php page where the content will be housed? So for example the link for the "Contact" page in WordPress's dashboard goes to contact.php instead of ?page_id=2? This is a deal where I'm trying to get this done in the editing interface and I'm not concerned about the links in the site itself.
Obviously I would need to maintain this per-page and this would be a situation where new pages don't go up unless I put them there.
Take a look at the preview_post_link hook in WordPress -- it should be called when generating that link, and you can use that in conjunction with a custom field (or some logic) in order to construct whatever preview link you like.
Have you considered page links to plugin for wordpress? Also changing permalinks?