The document provides instructions for customizing a WordPress blog that uses the Thesis theme. It includes:
1) Initial setup instructions for installing Thesis and making configuration changes through the WordPress admin panel.
2) Customizations made to theme files like custom.css and custom_functions.php to modify the design and add elements like pull quotes, styled widgets, and footnotes.
3) Code used to add features like static ad blocks, a favicon, and an image below the header of the blog.
The document provides code snippets and explanations for a variety of customizations made to an individual blog to refine the theme's design and functionality.
“A Full day of WordPress2.5, focused on design and development. We’ll cover the essentials of setup, installation, and management. We’ll learn how to build custom themes using CSS, PHP, and image
architecture. We’ll also jump into custom code and template files, best practices for design and management, integrating Flash, and how to build and install WP and custom plug-ins.”
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps FasterDoris Chen
How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.
In this workshop, we will show the process of taking an HTML & CSS designs and PhotoShop templates and converting them into a fully working WordPress theme. Along the way, we’ll look at the main aspects of WordPress theming, some best practices and a few tricks. WordPress 2.6 and 2.7 makes the whole process easier than ever, so get started making your WordPress site look not like a WordPress site!
How to Prepare a WordPress Theme for Public ReleaseDavid Yeiser
A presentation for WordCamp Louisville on how to prepare a theme for distribution. It mainly follows the theme review process outlined at WordPress.org. It also discusses reasons to release a theme and briefly highlights ways to stand out from the crowd.
“A Full day of WordPress2.5, focused on design and development. We’ll cover the essentials of setup, installation, and management. We’ll learn how to build custom themes using CSS, PHP, and image
architecture. We’ll also jump into custom code and template files, best practices for design and management, integrating Flash, and how to build and install WP and custom plug-ins.”
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps FasterDoris Chen
How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.
In this workshop, we will show the process of taking an HTML & CSS designs and PhotoShop templates and converting them into a fully working WordPress theme. Along the way, we’ll look at the main aspects of WordPress theming, some best practices and a few tricks. WordPress 2.6 and 2.7 makes the whole process easier than ever, so get started making your WordPress site look not like a WordPress site!
How to Prepare a WordPress Theme for Public ReleaseDavid Yeiser
A presentation for WordCamp Louisville on how to prepare a theme for distribution. It mainly follows the theme review process outlined at WordPress.org. It also discusses reasons to release a theme and briefly highlights ways to stand out from the crowd.
Learn the basics of building WordPress themes. This presentation is appropriate for people who are somewhat familiar with PHP and databases.
To Learn More, check out http://techliminal.com
Here is the presentation from Dave Jesch, a Wordpress Plugin Developer, who walked our Meetup.com group through an installation of Wordpress and respective SEO plugins. Dave actually created two plugins linked to from the Slideshare for Google Analytics and Facebook integration. Visit http://www.diyonlinesolutions.com/ to learn more about Dave Jesch.
WordCamp Raleigh 2019 - Beginner's Guide to WordpressConvinsys
Everyone has a story to tell; and you think the web is the perfect place to tell it. But how do you start? Welcome to WordPress for Beginners. WordPress powers over 25% of the websites on the global Internet. There’s a reason for that number. It’s SO simple. Spend an hour and you can publish to a global audience of more than 3.5 billion people. And it’s SO complex. You can spend years learning how it works.
So what can we cover in two hours? Enough to get you started & going in the right direction!
Go over a quick crash course into what it takes to develop a WordPress theme and then jump into some deeper waters on how to utilize Custom Post Types, create custom theme options, and custom meta boxes.
The Re-brand WordPress Admin is for developers who want to give their clients a more personalized and less confusing content management system with amazing look and feel.
A guide for beginners “Bootstrap is a free, open-source front-end library for designing websites and web applications. It contains HTML- and CSSbased design templates for everything from typography, forms, buttons, navigation and other interface components as well as JavaScript extensions. Unlike many other web
frameworks, Bootstrap concerns itself with front-end development only.” — Wikipedia
Submitting to the WordPress Theme DirectoryAnthony Hortin
Learn about the steps involved in getting a WordPress theme ready for submission to the WordPress Theme Directory. It covers the Theme Review Guidelines, WordPress development standards and the GPL requirements along with testing requirements. Everything you need to know about making your theme submission as smooth as possible.
Learn the basics of building WordPress themes. This presentation is appropriate for people who are somewhat familiar with PHP and databases.
To Learn More, check out http://techliminal.com
Here is the presentation from Dave Jesch, a Wordpress Plugin Developer, who walked our Meetup.com group through an installation of Wordpress and respective SEO plugins. Dave actually created two plugins linked to from the Slideshare for Google Analytics and Facebook integration. Visit http://www.diyonlinesolutions.com/ to learn more about Dave Jesch.
WordCamp Raleigh 2019 - Beginner's Guide to WordpressConvinsys
Everyone has a story to tell; and you think the web is the perfect place to tell it. But how do you start? Welcome to WordPress for Beginners. WordPress powers over 25% of the websites on the global Internet. There’s a reason for that number. It’s SO simple. Spend an hour and you can publish to a global audience of more than 3.5 billion people. And it’s SO complex. You can spend years learning how it works.
So what can we cover in two hours? Enough to get you started & going in the right direction!
Go over a quick crash course into what it takes to develop a WordPress theme and then jump into some deeper waters on how to utilize Custom Post Types, create custom theme options, and custom meta boxes.
The Re-brand WordPress Admin is for developers who want to give their clients a more personalized and less confusing content management system with amazing look and feel.
A guide for beginners “Bootstrap is a free, open-source front-end library for designing websites and web applications. It contains HTML- and CSSbased design templates for everything from typography, forms, buttons, navigation and other interface components as well as JavaScript extensions. Unlike many other web
frameworks, Bootstrap concerns itself with front-end development only.” — Wikipedia
Submitting to the WordPress Theme DirectoryAnthony Hortin
Learn about the steps involved in getting a WordPress theme ready for submission to the WordPress Theme Directory. It covers the Theme Review Guidelines, WordPress development standards and the GPL requirements along with testing requirements. Everything you need to know about making your theme submission as smooth as possible.
Intro to CSS in MadCap Flare - MadWorld 2016, Scott DeLoach, ClickStartScott DeLoach
In this presentation, I provide an introduction to CSS: what it is, what it does, how it works, and how you can use it in Flare. Whether you’re migrating to Flare, creating or modifying style classes, or simply looking to maintain consistency, I’ll answer common questions Flare users often ask when they’re getting started with CSS.
http://www.clickstart.net
In this presentation we introduce designers to the Melody Content Management System. We talk about its simple and semantic templating language, how to create and package themes, how to expose theme options to users, and many other exciting topics.
Experiences with backend user rights in TYPO3punkt.de GmbH
For the last several years we've been working on various TYPO3 projects. During that time we've gained some experience in setting up backend users fitting to their needs.
In this talk we would like to share our experiences with and ideas on backend user settings. We will show you how we handle backend user groups in our projects as well as some Dos and Don'ts.
If you are interested in WordPress or developing Theme for your client, you may don't know how a professional WordPress developer work process. So if you want to develop Wordpress theme like a Pro or want to sale your theme, this guide will help you.
An exploration into what a WordPress theme is. How does it work and what is it made up of?
If you're interested in getting into theme development this presentation will help you get started on that journey.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Full-RAG: A modern architecture for hyper-personalizationZilliz
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofsAlex Pruden
This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second).
Paper: https://eprint.iacr.org/2023/1886
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!SOFTTECHHUB
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
2. 1
Table of Contents
About the Author .................................................................................. 2
Acknowledgements.............................................................................. 3
Initial Settings ....................................................................................... 4
Customization ........................................................................................ 8
Changing Core Files........................................................................... 14
Sprucing up Blog Posts .................................................................... 18
Change some WordPress features............................................... 20
Securing the blog ............................................................................... 21
Removing Validation Errors............................................................ 23
@ 2008 by Satish Talim – http://satishtalim.com/
3. 2
About the Author
Satish Talim (http://satishtalim.com/) is a senior software consultant based in
Pune, India with over 30+ years of I.T. experience. His experience lies in
developing and executing business for high technology and manufacturing
industry customers. Personally his strengths lie in Business Development and
Business Networking apart from new product and solution ideas. Good
experience of organization development. Excellent cross disciplinary
background in engineering, computer science and management.
He -
• Has helped start subsidiaries for many US based software companies
like Infonox (http://www.infonox.com/default.shtml - based in San
Jose, CA), Maybole Technologies Pvt. Ltd. (http://servient.com/ -
Servient Inc. based in Houston, Texas) in Pune, India.
• Has been associated with Java / J2EE since 1995 and involved with
Ruby and Ruby on Rails since 2005.
• also started and manages two very active Java and Ruby User Groups in
Pune, India - PuneJava (http://tech.groups.yahoo.com/group/pune-
java/) and PuneRuby
(http://tech.groups.yahoo.com/group/puneruby/)
• Is a Ruby Mentor
(http://rubymentor.rubyforge.org/wiki/wiki.pl?AvailablePureRubyMent
ors) on rubyforge.org, helping people with Ruby programming.
He lives in Pune, India, with his wife, son and his Labrador Benzy. In his limited
spare time he enjoys traveling and playing online chess.
@ 2008 by Satish Talim – http://satishtalim.com/
4. 3
Acknowledgements
First, I’d like to thank Chris Pearson for the wonderful Thesis WordPress
theme:
http://diythemes.com/thesis/?a_aid=21f1396d&a_bid=47c5a620
It is worth the US$87, I paid for the personal license.
Also, I’d like to thank the wonderful people on the DIYThemes Forum here –
http://diythemes.com/forums/thesis-theme/
namely - Rick Beckman and kristarella. Their timely help is most appreciated.
.
@ 2008 by Satish Talim – http://satishtalim.com/
5. 4
Initial Settings
This eBook documents the changes / modifications I have done to WordPress
2.6.2 settings and the Thesis theme 1.2 for my blog at
http://rubylearning.com/blog/
A. Reference:
http://diythemes.com/thesis/rtfm/first-installation/
Download the Thesis zip file (I have a Windows XP box) to the PC. Using ftp,
upload the thesis folder on the PC to the blog/wp-content/themes folder on
the server. In the Firefox (my preference) browser, type the url
http://rubylearning.com/blog/wp-admin and login in. From the admin panel,
change the theme to Thesis, by clicking on Change Theme.
Next, in the admin section, click on Design (visit both the Thesis Options panel
and the new Design Options panel. This sets up the default variables that are
necessary for the theme to render properly.)
B. Thesis Options panel
Reference:
http://diythemes.com/thesis/rtfm/title-tag/
http://diythemes.com/thesis/rtfm/your-navigation-menu/
I changed the settings as shown in the images below:
@ 2008 by Satish Talim – http://satishtalim.com/
6. 5
@ 2008 by Satish Talim – http://satishtalim.com/
7. 6
Briefly, as can be seen in the two images above, in the Thesis Options / Under
Publishing ensure that first 4 options are selected. Also ensure that Use
Custom Stylesheet is selected. Also, for Navigation Menu select pages -
Archives, Advertise, About, Privacy Policy (I had already created these pages
before).To start with, for the Multimedia Box select Do not show box (later on
we will modify this to have 125x125 ads or maybe my own photo, as can be
seen in the image). For Title tag <title>, select all four options. For Tagging,
select Use Tags and do not link tags to archive pages. Under Stats Software
and Scripts add your Google Analytics code under Google Analytics tracking
code. Under Syndication/Feed, select Show feed link in header. Click on the
Big Ass Save Button.
Note: The easiest way to include a bit of JavaScript in your footer is: put it in
the Google Analytics box in the Thesis Options. You can include in that box
anything you want to load in the footer. I therefore put my HitTail code here.
Also, if you have already previously installed the Google Analytics (GA) code
this way, then when you go to the Design / Thesis Options / Google Analytics
text box, you will see your GA code there. Just add to this same code, your
@ 2008 by Satish Talim – http://satishtalim.com/
8. 7
HitTail or any bit of JavaScript code you want to add. The Mint option can be
used if you want to add say meta tags to header.
C. Design Options panel
Reference:
http://diythemes.com/thesis/rtfm/fonts-and-sizes/
Under Fonts and Font Sizes, select Body font as Verdana. Next, Click on the
Big Ass Save Button.
D. Plugins
Reference:
http://diythemes.com/thesis/rtfm/thesis-wordpress-plugins/
The plugins I have installed and activated are:
1. Do not use a HTML Sitemap, but use an XML one (generates a XML-Sitemap
compliant sitemap of your WordPress blog) from this plugin -
http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-
sitemaps-generator/
File is google-sitemap-generator.3.1.0.1.zip
Also read –
http://www.pearsonified.com/2006/12/when_was_the_last_time_you_talked_
to_google.php
2. Comment Relish
3. Akismet
4. Add Sig
5. TLA Inlinks
6. WP-SlimStat
7. WP-DB-Backup
8. Hit_Tail Code
9. Wordpress Automatic upgrade
10. Simple Tags
11. Subscribe to Comments
12. SEO All In One
13. FD Footnotes
14, Related Posts
15. ShareThis
@ 2008 by Satish Talim – http://satishtalim.com/
9. 8
Customization
We shall talk about the various customizations done for my blog, using the files
/themes/thesis/custom/custom.css
and
/themes/thesis/custom/custom_functions.php.
Reference:
http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss
http://www.pearsonified.com/2007/02/how_to_protect_css_mods_for_any_wo
rdpress_theme.php
NOTE 1: In CSS, classes are referenced with the . operator, and ids are
referenced with the # operator. Therefore, if you had the following HTML:
<div id="content">
<div class="content_inner">
You would reference the content div with this CSS in your custom.css file:
.custom #content { ... }
And you would reference the content_inner div like so:
.custom .content_inner { ... }
Finally, the body tag is the only HTML element that contains the custom class:
<body class="custom">
Because of this, the body tag is the only element that must be referenced with
a different syntax (body.custom) in your custom.css file. All other elements
should be referenced using the syntax described above.
NOTE 2: The styles you define with the .custom prefix will override those
defined in the theme’s original stylesheet.
1. Create a new Update block
Edit /themes/thesis/custom/custom.css and add -
@ 2008 by Satish Talim – http://satishtalim.com/
10. 9
.custom .update { border: 3px solid #f2ec49; background:
#fffdcb; padding: 1.0em 15px; margin: 0 0 1.46667em 0;
clear: both; }
and usage is -
<p class="update">
2. To add a line above and below the sidebar category text
Edit /themes/thesis/custom/custom.css and add -
.custom .sidebar h3 { font-size: 0.846em; font-weight:
bold; line-height: 1.455em; margin-bottom: 1em; padding:
0.636em 0.455em 0.545em 0.455em; text-transform: uppercase;
font-variant: normal; letter-spacing: 2px; color: #111;
border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd;
}
3. To change the blockquote as pullquote
Also read –
http://www.pearsonified.com/2006/09/snazzy_pullquotes_for_your_blo.php
Edit /themes/thesis/custom/custom.css and add -
.custom blockquote.left { width: 200px; margin: 5px 15px
5px 0; font-size: 1.4em; text-align: center; border: 3px
double #aaa; border-width: 3px 0 !important; padding: 0
!important; float: left; }
.custom blockquote.right { width: 200px; margin: 5px 0 5px
15px; font-size: 1.4em; text-align: center; border: 3px
double #aaa; border-width: 3px 0 !important; padding: 0
!important; float: right; }
4. Style all widgets collectively, giving them a solid border (Not in use)
Edit /themes/thesis/custom/custom.css and add -
.custom .widget { border: 1px solid #dddddd; }
5. Style one widget giving it a solid border and background color
Edit /themes/thesis/custom/custom.css and add -
.custom .widget_Popular { border: 1px solid #dddddd;
background-color: #E3F0F2; }
6. Changing abbr and acronym
Edit /themes/thesis/custom/custom.css and add -
@ 2008 by Satish Talim – http://satishtalim.com/
11. 10
.custom abbr, acronym { line-height: 1em; text-transform:
uppercase; letter-spacing: 1px; border-bottom: 1px dotted
rgb(61,92,122); cursor: help; }
7. Changing background color of first post (Not in use on my blog)
Edit /themes/thesis/custom/custom.css and add -
.custom .top { background: #FFFFF8; border: none
!important; }
8. For the Footnotes plugin
http://flagrantdisregard.com/footnotes-plugin/
Edit /themes/thesis/custom/custom.css and add -
.custom .footnotes { font-size: 85%; line-height: 1.5em;
padding: 10px 0 10px 0; }
.custom .footnotes .footnotedivider { width: 120px; border-
bottom: 1px solid #ccc; }
.custom .footnotes li { margin: 0 0 5px 0; color: #777777 }
.custom sup.footnote a { text-decoration: none; font-size:
80%; }
.custom sup.footnote { line-height: 0em; }
.custom .footnotereverse a { padding: 0 0 0 5px; text-
decoration: none; }
For an alternate solution, read –
http://diythemes.com/forums/thesis-customization-tips/839-
superscript.html#post4640
9. Change Drop Cap color
Edit /themes/thesis/custom/custom.css and add -
.custom .format_text .drop_cap { color: #cc0000; float:
left; }
10. Changing Header and Tagline color
Edit /themes/thesis/custom/custom.css and add -
.custom #header #logo a { text-decoration: none; color:
#CC3333 !important; }
.custom #header #logo a:hover { color: #2361a1 !important;
}
.custom #header #tagline { font-weight: normal; font-size:
1.4em; line-height: 1.429em; color: #CC3333; }
11. To adjust the spacing for paragraphs on all pages (not in use)
@ 2008 by Satish Talim – http://satishtalim.com/
12. 11
Edit /themes/thesis/custom/custom.css and add -
.custom .format_text p { margin-bottom: .9em; }
12. Adding a Twitter block
Edit /themes /thesis/custom/custom_functions.php for Custom functions.
Add the following code -
function custom_twitter_links() {
?>
<ul class="bookmark_links">
<li><a href="http://twitter.com/IndianGuru"
title="Follow me on Twitter to communicate and stay
connected">Follow me on Twitter to communicate and stay
connected.</a></li>
</ul>
<?php
}
add_action('thesis_hook_after_post',
'custom_twitter_links');
If we have done everything correctly, when we visit a post’s permalink page,
we'll see that the post content is now followed by a clever little Twitter link.
Now simply add the following declaration to the custom.css file, and we'll get
instant, em-based goodness:
.custom ul.bookmark_links {
list-style: none;
margin: 3.14286em 0 1.57143em 0;
padding: 0.57143em 0.78571em;
background: #e7f8fb;
border: 0.07143em solid #9ad5df;
}
13. To add 3 custom, static Ad Blocks of 125x125
Edit /themes/thesis/custom/custom.css and add this code -
/* For the 125x125 Ad boxes - adblock and cenx */
.custom div.adblock img {
padding: 4px;
background-color: #FFFFFF;
}
.custom .cenx {text-align: center;}
Next, in Design / Thesis Options / Multimedia Box - choose default setting as
Custom Code and add the following into the Custom multimedia box code -
@ 2008 by Satish Talim – http://satishtalim.com/
13. 12
<div style="text-align:center;margin:0 auto 0 auto;padding-
top:0.25em;border-bottom:1px dotted #bebebe; border-top:1px
dotted #bebebe; "><img
src="http://rubylearning.com/images/sponsors.png"
alt="Sponsors" /></div><br />
<div class="adblock cenx">
<a
href='http://diythemes.com/thesis/?a_aid=21f1396d&a_bid
=47c5a620'><img
src='http://diythemes.com/aff/scripts/sb.php?a_aid=21f1396d
&a_bid=47c5a620' style="border: 0px none ;" alt="Thesis
WordPress Theme" title="Thesis WordPress Theme" /></a>
<a title="Free Online Ruby Programming Course"
href="http://rubylearning.org/"><img
src="http://rubylearning.com/images/rlbanner.jpg"
style="border: 0px none ;" alt="RubyLearning" title="Free
Online Ruby Programming Course" /></a>
<img src="http://rubylearning.com/images/advertise.png"
style="border: 0px none ;" alt="Advertise your Banner -
Contact mail@satishtalim.com" title="Advertise your Banner
- Contact mail@satishtalim.com" />
</div>
Click on the Big Ass Save Button.
14. To add a Favicon
Add the following to your /themes/thesis/custom/custom_functions.php file –
/* To add RubyLearnings favicon */
function thesis_favicon() {
echo "n<link rel="icon" type="image/ico"
href="http://rubylearning.com/images/favicon.ico" />n";
}
add_action('wp_head', 'thesis_favicon', 99);
The priority of 99 above, ensures that this tage comes just before the </head>
tag.
15. Adding an image below the header of the blog
@ 2008 by Satish Talim – http://satishtalim.com/
15. 14
Changing Core Files
1. Date Badges and Comments Bubbles – Not in use
Reference:
http://css-tricks.com/date-badges-and-comment-bubbles-for-your-blog/
Edit custom.css file and add the following:
.custom p.date { width: 42px; height: 10px; padding: 18px 0 14px
0; text-align: center; }
.custom .month1 { background: url(images/01.gif) no-repeat 0 0; }
.custom .month2 { background: url(images/02.gif) no-repeat 0 0; }
.custom .month3 { background: url(images/03.gif) no-repeat 0 0; }
.custom .month4 { background: url(images/04.gif) no-repeat 0 0; }
.custom .month5 { background: url(images/05.gif) no-repeat 0 0; }
.custom .month6 { background: url(images/06.gif) no-repeat 0 0; }
.custom .month7 { background: url(images/07.gif) no-repeat 0 0; }
.custom .month8 { background: url(images/08.gif) no-repeat 0 0; }
.custom .month9 { background: url(images/09.gif) no-repeat 0 0; }
.custom .month10 { background: url(images/10.gif) no-repeat 0 0; }
.custom .month11 { background: url(images/11.gif) no-repeat 0 0; }
.custom .month12 { background: url(images/12.gif) no-repeat 0 0; }
.custom p.date span { display: none; }
.custom .shield { position: relative; float: left; padding-right:
2em; }
.custom .commentscloud {
position: absolute;
text-align: center;
top: -4px;
left: 22px;
width: 30px;
height: 24px;
padding: 3px 0;
background: url(images/bubble.png) no-repeat 0 0;
}
.custom .entry-content { clear: both; margin-top: 2em; }
Download the images from –
http://sotak.co.uk/calendar-icons-blog
http://yoast.com/wp-content/themes/yoast/images/bubble2.png
the file is calendar-icons.tar.gz and bubble2.png. Rename bubble2.png to
bubble.png and upload the images to the thesis/custom/images folder.
Edit index.php, search.php, single.php, and archive.php and search for
<?php thesis_byline_and_date(); ?>
Add the following code before that –
@ 2008 by Satish Talim – http://satishtalim.com/
16. 15
<div class="shield">
<p class="date month<?php the_time('n'); ?>">
<span><?php the_time('F'); ?></span>
<?php the_time('j'); ?>
<span><?php the_time('S'); ?></span>
</p>
<div class="commentscloud">
<?php comments_number('0', '1', '%'); ?>
</div>
</div>
Under admin / Design / Thesis Options / Publishing, deactivate the fourth
option namely Show published-on date in post byline.
2. Description and keywords Meta tag for SEO – Not in Use
These tags are important for SEO and can be achieved by editing each and
every post and / or page of the blog. For example, edit an existing post and
then scroll down to Custom Fields. In the Key field type metadescription and
in the Value field type what you want to say for your description. I have typed
- Ruby Rails Tutorial for Ruby and Ruby on Rails. Save this. Next, edit
header.php file and after the <title> tag add the following code:
<?php if (get_post_meta($post->ID, 'metadescription', true)
!= ''): ?>
<meta name="description"
content="<?=get_post_meta($post->ID, 'metadescription',
true);?>" />
<?php endif; ?>
It is advisable to add a custom description to every post and page, unique to
the content of whatever that page or post is about. If you don't add it, don't
worry; the code checks for the field's existence. If it isn't there on a certain
post, nothing is output.
We shall do the same for Key field type metakeywords and add the following
to index.php
<?php if (get_post_meta($post->ID, 'metakeywords', true) !=
''): ?>
<meta name="keywords" content="<?=get_post_meta($post-
>ID, 'metakeywords', true);?>" />
<?php endif; ?>
3. Adding an image to a popular post – Not in use
@ 2008 by Satish Talim – http://satishtalim.com/
17. 16
Edit index.php, search.php, single.php, and archive.php and search for
<?php thesis_byline_and_date(); ?>
Add the following code after that –
<?php if (in_category(get_cat_id('popular'))) { ?><img
class="popular-image"
src="http://rubylearning.com/images/popular.gif"
alt="Popular Post" title="This post is Popular" /><?php }
?>
4. Moving down ‘Search’ in sidebar
Edited file sidebar_2.php as follows:
<?php
if (!dynamic_sidebar(2)) {
// This one is a little nicer looking
than the WordPress Tag Cloud Widget.
// If you want to use it, I suggest
moving it outside of this if-statement.
// This way, youll be able to use
widgets in sidebar 2 AND have a nicer tag cloud.
thesis_widget_tag_cloud();
// You should use the WordPress Search
Widget for this!
thesis_widget_search_deprecated();
}
?>
5. Modifying Related Posts plugin file for arrow images
Edit related-posts.php file of this plugin and do the following line:
Replace line 93 i.e.
'beforeposts' => '', 'afterposts' => '', // text before and
after the list
with this –
'beforeposts' => '<ul class="navlist">', 'afterposts' =>
'</ul>', // text before and after the list
Edit custom.css and add the following lines:
.custom .navlist { margin-left: 0; padding-left: 0; list-
style: none; }
.custom .navlist li { padding-left: 10px; background-image:
url(images/arrow.gif); background-repeat: no-repeat;
background-position: 0 .5em; }
@ 2008 by Satish Talim – http://satishtalim.com/
18. 17
6. Custom Page Descriptions, Without Plugins – Not in Use
Reference:
http://rickbeckman.org/wordpress-seo-tip-custom-page-descriptions-without-
plugins/
Edit /themes /thesis/custom/custom_functions.php for Custom functions.
Add the following code -
// Meta descriptions for posts w/ the Description custom
field
function descriptification() {
// This is only relevant on pages or posts
if (is_single() || is_page()) {
// Well need the post ID, so make $post available
global $post;
// Check to see if a post has a custom field with
key of "description"
if (get_post_meta($post->ID, 'description', true))
{
// We have a description, so output in the form
of an HTML META tag
echo '<meta name="description" content="' .
attribute_escape(get_post_meta($post->ID, 'description',
true)) . "" />n";
}
}
}
// Set descriptification() to run when wp_head() is called,
generally in a theme's header.php file
add_action('wp_head', 'descriptification');
When editing a post or page, scroll down a way until you get to the Custom
Fields section. Add a new one with key “description” and value as whatever
best describes this particular page or post. Keep your description concise
(roughly 150 characters (not words!), including spaces.) — remember, it’ll
show up in search results, and you don’t want it getting trimmed because it’s
too long — but be sure you’re emphasizing the subject matter.
@ 2008 by Satish Talim – http://satishtalim.com/
19. 18
Sprucing up Blog Posts
Reference:
http://diythemes.com/thesis/rtfm/styling-tips/
1. Sub-headlines
<h3>My Headline Text</h3>
2. Drop Cap
<span class="drop_cap">T</span>his is my paragraph. The "T" is my drop cap.
3. Notes and Alerts
<p class="note">Your note text goes here!</p>
<p class="alert">Your alert text goes here!</p>
4. Align images / ads
Reference:
http://diythemes.com/thesis/rtfm/image-styles/
When you use the alignright and alignleft classes, you should try to keep your
images 229px wide or less. By default, Thesis’ content column is 480px wide,
so you’ll be able to accommodate ad units / images up to that width. Example:
<p><img class="alignright" src="http://diythemes.com/images/giraffe.jpg"
alt="giraffe" title="Choosing right results in a right-aligned image with text
wrap" width="229" height="220" /></p>
<p>Text here</p>
5. Reply to comments
Reference:
http://www.pearsonified.com/2007/11/professional_stylish_comments_for_blo
gs.php
WordPress contains comment ID numbers, which allow you to link directly to
any comment you like. When you respond to people’s questions, you should use
this ID to link the commenter’s name to their original question. For example:
<a class="comment_link" href="comment permalink">Commenter</a> - Your
comment...
6. Abbreviation
<abbr title="USA Dollar">USD</abbr>
@ 2008 by Satish Talim – http://satishtalim.com/
20. 19
7. Acronym
<acronym title="[ American Standard Code for Information Interchange
]">ASCII</acronym>
@ 2008 by Satish Talim – http://satishtalim.com/
21. 20
Change some WordPress features
Reference:
http://maketecheasier.com/4-hidden-wordpress-features-that-are-unknown-
to-many/2008/08/13
1. Turn off post revision
One of the new features in WordPress 2.6 is the post revision. This is a great
feature that does a version control for all your posts. At any point of time, you
can see what was changed in the post, by whom and when and revert back to
the previous post if necessary. For a multi-authors blog, this is a splendid
feature, but for single user, this could possibly lead to many duplicate of the
same post that junk up your database.
By default, the post revisioning feature is turned ON by default and there is no
option to turn it off in the Admin menu. To disable it, you have to download
your wp-config.php file from the server (using any FTP program), add the
following line:
define(’WP_POST_REVISIONS’, false);
after the line define (’WPLANG’, ”);
@ 2008 by Satish Talim – http://satishtalim.com/
22. 21
Securing the blog
Reference:
http://maketecheasier.com/11-ways-to-secure-your-wordpress-
blog/2008/08/12
1. Hide the plugins and themes folder on server
If you go to http://rubylearning.com/blog/wp-content/plugins, you normally
would see a list of plugins that I am using for my blog. You can easily
hide this page by uploading an empty index.php to the plugin directory.
Using a ftp program, upload the following index.php to the /wp-
content/plugins folder:
<?php
header("Location: http://rubylearning.com/blog/");
exit();
?>
The same needs to be done for http://rubylearning.com/blog/wp-
content/themes/
2. Use a strong password
Make sure you use a strong password that is difficult for others to guess. Use a
combination of digits, special characters and upper/lower case to form your
password.
3. Change your login name
The default username is admin. You can make it more difficult for the hacker
to crack your login credential by changing the login name.
In your WordPress dashboard, go to Users and set up a new user account. Give
this new user administrator role. Log out and log in again with the new user
account.
Go to Users again. This time, check the box beside admin and press Delete.
When it asks for deletion confirmation, select the “Attribute all posts and links
to:” and select your new username from the dropdown bar. This will transfer
all the posts to your new user account. Press Confirm Deletion.
4. Upgrade to the latest version of WordPress and plugins
@ 2008 by Satish Talim – http://satishtalim.com/
23. 22
The obvious - the latest version of WordPress always contains bugs fixes for any
security vulnerabilities, therefore it is important to keep yourself updated at
all times.
5. Backup your WordPress database
No matter how secure your site is, you still want to prepare for the worst.
Install the WP-DB-Backup plugin and schedule it to backup your database daily.
@ 2008 by Satish Talim – http://satishtalim.com/
24. 23
Removing Validation Errors
The Thesis 1.2 does not validate as per this url –
http://validator.w3.org/
Some of the core Thesis files needs to be edited to fix this problem.
The following two forum threads give a step-by-step description on how to
achieve the same:
http://diythemes.com/forums/thesis-feature-requests/691-thesis-not-xhtml-
valid-2.html#post4317
http://diythemes.com/forums/thesis-feature-requests/691-thesis-not-xhtml-
valid-4.html#post4638
http://diythemes.com/forums/thesis-feature-requests/691-thesis-not-xhtml-
valid-4.html#post5196
Hopefully, this would be fixed in the next release of Thesis.
@ 2008 by Satish Talim – http://satishtalim.com/