While Magnifique is a dead simple blogging theme for WordPress i would like to go through the simple steps of installing the theme and also provide an overview of our theme settings panel.
Theme Installation
Download the zip file and go to Appearance > Themes and click on the Install Themes tab. Click upload and then Browse. Select the theme zip from your hard drive and click install now. Wait for it and once the upload is done click Activate. The theme is now installed!
Theme settings
Go to Appearance > CSSIgniter Settings and you will see our theme settings panel. As you can see there are 7 tabs available:
- Site Options
- Color Options
- Display Options
- Google Options
- Feedburner Options
- Archive Options
- Custom CSS
Site Options
In this section you can upload your image logo if you have one. If you want a text logo and slogan go to Settings > General and edit the Site Title and Tagline options. In the site options you can manage your favicons for various devices as well.
Color Options
Color options are disabled by default. Once you enable them you can edit everything like the background color and/or image, the text color, links color, menu color (normal, hover, active) etc. If you have uploaded a background image there are options available to adjust it like position, repeat and fixed.
Display Options
3 main options in this section. First one let’s you choose what kind of content you want to display in the listing pages (index, category archive etc). You can select to display the content or the excerpt, define the excerpt’s length and the read more text. The second option let’s you decide how you will be handling your site’s titles. The option “Automatic titles” goes through a long list of popular SEO plug-ins and acts accordingly.
There’s also an option to disable comments on pages and an option to hide the “Comments disabled” label from posts with disabled comments.
Google Options
Copy paste your Google Analytics code in here (including the <script> and </script> tags).
Feedburner Options
If you are using Feedburner for your feed this is the place to copy / paste your Feedburner URL.
Archive Options
This tab let’s you manage this page. You can select how many latest posts to display and toggle the visibility of the yearly,monthly and weekly archives.
Custom CSS
For those familiar with CSS we have included this tab so you don’t have to open and edit the main css stylesheet. Any styles you enter here will override the ones found on style.css.
Adding new posts
Start adding your precious content like you’d do with every other theme out there. One thing to note is that under the main content editor there’s an option that let’s you display a featured video at the top of each post instead of a featured image. Just copy / paste the URL of the video that you want to display. Make sure it’s coming from a supported provider.
Support
We know that most free themes provide little (to none) support but that’s not the case here. We can’t provide support through our forum but you can use the comment form to ask any questions you might have.
Changelog
- Version 1.1 : 27 February 2013
- Version 1.0 : Initial release
138 comments
Great work! I like it!
Thank you!
Hello
I would like to know how it’s possible to display more than one menu on the top of site, like the demo. Admin Panel let me only activate one menu !
Thank you for your help !
Aref
Hi there,
This is possible only by modifying the template :)
where do you remove A theme by CSSIgniter.com? if i remove the footer code in the footer.php site quits working
You can either remove the:
[php]<?php ci_footer(); ?>[/php]
call from footer.php.
Or, change the text in functions/template_hooks.php.
Or, if you’d rather not modifying the original theme and you’d want to do the change in a child theme, you can add the following code in you child’s function.php file:
[php]
add_filter(‘ci_footer_credits’, ‘my_child_footer_credits’);
function my_child_footer_credits($string){
return ”;
}
[/php]
Hello. I’m having a problem with displaying this theme on my Android Phone. When I shrink the browser on my PC, I can see that the theme is responsive, but for some reason when I open it on my phone, the full theme shows up, not the mobile version of it.
Also how can I get rid of the dots that are at the top and bottom of the page (the centered ones)
Heyo – had the same problem..
Paste this into your header.php file at the top and you should be good; worked for me.
..Now to figure out how to remove those dots..
just locate and remove these 2 lines from your stylesheet
.entry:before { content: '\2219'; display:block; text-align: center; font-size:36px; line-height: 1; }
.single .entry-main:after, .page .entry-main:after { content: '\2219'; display:block; text-align: center; font-size:36px; line-height: 1; }
Didi this, the dots are still there though. What could I be missing?
This solution doesn’t seem to be working here: thomnagy.com
Any idea, what I could be missing?
Thanks for a great theme anyway.
It’s worked, thanks anyway.
Have you previewed the theme without the preview bar? :)
Not sure what you mean exactly..
Yes. If you mean the admin panel on the top.
Here is the code to enable the responsive design for android:
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"
Thank you! Everything works fine now! =) Seems like the theme needs an update by putting this tag into place. And I figured out how to avoid the dots a while ago =)
I would like an ability to use the widgets at the footer of the theme. So, if you, guys, are planning to write another version of this theme, please, keep it in mind =) Thank you.
Just released Magnifique v1.1 :)
Hello. Thanks for the great work on this beautiful theme. My question is if it would be possible to disable showing the video in the excerpt mode. Thanks in advance!
In the latest version of Magnifique, v1.1, you can edit inc_featured.php and change line 38 from:
[php]<?php elseif($video_url != ”): ?>[/php]
to:
[php]<?php elseif($video_url!=” and !is_singular() and ci_setting(‘preview_content’)!=’enabled’): ?>[/php]
When i use a featured video the post content isnt displayed anymore. The post only shows the featured video. Is this the intended behavior?
Thank you for the nice theme!
It seems, as the sourcecode is cut off after the video. These are the last lines of code on a post where i tried to use a featured video:
Hi, i’m creating a new website. The theme is great with great options. However, I can’t get the multi level menus to show up.. Is there a setting that I did wrong? (Did change the size of the text of the menu in the stylesheet).
Thanks in advance!
Solved it already :)
Main navigation -> overflow -> change to show instead of hidden
How do you center the text in the overflow of the main navigation bar after it has been changed to “show”?
Where are these menus that you are mentioning?
Hey – How did you change the font size in the menu?
How do I add the “Archives” tab to the top menu?
Never mind about the “Archives” folder I figured it out.
Is it possible to add a sidebar to this theme? I love everything about it, if it only had a sidebar :)
Hi, is it possible to disable showing the featured image, but not show a video either?
Is it possible to add any space for ads? like adsense…
maybe on the side.
or some widgets? facebook, instagram, twitter…
Magnifique does not support a sidebar, it’s a dead simple blog theme.
You can add social sharing to your posts via plugins though.
I’ve been trying to get the photos within each post to be same size as the featured photo which is 1000px – without any luck.
Can anyone contribute with a bit of CSS that’ll work for this?
Please take a look at the answer below.
I’ve been trying to get the images in posts same size as the first picture/thumbnail which is 1000px wide, as well as get the column with text that wide – but without any success.
Any takes on what CSS bits could do this?
Hi there,
edit index.php, line 17 is:
[php]<div class="eight columns centered entry-main">[/php]
change it to:
[php]<div class="ten columns centered entry-main">[/php]
Hello – thank you for the wonderful theme! I have only one problem:
I have elected to use the ‘excerpt’ option for my posts and they are cut off (correctly) after 50 words with […]. My problem is that there is no “Read More…” link after this. It is not showing for some reason.
Please advise and thanks again.
edit index.php, line 18 is:
[php]<?php ci_e_content(); ?>[/php]
change it to:
[php]
<?php ci_e_content(); ?>
<?php ci_read_more(); ?>
[/php]
Wonderful theme! I just installed it but there’s not ‘home’ button on top. What did I do wrong?
thnx!
Hi, I love the theme and really want to continue using it however I have an issue, wondered if you could help!
On Google Chrome the theme looks great, however when I move to Internet Explorer there is a great big black border around my header image. It’s not pretty and I want to remove it but can’t seem to find the correct image header code anywhere in the CSS to remove it! Can you help?
My site is http://www.onewaytokathmandu.com.
Thanks in advance!
Anna
Hi, I am using the Magnifique theme. It looks great in Google Chrome but in Internet explorer there is a big black border around my image header. Could you let me know how to remove it? Thanks
Thanks a lot for the wonderful work. I want to display widget at footer, but how to work it out? I am using the lastest version.
Hey everyone! I just got the theme and I really want to build with this theme. I would like to make some modifications though. How and where do I make the changes for a fixed width on the front page? I would like to make the text, soundcloud, and image the same width. Thanks.
Hi – I love the theme. I was wondering how you could rid of the two horizontal lines in the header?
I realized by deleting this : in “Header.php” it gets rid of it but my logo isn’t centered anymore
Please Help and thanks again.
Sorry here is the code
div class=”row header”
I can’t get rid of the two lines in the header. Are you able to help me?
Hi, thank you for the nice theme. I would like to know how to add widget in footer, I am using the latest version, but cannot find a way to add it. Hope to get your help soon. Thanks.
Hi guys,
Beautiful theme!
I need to activate the plugins tab in my dashboard menu though.
Any help?
Thanks!
How do you get more than just the first header to change color (h2-6)?
How do you change the header fonts? Can you upload custom or google fonts? Thanks!!!!
Also, is there an option to add ADs? or a sidebar or at least social media widgets on the menu or up top? Thanks!
Hi,
I actually bought the yearly access and got this theme as well. Nice theme.
Is there anyway to add google adsense in it? let’s say at the side bar and on the header?
thanks
hi,
My post seems to have been deleted?
How can I add google adsense onto the theme?
Hi James,
your previous comment wasn’t deleted. We just delayed to approve it as we are actively monitoring for spam.
Anyway, there are no widget areas in this theme, so the only way is by editing the template files themselves.
Hello,
Very nice theme.
I have a problem to open posts.
I had instaled WordPress 3.6.1 ang Magnifique theme http://www.kopperek.rdl.pl
When I click on the posts title, there is “Not Found” page.
The default theme Twenty Thirteen worked correctly before I instaled Magnifique.
I didn’t change any option of theme, just had instaled.
What did I do wrong?
Hi,
try flushing your permalinks, by going to Settings -> Permalinks, and press Save Changes. You don’t need to change anything.
It works!
You made my day! Thank you.
Hi!
I love this theme!
I just wanted to ask what font you used for the “magnifique” logo. Tried looking for it, but sadly, I couldn’t find the name.
Thank you! :)
Hello there,
unfortunately the theme was designed directly in the browser, so no PSD resources exist of the theme or its logo. Therefore, we don’t really remember what font was used.
It most probably was a free font, from the Google Fonts directory. However, I might be totally wrong :)
did you get the mobile “go to” to work my is coming up empty? … no menu to select from in the list
All you need to do is create a custom menu and assign it to the “Main Menu” location.
The Go To menu should appear on devices/windows less that 480px wide.
Yes i created a custom menu and assigned it to the “Main Menu” location … but the menu list is empty on my mobile. i dont have a list to pick form. i am viewing on a iphone5
thx
Same problem here – menu displays on resolutions > 480px but as soon as you shrink down the browser for testing / visit on a mobile, the “go to” menu box is empty and does not list the pages on the site…
Exactly Ashley! i have been saying this for the past 6 emails if not more. i dont know why the designers dont get it. i even sent a link for them to view the site/menu on a mobile device.
I would like to activate my profile by making the link to the profile live. However, I don’t see a way to active it on the on the user/profile section (wp-admin/profile.php). I’ve been able to add content but I don’t see a way to publish it.
Thanks for your help! I love this theme.
–Paul
Hi there,
the theme doesn’t display author information as it was designed in terms of a single-used blog.
I suppose you could use a plugin for this, though.
Perhaps something like this: http://wordpress.org/plugins/fancier-author-box/
Hi there,
I really love the theme and have followed the tip here about the read more link.
I have to questions regarding excerpts:
1) Is there any way to stop it from stripping the text from its mark up? I had a question in header 4, two break and the answer in paragraph, but in the excerpt view it’s all paragraph and no breaks. (As seen on the website link here)
2) Is there any way to get the read more link to be either next to the last word or on the right of the post? (Or maybe to make the excerpt text a read more link?)
Really love the theme and the options in settings you already give us, great work! Thank you so much!
1) Excerpts work like this. If you want to keep the formatting, then you need to go to CSSIgniter Settings -> Display Options -> Use the Content.
Now, on each post, at the exact point you want the Read More >> to appear, you need to edit the post and insert a More tag by pressing the “Insert More Tag” (Alt+Shift+T) button from the toolbar.
2) See next answer.
Hello! I really love this theme but I can’t figure out how to add a right sidebar…
I already added a sidebar but it’s located at the bottom following content page.
How can i make it place on right side?
and.. 1 more question! I add “read more >>” but want to place it right after […]. Now “read more>>” is located on next line.
Can anyone give me advice? Please check my website – http://ohmybangkok.com
I really want to use this theme with right sidebar ^^
Thank you in advance!
Hello there,
unfortunately this theme doesn’t support a sidebar.
As far as the read more is concerned, you can paste this in CSSIgniter Settings -> Custom CSS:
[code].more-link{ display: inline; }[/code]
Hello! I have some question about this theme.
1. How to place my sidebar on right side?
I already added a sidebar but its located the bottom following content page.
2. Can I place “read more>>” link right after […]?
Read more text is placed on next line..
Hope your advice soon!
Maybe wordpress updated but I don’t see an option to install a theme following these instructions. Am I missing something? Could use the help.
Hi there,
what options do you have then?
It could be that you have a multisite installation, or that you are trying to install it an a wordpress.com blog (which won’t work).
We need more info to help.
Hello (Bonjour :)
thank you for this great theme!
Could you help me for the point bellow?
How I can change the width of my images (featured and in-post image). Not the width of the text.
The maximum width will be 1300px for desktop users.
Thank you so much,
Renaud
When I try to download the file, it does not include a .zip file so that I can upload to wordpress. How can I get the .zip file for this theme?
Just go to Magnifique’s theme page and click on the blue “Free Download” button.
That’s the only official download link for the theme.
Hello,
I would like to change the size of the theme to be smaller. I think that it is a bit to width. Are there any chance achieve this by changing anything in CSS or HTML-tags?
I would like the theme to be arround 800px width.
Thanks in advance! :)
Hello :)
I love the theme, but if possible, I would like to change the width of the theme to be more like 800px width.
Are there any change to do this by chaning anythink in CSS or HTML-tags?
I have tryed to change in header.php and index.php, something changes – but the right side are widthr then the rest…
This is what I changed in header/index.php:
class="twelve columns"
changed to: eight colums..
Please help :)
Thanks in advance!
Thanks for a great theme! Loving it!
Just had one question: There is always this black square with a circling sun in the middle of the website, indicating that something is loading. However, when I click on it, it disappears. But reappears as soon as a new page loads or when refreshing the current page. Any idea why this is and how I can remove this?
Thanks!
How to i get the mobile “go to” menu to work. I dont see my menu links
Is there a URL that I could see the issue at hand?
send to your email, thanks
Hello how do i get the ‘go to’ menu to work on mobile phones? i dont see the menu option in the drop down list
thansks
It depends really on the mobile phone.
The “Go to” menu only shows up on devices with a resolution up to 480px wide.
i see the menu option on a iphone but the links to go to specific pages on the site are just not showing up in the menu dropdown list. thx
Hello! Apologies for this, it must have broken when we put multi level navigation in Magnifique!
The fix is very simple, open the file js/ci_scripts.js which you will find in your folder and search for .navigation
line 34:
$(".navigation a").each(function() {Replace the hash (#) with a dot: .navigation so the line becomes:
$("#navigation a").each(function() {And it will be fixed.
Thanks for bringing this to our attention, we’ll be issuing an update soon.
Thanks. So once this file is update on my local machine what next? how do i get it into the site?
This you mean replace the . with #
This was what i has in the ci_script.js file: $(“.navigation a”).each(function() {
so i replaced the . with # and it worked
thanks much
Hello!
Nice simple template. But how about the slider function? It’s there but can’t find where it’s shown. And where to upload images…
Jan
Hi there.
You just need to upload some images while you are editing the post, and check the “Show a gallery instead instead of a video or featured image.” checkbox.
Please note that just uploading the files is enough. You don’t have to add the into the post’s content. They just need to be attached to the post.
Hi there,
is it possible to have the read more function for the post on the featured image?
Hi there (again),
my previous post was deleted.
Is there any way to have the read more function on the featured image? I want the possibility to click the image to view the content.
Is it possible and if so, how?
Thank you.
Hello. How do I add a background image, please?
Have you tried going to CSSIgniter Settings > Color Options > uncheck Disable Custom Background ?
Hi,
I’m having some trouble changing the size of my header image. For some reason, even if I change it in the CSSIgniter settings, it won’t actually change on the site.
Do you know where in the code I can find the header information so that I can change it in Editor?
The theme doesn’t support a header image.
Perhaps you mean the logo image?
How do I “enable” the color options? None of my colors that I pick in theme settings are being applied.
WordPress Version 3.9.1, Magnifique 1.2.1
Hi there,
unfortunately your comment went unnoticed, so I apologize for the delay.
This is a theme bug, which I will fix as soon as I can and push an update. I’ll make sure to notify you once this is done.
Magnifique v1.3 is now available for download :)
Hey, i really love this theme.
Unfortunately the “Archive”-Tab doesnt show up. How can I solve that problem?
Ok, i found out by myself.
Hi, and thanks for a great theme :) I was wondering if there’s a way to display the comment count for each post? Say, on the same line as either the date or the post tags?
I’m no coder, but I know enough to be able to locate the correct lines of code to add/replace if I know what I need to write :)
Also: like a previous commenter, I can’t seem to be able to change colours from within the editor either? Would be nice to be able to do this rather than find/replace hex values in the code.
Hey there,
try pasting this:
[php]<?php comments_number( ‘No Comments’, ‘One Comment’, ‘% Comments’ ); ?>[/php]
Depending on where exactly you want it to appear, you’ll need to probably edit index.php and single.php
I guess you’ll want to paste it between those two lines:
[php]
<time pubdate="<?php get_the_date(‘Y-m-d’); ?>"><?php echo get_the_date(); ?></time>
<p class="entry-cats"><?php the_category(‘, ‘); ?></p>
[/php]
As far as the colours are concerned, I’ll also let you know when I push the update. Sometime in the next couple of days.
Magnifique v1.3 is now available for download :)
Greetings! My menu color changes aren’t saving, despite having installed v1.3. Is this still a bug? Thanks?
Indeed it was bug.
We’ve just pushed v1.3.1 which fixes it.
How do I add an link for people to comment at the end of every posts? They have to click on the individual titles to be able to comment. I’ve been looking for a solution for so long!
Thanks
It sounds like you want the comment form to appear in the blog instead of going to each single article.
Try editing index.php and change the line:
[php]
</article><!– /entry –>
[/php]
to
[php]
<?php comments_template(); ?>
</article><!– /entry –>
[/php]
This should do the trick.
It seems like doesn’t work… All I want is just a link that says “Comment” or something, in the end of every posts.
Hello, Very cool theme, thanks!
Unfortunately it does not show “Read more” at all and only shows “[…]” with a few posts. I integrated the “” tag in my posts so that is not the reason. Is there a solution for this?
Hi there,
unfortunately what you types within the quotes got stripped, but I guess you mean you’ve integrated the read more tag.
If that’s the case, you should now go to Appearance -> CSSIgniter Settings -> Display Options -> Content Preview, and select “Use the Content”.
Hope this helps.
Is it possible to show the author name also with each post?
Can I disabled showing the featured image on the post page and just use it for the homepage?
Sure thing. In order to show the author’s name, you’ll need to add a call to the_author() in index.php and single.php. The exact position depends on where you want it displayed.
If it’s only the featured image you want to disable (i.e. keep showing galleries and videos) then you’ll need to edit inc_featured.php and find:
[php]<?php elseif( has_post_thumbnail() ): ?>[/php]
Change it to:
[php]<?php elseif( has_post_thumbnail() && is_single() ): ?>[/php]
Hope this helps.
Hoe do i register a side bar or add a side widget?
if i have to add one i would like to add this one
http://www.codeandmore.com/products/wordpress-plugins/wp-page-widget/
thanks
Hi,
how can I remove date and “uncategorized” from post side please? Thank you very much! :)
You’ll need to remove the following lines from the template:
[php]
<time pubdate="<?php get_the_date(‘Y-m-d’); ?>"><?php echo get_the_date(); ?></time>
<p class="entry-cats"><?php the_category(‘, ‘); ?></p>
[/php]
If you want to remove it from the blog, you’ll have to do it in index.php. If when reading a single post, then single.php is the one.
Hello!! I love your theme, but I have a problem.
I would like to remove the title of each page.
Thanks in advanced!!
You’ll need to edit single.php page.php and perhaps index.php, and remove the line that reads:
[php]<h2><?php the_title(); ?></h2>[/php]
Thanks!!
I have deleted single.php but I forgot to delete de page.php file!!
Many Thanks!!
And How did you change the font size in the menu?
I just found it!!
#navigation a, #navigation a:visited { font-size:13px; padding:9px 15px 8px 15px; margin:0 0 0 1px; background:#f1f1f1; color:#60564e; text-decoration:none; } /* Global Menu Link Styles */
Hello there, I just want to ask, if it is possible to add image sidebars on the left and right side. Thank you very much!
Hi there,
the theme doesn’t support sidebars. It requires quite a bit of customization and a lot of styling to support them properly.
Hello!
Im very happy with this theme! But I have one problem..
I can’t get to change the font of headline in the posts…. Or I don’t really know how to do it. Can you please help me with that? I would really like the headline-font to be “Avenir Next”, if its possible.
Hello there.
The easiest way to modify the font would be to use a font similar to Avenir Next from Google Web Fonts. This font is most likely Nunito http://www.google.com/fonts/specimen/Nunito
You can use a plugin like this one https://wordpress.org/plugins/easy-google-fonts/ to apply the new font to your site’s body.
having problems with the menu. Trying to get it to look like the demo with the nice red boxes, but do not know where to change it.
Adam
Go to Appearance > CSSIgniter Settings > Color Options, and you’ll see the related options.
I’m also having problems with the menu. None of the settings in Color Options work and I’m unable to create drop-downs. No boxes appear like the demo and the menu is stacked on top of each other, not in a horizontal navigation line.
I got it. I didn’t have my menu selected in the “customize” area!
Hi,
Thanks for making this magnificent theme accessible to everyone.
I cannot get the archive into the menu bar. Is it possible to guide me on this?
Thanks a bunch!
Hi there,
sorry for the late reply.
Create a new page, and assign the “Archive” page template from the Page Attributes metabox.
Then, go to Appearance > Menu and just add it to your menu.
Hi, Can you help me center the excerpt and close up the space between the article title and excerpt using CSS here: http://digital805.com/rw/index.php/category/news-feature-writing/news-technology-business/
Hi there,
really sorry for the late reply.
It seems you have resolved your issues, right?
Your site looks just fine to my eyes.
Hi I just download the theme and I thought the site title will have the same font as the theme is showing. (where it says Magnifique on top middle). How can I can change it to match what you guys display?
Hi there,
that’s magnifique’s logo, which is just an image. The font is not included in the theme.
You’d need to create a similar image in Photoshop or any other image manipulation program, and then upload it as your logo.