Eric @ EricBess WebHome

  Traduction: s'il vous plaît eric.wang Ajoutés référence: http://ericbess.com Original: http://anthologyoi.com/awp/ajaxd-wordpress-readme 

AJAX ensemble complet WordPress: WP AJAXed [chargement]

La description de base

L'installation d'AWP

1. Télécharger AWP.
2. AWP décompression et à transférer votre répertoire de plugin WordPress (/ wp-content/plugins /).
3. Début plug-in.
4. Si vous utilisez WordPress 2.1, et envisage d'utiliser jquery.js vous devez télécharger jquery.js transférer des fichiers jquery.js à wp-includes/js dossier.

Embedded page à afficher

Dans le panneau de gestion de présentation, de veiller à ce que la "ligne Messages" est active, dans le "POST" label. Cochez la case "Simple postes", Enregistrer.

Pour afficher les commentaires embarqués

Le thème de l'ouvre votre index.php (mai être la page, simple)
Remplacement: <? Php comments_template ();?> Avec:

<? Php do_action ( 'awp_commentform_link');?> (boîte de message)
<? Php do_action ( 'awp_commentform');?>
<? Php do_action ( 'awp_comments_link');?> (contenu du message)
<? Php do_action ( 'awp_comments');?>

Nichée dans la page

Marquer par <! Embed-XXX-=> XXX est niché journal ID.

Haut de gamme

A suivre ..

  Traduction: s'il vous plaît eric.wang Ajoutés référence: http://ericbess.com Original: http://anthologyoi.com/awp 

AJAXed WordPress (AWP), est un très puissant plug-in AJAX. En fait, ce n'est pas seulement un plug-in, il wordpress offre une gamme complète de soutien AJAXed à améliorer l'expérience de l'utilisateur WordPress dans son ensemble, la capacité de gestion et le potentiel de conception.
AWP, y compris les caractéristiques de base de dynamique interactive écran affiche le journal, les commentaires et les multi-couche messages, page Web, des commentaires, ainsi que les plus avancés fonction d'aperçu. Au travers d'une interface de gestion, de sorte que tous les aspects de la sous-fonction en tant que plug-in peuvent être facilement personnalisés.
AWP ont même leur propre plug-in permettant de gérer et compatible avec leur propre série et le tiers plug-in Ajax, il a une fonction spéciale pour assurer la compatibilité avec de nombreux autres plug-ins. Il est également facile à utiliser et moteur de recherche, dans le même temps, il ne fait pas obstacle à notre WordPress pour le référencement et l'accessibilité.

Les principales caractéristiques:

1. Mise à jour de la page dynamique page, et de commentaires publiés commentaires. Et des traditions de différentes manières, AJAX atteindre la page de mise à jour dynamique, qui est dans la nécessité de mettre à jour la page de chargement, au lieu de chargement d'une page, cette page Tijia grandement l'efficacité et l'efficience de l'affichage.
2. AJAX présenter des observations.
3. Commentaires sur la preview du site.
4. Multi-Stage commentaire.
5. Tous les éléments visuels personnalisés.
6. Custom page d'options.
7. À l'appui d'une variété de la bibliothèque de scripts AJAX: TW-Sack, JQuery, Prototype.js et Scriptaculous bibliothèques.
8. Les pages dynamiques avec des extraits.
9. Nichée page. (Liés à la réalisation de la page de résumé, d'améliorer la rigidité)
10. Forte de gestion de groupe.
11. Ajax avant / arrière page de navigation.

Dans ces deux derniers jours ont trouvé leur propre blog trop lentement, se brosser chaque page prend beaucoup de temps, il est nécessaire d'optimiser le recours à Ajax. Pour atteindre le premier objectif est d'atteindre le poste de mise à jour des pages dynamiques dans la page est chargée avec la nécessité de mettre à jour le poste, et non pas toute la page de chargement, ainsi grandement amélioré l'efficacité de la charge de démontrer l'effet d'optimization. Rappelez-wp-ajax appelé plug-ins, a pris le temps de recherche: "WP Ajax", afin de voir quelques-unes des blog plein d'ajax pour faire du bien à l'étranger, mais également la wp-ajaxed, est un nouveau développement Dans le paquet. Son objectif principal est de faire le plein wordpress ajax, et quelques-unes des caractéristiques excitantes, telles que: le chargement dynamique, niché page, ajaxed message.

Avec la décision, afin de mieux soutenir le plug-in j'avais à réécrire mon thème, vous voyez la deuxième édition de ce thème a été tout un tas de nouvelles ajaxed effet (essayez le contexte de navigation, message, développez l'Accueil XXX "pour démarrer le contenu"), bien sûr, ce n'est pas juste pour bien paraître effet, vraiment inattendu. L'efficacité est toujours la première, la page de chargement dynamique, bien sûr, que la totalité de la page pour actualiser plus efficace.

Le paquet est encore en développement, je comprends aussi qu'il ne suffit pas, il est loin dans son ensemble peut wp ajaxed. Et c'est ce que je veux continuer à étudier en vue d'être en mesure de passer il ya un monde des conseils d'expert ou deux. Laissez-nous commencer d'ici (le texte suivant est le wp-ajaxed imbriqués page de résultats): AJAX ensemble complet WordPress: WP AJAXed [chargement]

