Comment ajouter un fond d'écran d'image d'arrière-plan à un site drupal à partir de l'administration drupal?
Comment puis-je ajouter un fond d'écran d'image d'arrière-plan à un site drupal depuis l'intérieur de l'administration drupal c'est-à-dire ne pas modifier les thèmes ou PHP?)
Je ne suis pas opposé à PHP ou à des thèmes, mais l'ajout d'un fond d'écran d'image de fond est une fonctionnalité générique non spécifique au thème et devrait donc nécessiter la modification d'un thème spécifique.
Cela doit être l'une des choses les plus simples/fondamentales/populaires que l'on veut faire avec leur site. Cela devrait être évident dans Drupal -et- possible dans l'administration Drupal, pas via l'édition de thèmes/PHP code .
Y a-t-il un moyen de le faire?
J'ai trouvé des modules prometteurs (activement développés pour Drupal 7) mais je ne sais pas trop comment les utiliser:
http://drupal.org/project/bg_image (Les instructions disent: "fournissez un sélecteur css et des attributs de couleur et de répétition dans la section" Paramètres CSS par défaut ".") - mais comment savoir ce que CSS Sélecteur à utiliser? Oui je connais CSS mais dans le contexte de Drupal, y en a-t-il plus que je dois considérer et pourquoi? Peut-être qu'un exemple aiderait ici)
http://drupal.org/project/dynamic_background (Cela a des paramètres plus avancés pour des entités spécifiques dans drupal: utilisateur, blog, panneaux, nœud, vues (bêta), contexte) - OK bien. MAIS [~ # ~] laquelle [~ # ~] dois-je utiliser pour simplement mettre en place une image de fond pour les pages de mon Drupal?!
Voici un exemple de réponse de ma part à ma question (je ne m'attends pas nécessairement à accepter ma propre réponse, je préfère une solution in-drupal-admin sans modification de code)
Utilisation du thème minimal/acq_minimal, situé dans mon installation sur path
../sites/default/themes/mythemes/acq_minimal
Il y a un fichier appelé
palette.css
Dans ce fichier, il y a CSS pour la balise html du corps. Modifiez ceci pour ajouter une image d'arrière-plan:
body {
background-color: #000000; /* new background colour */
background-image: url('wallpaper.jpg'); /* inserted line for background image */
background-repeat:no-repeat; /* inserted line to not repeat */
color: #333333;
}
C'est dommage qu'il n'y ait pas de moyen standardisé de le faire dans Drupal administrateur Web sans avoir à recourir à la modification du code du thème (modification du code (via FTP et un éditeur de code)) brise le merveilleux système d'autorisations utilisateur drupal a au sein de son administrateur. Moins de personnes (ou même une seule) personne peuvent être autorisées à accéder par FTP à la docroot de la drupal Cela crée un goulot d'étranglement et complique l'administration des droits des utilisateurs.
Mise à jour
Idéalement, je devrais le faire en tant que sous-thème basé sur ce thème (de sorte que si le thème d'origine est mis à jour, ces mises à jour ne se heurteront pas/n'écraseront pas ma modification pendant une mise à niveau) - je dois trouver un moyen de le faire.
Cependant, cela ne répond pas tout à fait à ma question à propos de le faire dans Drupal admin. Mais il fait toujours le travail. Mes solutions initiales suggérées valent également la peine d'être explorées:
http://drupal.org/project/bg_image (Les instructions disent: "fournissez un sélecteur css et des attributs de couleur et de répétition dans la section" Paramètres CSS par défaut ".") - mais comment savoir ce que CSS Sélecteur à utiliser? Oui je connais CSS mais dans le contexte de Drupal, y en a-t-il plus que je dois considérer et pourquoi? Peut-être qu'un exemple aiderait ici)
http://drupal.org/project/dynamic_background (Cela a des paramètres plus avancés pour des entités spécifiques dans drupal: utilisateur, blog, panneaux, nœud, vues (bêta), contexte) - OK bien. MAIS LAQUELLE est-ce que j'utilise pour simplement mettre en place une image de fond pour les pages de mon site Drupal?!
Pour les simples thèmes Drupal que nous utilisons Artisteer . Vous pouvez modifier la plupart des propriétés d'un thème d'un simple clic de souris. Veuillez noter que l'outil n'est pas gratuit (et je ' m juste un utilisateur heureux).
Je suis d'accord avec votre évaluation selon laquelle la définition d'un arrière-plan est l'une des premières choses qu'un nouveau concepteur de sites Web veut faire, mais ce que j'ai trouvé, c'est que même si Drupal est incroyablement flexible et capable, il n'est pas uniforme ou flexible dans son approche des problèmes d'apparence. Drupal n'est pas une solution de site Web prête à l'emploi. C'est une méthodologie de programmation pour créer et gérer du contenu Web, écrite par des programmeurs pour des programmeurs. De nombreux modules ont vu le jour pour rationaliser l'entrée pour les tâches répétitives, pas pour rendre les choses conviviales. Drupal fournit un cadre pour les graphiques avec des thèmes et des régions, mais encore une fois, cela ressemble plus à un effort pour rationaliser les tâches qu'à créer un utilisateur interface pour les non-programmeurs. Au-dessus des thèmes, les modules traitant de la génération de contenu, des menus et similaires ajouteront leur propre entrée de thème en fonction de leur partie. Encore une fois Drupal est incroyablement bon à rassembler toutes ces entrées et à fournir la flexibilité nécessaire aux modules pour diriger les choses, mais mes et modules sont créés par des groupes séparés et ne suivent pas nécessairement la même approche pour styliser le contenu.
Le résultat est qu'il est difficile de comprendre quels thèmes et modules utiliser et ce qu'ils font sans quelques recherches détaillées sur leurs entrailles. La chose la plus frustrante pour moi a été d'essayer de démêler les spaghettis de style qui finissent par afficher une page. De nombreux thèmes ont une interface utilisateur limitée qui vous permet de modifier certaines couleurs, etc., mais ils sont loin d'être des interfaces utilisateur de thème complètes. Les choses sont devenues si complexes parfois avec autant de niveaux d'héritage, que j'ai commencé à utiliser un extrait de style CSS pour supprimer le plus possible afin que je puisse comprendre ce qui fait quoi dans les feuilles de style CSS.
Une solution pourrait être de garder les choses aussi simples que possible. Les pages administratives sont rendues dans le thème "Seven", qui est en effet très simple. Très peu de divs, de classes et de thèmes généraux avec peu de régions. Pour organiser la mise en page, je veux utiliser le module Panels. Ce module crée une mise en page et un contenu très clairs interface d'affectation qui exploite le système de gestion de contenu de Drupal et peut modifier ou contourner totalement les thèmes. Vous devrez effectuer un travail de feuille de style CSS pour établir le caractère de votre site, mais vous le ferez comme vous le souhaitez et vous saurez où tout se trouve. J'utilise plusieurs thèmes comme documents de référence, s'il y a des effets que je veux surtout utiliser. Mais j'ai obtenu où je veux beaucoup plus rapidement de cette façon.
J'ai trouvé quelque chose qui fonctionne pour moi! Sous ... sites\default\files\color [nom de sous-répertoire basé sur le modèle] se trouve colors.css, modifiez les éléments suivants:
sous "#header"
ajoute ça:
{background-image: url('imagename.png');}
supprimer ou commenter ceci:
{background-color: #ab3a0d;
background-image: -moz-linear-gradient(top, #893210 0%, #ab3a0d 100%);
background-image: -ms-linear-gradient(top, #893210 0%, #ab3a0d 100%);
background-image: -o-linear-gradient(top, #893210 0%, #ab3a0d 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #893210), color-stop(1, #ab3a0d));
background-image: -webkit-linear-gradient(top, #893210 0%, #ab3a0d 100%);
background-image: linear-gradient(top, #893210 0%, #ab3a0d 100%);
}
Cela devra être une fonction dans un thème de base déjà existant, ou vous aurez besoin d'un module. Je ne connais actuellement aucun thème de base qui a cela, car ce n'est pas une façon très sémantique de faire les choses.
Les modules que vous avez énumérés ci-dessus sont un bon début, mais si vous souhaitez expressément télécharger une image via un champ de fichier de téléchargement, il faudra quelques modifications de thème.