Edit screen UI for post formats: a first run for functionality.

* Adds a very basic tabbed interface for selecting a post format (requires JS).
* Extra fields, which are post meta, are shown/hidden based on the selected format.
* Introduce a helper function for retrieving formats-specific metadata: `get_post_format_meta()`.
* Image selection uses the media modal, although without filtering or from URL support at the moment.

props rachelbaker, wonderboymusic, aaroncampbell, helen. see #19570.


git-svn-id: https://develop.svn.wordpress.org/trunk@23449 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2013-02-18 19:11:24 +00:00
parent edd0530290
commit 5b3c058bd5
7 changed files with 262 additions and 10 deletions
+70 -2
View File
@@ -747,7 +747,8 @@ input[readonly] {
background-color: #eee;
}
:-moz-placeholder {
:-moz-placeholder,
.wp-core-ui :-moz-placeholder {
color: #a9a9a9;
}
@@ -3080,11 +3081,78 @@ input#link_url {
margin: 2px 0 2px -2px;
}
#post-status-select, #post-format {
#post-status-select {
line-height: 2.5em;
margin-top: 3px;
}
/* Post formats form */
#poststuff .post-format-select {
margin-top: 0;
padding-bottom: 0;
}
.post-formats-fields {
margin-bottom: 20px;
}
.wp-format-standard .post-formats-fields,
.wp-format-aside .post-formats-fields,
.wp-format-chat .post-formats-fields,
.wp-format-status .post-formats-fields {
display: none;
}
.post-formats-fields .field {
display: none;
margin-bottom: 10px;
}
.post-formats-fields input,
.post-formats-fields textarea {
padding: 5px;
font-size: 1.2em;
}
.wp-format-chat .field.wp-format-chat,
.wp-format-gallery .field.wp-format-gallery,
.wp-format-link .field.wp-format-link,
.wp-format-image .field.wp-format-image,
.wp-format-quote .field.wp-format-quote,
.wp-format-video .field.wp-format-video,
.wp-format-audio .field.wp-format-audio {
display: block;
}
#wp-format-image-holder {
overflow: hidden;
width: 300px;
height: 200px;
border: 1px solid #dfdfdf;
background: #f5f5f5;
}
#wp-format-image-holder:hover {
background-color: #eee;
}
#wp-format-image-select {
display: block;
height: 200px;
text-align: center;
}
#wp-format-image-select img {
max-width: 100%;
max-height: 100%;
}
.empty #wp-format-image-select {
padding-top: 120px;
height: 80px;
background: url(../images/media-button-2x.png) no-repeat center;
}
/* Post Screen */
#post-body #normal-sortables {
min-height: 50px;