First post questions
-
The other two results aren’t posts, they’re pages. They both should appear as they contain the word “soup” but you can easily delete them from the Pages section of your dashboard if you want to get rid of them.
The font size bit seems to be working for me, if I change your CSS from 15px to 25px it gets bigger – can you test some other sizes and check to see if it changes?
-
Thank you…making the font bigger worked. I think if I delete those pages then I will lose the setup for my Recipes page? Right? I guess I will need to leave them there then.
The LAST tweak is to change the widget titles. I mentioned that in a previous post here and another engineer said it could be done. So the person who did my header checked out my site and made titles for each one of my widgets in different colors and fonts. I have them saved in my media library. The dimensions of each are 198×54. You have helped me soo much in the last few days if you don’t want to get to it today or tomorrow I can wait til you have more time. I dont know how much work this entails. Thank you again for everything. I could not have gotten my site exactly how I wanted it without your help and alll the other engineers at WordPress!
Mary Ann -
Hi Mary Ann, I’d like to help take a look at your latest question about widget titles.
It sounds like you want to replace the text titles for widgets with images, is that right?
Let me post an example here for what I think you’re after, then you can try it out and let me know if does what you expect:
#text-2 .widget-title { background: url(http://i2.wp.com/s.w.org/about/images/logos/wordpress-logo-notext-rgb.png?w=50) center no-repeat; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; }I used a WordPress logo as an example here. You can replace the url() value with an image URL from your media library and adjust the height value as needed.
The “#text-2” part of the example targets just that very first widget. I used this method to figure it out:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/ -
Yes, I had the person who did my header do titles for each of my widgets. It is just the word or words (like Recent Recipes, stay connected etc) in different fonts and colors. I just wanted them to be a little different. I will try that and see how it works!! Thank you.
Mary Ann -
I also had a question about the photos on my site. I use Lightroom to edit my photos and I asked in a previous post here how I should export them. I have been exporting them at 1000w x 1000h pixels. I did not ask about quality and resolution. Another blogger said in the area that says quality I shud export at 75 and the resolution she said she uses 72 pixels per inch. Is that what I should be doing on WordPress? Thanks.
Mary Ann
-
Mary Ann, 72dpi is the web standard for images, so yes that should work well. I would export so that the image file size is about 200k or smaller. whether that will be 75, or something different will vary depending on the image content. Some you may be able to export at 75, while others, perhaps 60 and yet others 85 or 90. It all depends on the image. With the web, and with the growing number of people consuming the web on phones and tablets connected to cellular systems, keeping file size smaller will make your pages load faster for your visitors and save on their bandwidth usage.
-
Yes, that was what this other blogger said. I just wanted to make sure it was also the same for WordPress.com blogs. Thanks so much for your help! I will be working on changing those widget titles today! Hopefully I dont have to come back to you guys for help!! After the widget titles I am done and have my site the exact way I want! Thanks again for ALL your help!!
Mary Ann -
Actually when I was just checking my site I typed “pie” (my new post) in the search widget and it took me to the recipe, but it is also showing the post for Cream of Mushroom Soup and that recipe page again. I really just want the reader to see the pie recipe post. I spoke to someone earlier about that recipes page too showing up, but if I dekete that page then my recipe index will be deleted. I think I did the recipe index the right way?? Any ideas on how to fix??
Thanks….Mary Ann
-
There isn’t a way to get more control over the search results in-site at WordPress.com—the search results are determined by a pre-set algorithm. Perhaps something helpful you could do for your site visitors would be to make it really easy for them to find content by way of tags like http://thebeachhousekitchen.com/tag/pies/
You could link to the tag pages from your recipes page, for example, and then encourage users to start there while still providing the search as an option too.
-
I dont understand. When I write my postsI have put in tags. Do u mean delete my recipes page? Thanks..Mary Ann
-
I checked another WordPress.com blogger and she has a search button on her site also, but when I click say peanut butter cup her recipe for peanut butter cup comes up along with other recipes with peanut butter but nothing else. Her site is thepajamachef.com and she has the Truly Minimal theme. Thanks.
Mary Ann -
Maybe I should just delete the search widget and use a category widget?? It is somewhat the same thing. It will show the reader all the main categories and when they click on the category only that specific thing comes up…like soup or sweets etc. No extra junk . If you were a reader wud u be ok with that?
Thanks…Mary Ann -
It’s ok, I have decided to make it easy on myself and actually I think the reader will be ok with it too if I delete the confusing search widget and put in the Categories widget. The reader can easily see their options and not be confused by extra stuff that I really dont want there. I completed all the CSS for my custom widget titles….I surprised myself with that one!! The only thing is when I clicked on tablet/ipad view two of the titles are too long and get cut off a little. I tried to fix myself by inputting a “text width” number but it didnt work. Any ideas?? Thanks.
Mary Ann -
I dont understand. When I write my postsI have put in tags. Do u mean delete my recipes page?
Sorry my suggestion wasn’t more clear. I was suggesting that you link to tags instead of listing out recipes manually on your recipes page. However, it’s up to you.
I checked another WordPress.com blogger and she has a search button on her site also, but when I click say peanut butter cup her recipe for peanut butter cup comes up along with other recipes with peanut butter but nothing else
The search is based on the content. Let me take a closer look at your previous example.
Earlier you said, “Actually when I was just checking my site I typed “pie” (my new post) in the search widget and it took me to the recipe, but it is also showing the post for Cream of Mushroom Soup and that recipe page again. I really just want the reader to see the pie recipe post.”
I checked the search at http://thebeachhousekitchen.com/?s=pie and I see the soup recipe there. However, as I mentioned earlier, there is not a way to change the search algorithm. I think search does a bit better when there is a lot more established content too. And things will get ranked according to different phrases the visitors may type, which won’t always be as simple as “pie”. :)
Maybe I should just delete the search widget and use a category widget??
I was thinking tags, per my earlier suggestion, but categories would work too. See http://en.support.wordpress.com/posts/categories-vs-tags/
I have decided to make it easy on myself and actually I think the reader will be ok with it too if I delete the confusing search widget and put in the Categories widget. The reader can easily see their options and not be confused by extra stuff that I really dont want there.
This sounds good!
The only thing is when I clicked on tablet/ipad view two of the titles are too long and get cut off a little. I tried to fix myself by inputting a “text width” number but it didnt work.
Probably a media query would be the best thing to solve that. Here is some background:
http://en.support.wordpress.com/custom-design/custom-css-media-queries/I worked on this for a bit and came up with this first:
@media screen and (max-width: 768px) { .widget-title { background-size: contain; } }But the result was inconsistent and I’m not sure why.
The only other thing I can think of would be to make a few manual rules to change the background image sizes of the ones that are getting cut off. You can adjust image sizes on WordPress.com using a query string, i.e. use ?w=180 to make the image 180 pixels wide. Here is a media query example that targets an iPad sized screen that adjusts the “Stay Connected” and “What’s Cooking” titles:
@media screen and (min-width: 768px) and (max-width: 810px) { #text-2 .widget-title { background-image: url('http://thebeachhousekitchendotcom.files.wordpress.com/2014/11/connected1.png?w=180'); } #categories-4 .widget-title { background-image: url('http://thebeachhousekitchendotcom.files.wordpress.com/2014/11/cooking_red1.png?w=180'); } }You can adjust the ?w=180 values to what you think works best.
There is a down side to this method, which is that, depending on the image, it won’t look as sharp as it does at the original size. This is normal because the image is being resized by the server. With some images, it works great and you almost can’t tell the difference, with other images, the difference will be noticeable. If you don’t like the way the resized images look, you can create new images at smaller sizes (or ask your graphic designer to provide them for you) that you think will look good on an iPad and then upload those to your media library and use those image URLs in the url() functions in the media query instead of what’s in the example above.
If you resize the images, note that the space allotted in an iPad sized screen looks like about 153 pixels wide to me, so I think a 150 pixel width image with no white space on either size would work well. I used ?w=180 in the example above to account for the white space included on either side of the images.
-
Ok I just put in the new CSS and I watched the titles change and then saved and they looked perfect. I didnt notice that they looked different in quality, but then I got on my iPad to check and they are still getting cut off. Sorry!!
Mary Ann -
After I went back in to check on the customize screen (after I checked my iPad) I went back into CSS and almost all of the code I inputted disappeared?? I can’t figure it out.
Mary Ann -
I went back into CSS and almost all of the code I inputted disappeared??
Oh no! I think code can disappear if there was a mistake in the syntax. Can you try saving again? Can you try the 2nd example I posted from before? Here it is again:
@media screen and (min-width: 768px) and (max-width: 810px) { #text-2 .widget-title { background-image: url('http://thebeachhousekitchendotcom.files.wordpress.com/2014/11/connected1.png?w=180'); } #categories-4 .widget-title { background-image: url('http://thebeachhousekitchendotcom.files.wordpress.com/2014/11/cooking_red1.png?w=180'); } } -
Ok I tried inputting again and it still is not working. I even changed my browser to Google Chrome instead of Internet Explorer just in case that had something to do with it, but it still deletes the CSS after I save and doesnt change it on the tablet view. UGh! Thanks for helping.
Mary Ann -
I tried it again and it worked!!! Yahoo!!! I dont know why, but boy am I happy! Thank you for ALL your help!!
Mary Ann -
- The topic ‘First post questions’ is closed to new replies.
WordPress.com Forums 