WordPress.org
Get WordPress

Codex

Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference!

Difference between revisions of "Site Design and Layout"
m (Reverted edits by Yuhannamusic (talk) to last revision by Richardkrone)
 
(74 intermediate revisions by 38 users not shown)
Line 1: Line 1:
  +
{{Languages|
  +
{{en|Blog Design and Layout}}
  +
{{es|Blog Design and Layout}}
  +
{{id|Desain dan Tata Letak Blog}}
  +
{{ja|Blog Design and Layout}}
  +
{{ko|블로그 디자인과 레이아웃}}
  +
{{pl|Układ i Projekt Witryny}}
  +
{{ru|Дизайн и раскладка блога}}
  +
{{th|Blog Design and Layout}}
  +
{{zh-cn|博客的设计和布局}}
  +
{{zh-tw|部落格的設計和佈局}}
  +
}}
 
__NOTOC__ __NOEDITSECTION__
  
__NOTOC__ __NOEDITSECTION__
  ⚫
==Basics of WordPress Theme Design==
−
<div style="width:95%; font-size: 110%; text-decoration:none; padding: 0px 5px; margin: 20px 0px 5px; background-color: #f0f0f0; border: 1px solid darkslateblue">
  
⚫
===Basics of WordPress Site Design===
  
−
</div>
  
 
<div style="width: 45%; margin:0px 6px; float:left">
  
<div style="width: 45%; margin:0px 6px; float:left">
 
* [[First Steps With WordPress]]
  
* [[First Steps With WordPress]]
Line 12: Line 22:
 
* [[WordPress Lessons]]
  
* [[WordPress Lessons]]
 