CSS mise en page des formes traditionnelles (tableau) présentation de la plus grande différence est que: l'emplacement d'origine et sont basées sur la forme, la forme de distance ou de couleur et des images GIF transparentes pour le contrôle de la présentation du texte de la hauteur, maintenant en utilisant la couche (div ) Afin de trouver, par l'intermédiaire de la couche de la marge, padding, border, et d'autres attributs pour contrôler la hauteur de la plaque.

1. DIV définition

Analyze d'un exemple typique de la définition de la DIV:

# Échantillon (MARGE: 10px 10px 10px 10px;
Padding: 20px 10px 10px 20px;
BORDER-TOP: # CCC 2px solid;
BORDER-RIGHT: # CCC 2px solid;
Border-bottom: # CCC 2px solid;
BORDER-LEFT: # CCC 2px solid;
HISTORIQUE: url (images / bg_poem.jpg) # FEFEFE de non-répétition en bas à droite;
COLOR: # 666;
TEXT-ALIGN: center;
Line-height: 150%; Largeur: 60%;)

Description:

• Couche nom de l'échantillon, avec la page

Vous pouvez appeler ce style.

• Marge est la couche de la frontière de rester loin de la page blanche pour la marge, ou avec d'autres couches de créer une distance. "10px 10px 10px 10px" représentant "en bas à droite sur la gauche" (des aiguilles d'une montre) à quatre marge, même si les initiales pourrait être que "MARGE: 10px;". Si la marge à zéro, il est nécessaire d'écrire "margin: 0px;". Note: Lorsque la valeur est égale à zéro, en plus de valeurs de couleur RGB doit être de 0% pour cent, suivie par d'autres cas, avec l'unité ne peut pas "px". MARGE est l'élément de transparence ne peut pas être défini couleur.
• PADDING se réfère à la couche à la frontière entre le contenu de la vierge. Et la même marge, ont été désignés sur la partie inférieure du cadre de droite à la gauche du contenu de la distance. Si vous êtes le même, que l'acronyme «padding: 0px". Personne désignée sur la gauche peuvent être écrits en "padding-left: 0px;". PADDING transparent élément n'est pas à la définition de la couleur.
• La frontière est la couche de la frontière, "BORDER-RIGHT: # CCC 2px solid;" est défini couches de couleur sur le côté droit de la boîte "# CCC", une largeur de "2px", à la forme "solide" dans une ligne droite. Pour en pointillé style de ligne peut être «en pointillé».
• Arrière-plan est la définition de l'arrière-plan. 2 heures définition, la définition de la première image d'arrière-plan, en utilisant "url (.. / images / bg_logo.gif)" pour spécifier le chemin d'accès image de fond, suivi par la définition de la couleur d'arrière-plan "# FEFEFE". "non-répétition» se réfère à l'image de fond n'a pas besoin de le répéter, si l'usage répété de «horizontales» répète-x ", l'usage répété de la verticale" repeat-y ", a couvert la totalité du fond de l'usage répété" je répète ". Derrière le «droit en bas,» se réfère à l'arrière-plan de l'image dans le coin inférieur droit dès le début. S'il n'y a pas d'image d'arrière-plan ne peut définir la couleur d'arrière-plan background: # FEFEFE

Avec des lettres minuscules écrit à toutes les étiquettes
XML est sensible à la casse sur, donc, XHTML est différente de l'affaire. Tous les éléments XHTML noms et attributs doivent utiliser des minuscules. Sinon, votre document sera vérifié que le W3C est nulle et non avenue. HTML et n'aiment pas, XHTML sur l'affaire est sensible, <title> et les différents <TITLE> est l'étiquette. XHTML exige que toutes les balises et les attributs noms doivent utiliser des minuscules. Par exemple: <BODY> doit être écrite en <body>. L'inclusion est également le cas ne seront pas acceptées, habituellement généré automatiquement dreamweaver nom d'attribut "onMouseOver" doit également être modifié afin de "onmouseover".

Pour ajouter une image dans un attribut alt
Pour ajouter une image de l'ensemble des attributs alt. Lorsque l'attribut alt ne peut pas être montré dans l'image lors de l'affichage pour le texte de remplacement ne fera pas normal non essentiels des utilisateurs, mais le texte brut navigateurs et les lecteurs d'écran à utiliser l'utilisateur est essentielle. Uniquement

Ajouter l'attribut alt, le code sera adopté par le W3C vérifier l'exactitude. Veuillez noter que nous avons à ajouter un attribut ALT, tels que la formulation suivante de sens:
<img src="logo.gif" mce_src="logo.gif" alt="logo.gif">
La manière correcte:
<img src="logo.gif" mce_src="logo.gif" alt="互动力工作室标志,点击返回首页">

Valeur de l'attribut à tous les guillemets
En HTML, vous mai pas besoin de guillemets à la valeur de la propriété, mais en XHTML, ils doivent être entre guillemets. Doivent également être séparés par un espace de propriété. Cas: <hr width="75%"size="7"/> Ce n'est pas vrai.
Des circonstances particulières, vous avez besoin de valeur de l'attribut à utiliser de guillemets, vous pouvez utiliser les "guillemets simples peuvent utiliser ', par exemple: <alt="say'hello'">