* [[WordPress_Lessons#Designing_Your_WordPress_Site|Lessons: Designing Your WordPress Site]]
  
* [[WordPress_Lessons#Designing_Your_WordPress_Site|Lessons: Designing Your WordPress Site]]
−
* [[WordPress_Lessons#Customizing_Templates|Lessons: Customizing Template Files]]
 +
* [[WordPress_Lessons#Template_Files|Lessons: Customizing Template Files]]
−
* [[WordPress Site Reviews]] <span style="color:red">NEW!</span>
 +
* [[WordPress Site Reviews]]
 
</div>
  
</div>
 
<div style="clear:both; height:10px">
  
<div style="clear:both; height:10px">
 
</div>
  
</div>
   
  +
== Theme Design ==
−
<div style="width:95%; font-size: 110%; text-decoration:none; padding: 0px 5px; margin: 20px 0px 5px; background-color: #f0f0f0; border: 1px solid darkslateblue">
  
−
=== Specifics and Advanced Design ===
  
−
</div>
  
 
<div style="width: 45%; margin:0px 6px; float:left">
  
<div style="width: 45%; margin:0px 6px; float:left">
  +
* [[Navigation_Menus|Adding Navigation Menu support to a theme]]
 
* [[Developing a Colour Scheme]]
 
* [[Developing a Colour Scheme]]
 
* [[Designing Headers]]
  
* [[Designing Headers]]
 
* [[Creating Horizontal Menus|CSS Horizontal Menus]]
  
* [[Creating Horizontal Menus|CSS Horizontal Menus]]
−
* [[Dynamic Menu Highlighting]]
  
 
* [[Good Navigation Links]]
  
* [[Good Navigation Links]]
 
* [[Next and Previous Links]]
  
* [[Next and Previous Links]]
Line 32: Line 40:
 
* [[Post Meta Data Section|Designing Your Post Meta Data Section]]
  
* [[Post Meta Data Section|Designing Your Post Meta Data Section]]
 
* [[Separating Categories|Separating Categories in your Post Meta Data Section]]
  
* [[Separating Categories|Separating Categories in your Post Meta Data Section]]
−
* [[Using Custom Fields|Using Custom Fields with Post-Meta]]
 +
* [[Custom Fields|Using Custom Fields with Post-Meta]]
 
* [[Customizing the Read More]]
  
* [[Customizing the Read More]]
  +
* [[Customizing the Login Form]]
  +
* [[Adding Administration Menus]]
 
</div>
  
</div>
 
<div style="width: 45%; margin:0px 6px; float:left; display: inline">
  
<div style="width: 45%; margin:0px 6px; float:left; display: inline">
Line 44: Line 54:
 
* [[Fun Character Entities]]
  
* [[Fun Character Entities]]
 
* [[Using_Smilies|Smilies]]
  
* [[Using_Smilies|Smilies]]
−
* [[Using Gravatars]]
 +
* [[How to Use Gravatars in WordPress]]
 
* [[Adding Asides]]
  
* [[Adding Asides]]
−
* [[Writing Code in Your Posts]]
  
 
* [[Protection From Harvesters|Protecting Your Email Address from Harvesters]]
  
* [[Protection From Harvesters|Protecting Your Email Address from Harvesters]]
−
* [[Using the gallery shortcode]]
 +
* [[Theme Development]]
  +
* [[Theme Review]]
  +
* [[Functions_File_Explained|Theme Functions File Explained]]
 
</div>
  
</div>
 
<div style="clear:both; height:10px">
  
<div style="clear:both; height:10px">
 
</div>
  
</div>
   
−
<div style="width:95%; font-size: 110%; text-decoration:none; padding: 0px 5px; margin: 20px 0px 5px; background-color: #f0f0f0; border: 1px solid darkslateblue">
  
 
=== WordPress and CSS ===
  
=== WordPress and CSS ===
−
</div>
  
 
* [[CSS]] - Overview of CSS within WordPress, and list of resources related to CSS and WordPress
  
* [[CSS]] - Overview of CSS within WordPress, and list of resources related to CSS and WordPress
 
* [[Know Your Sources]] - External resources on HTML, PHP, and CSS in general
  
* [[Know Your Sources]] - External resources on HTML, PHP, and CSS in general
  +
* [[CSS Coding Standards]] - Best practices for coding CSS
  +
* [[CSS Troubleshooting]] - Examining and debugging CSS
  +
* [[Right to Left Language Support|Right-to-Left Language Support]] - Working with RTL text using CSS
 
<div style="clear:both; height:10px">
  
<div style="clear:both; height:10px">
 
</div>
  
</div>
   
−
<div style="width:95%; font-size: 110%; text-decoration:none; padding: 0px 5px; margin: 20px 0px 5px; background-color: #f0f0f0; border: 1px solid darkslateblue">
  
 
=== Themes, Templates, and Customization===
  
=== Themes, Templates, and Customization===
  ⚫
* [[Using Themes|Using Themes]] - Best starting point for learning about Themes
  ⚫
* [[Templates|Templates]] - Comprehensive list of theme and template resources
  ⚫
* [[Plugins|Plugins]] - Comprehensive list of plugin resources
  ⚫
* [[Advanced Topics#WordPress Plugins and Customization|WordPress Plugins and Customization]] - Other resources related to customizing WordPress
  ⚫
<div style="clear:both; height:10px">
 
</div>
  
</div>
   
⚫
* [[Using Themes]] - Best starting point for learning about Themes
  
⚫
* [[Templates]] - Comprehensive list of theme and template resources
  
⚫
* [[Plugins]] - Comprehensive list of plugin resources
  
⚫
* [[Advanced Topics#WordPress Plugins and Customization]] - Other resources related to customizing WordPress
  
⚫
<div style="clear:both; height:10px">
  
−
</div>
  
   
 
{{toclist}}
  
{{toclist}}

Latest revision as of 15:41, 11 January 2024

Languages: English • Español • Bahasa Indonesia • Design and Layout 日本語 한국어 • Polski • Русский • ไทย • 中文(简体) • 中文(繁體) • (Add your language)

Basics of WordPress Theme Design

Theme Design

WordPress and CSS

Themes, Templates, and Customization


About WordPress • Getting Started with WordPress • Working with WordPress • Blog Design and Layout • Advanced Topics • Troubleshooting • Developer Documentation • Current Events
Retrieved from "https://codex.wordpress.org/index.php?title=Site_Design_and_Layout&oldid=171410"

Codex Resources