web-dev-qa-db-ja.com

Omegaサブテーマを手動で作成する

Omega 4.4の機能するサブテーマを作成しようとしています。以前にDrushを使用したことがありますが、サイトは私が管理者ではないホスト上にあります。 Drush Webservice module を試しましたが、Omega Wizardの実行に成功しませんでした。要するに、オメガWizardは非常に役立つかもしれませんが、私はそれを動作させることができません。

次に、 ここでの説明 を使用して手動でサブテーマを作成しようとしました。ただし、この結果はThemes-folderのテーマカタログですが、テーマはDrupalに表示されません。たぶん私は間違ったバージョンのオメガに間違った指示を使っていますか?

とにかく、Drupal 7の場合、手動でOmega 4.4サブテーマをインストールする方法についての指示はありますか?

2
Andreas

このドキュメントでは、Omega 4.4のデフォルトのスターターキットサブテーマを手動でコピーしています。手順は、「ダスト」と「デフォルト」の両方のスターターキットで同様です。 「デフォルト」のテーマにはlibsassがあり、「ダスト」よりファイルが少ないことに注意してください。

  • Dusty:元のオメガフロントエンドがセットアップされ、ますます古くなっています。
  • デフォルト:より現代的なサブテーマ、フロントエンドの開発。これはより良いオプションです。

注:この例では単純な1ワードのテーマ名を使用しているため、THEMEプレースホルダーを1つの値に置き換えることができます。より複雑なサブテーマ名が必要な場合は、drush omegaサブテーマ関数の次の配列を検討してください。

'/{{ THEME }}/' => $machine_name,
'/{{ THEME NAME }}/' => $name,
'/{{ THEME SANITIZED }}/' => str_replace('_', '-', $machine_name),
'/{{ THEME CAMELCASE }}/' => $camel,
'/{{ THEME CAMELCASE LOWER }}/' => lcfirst($camel),

前提条件:テーマの名前。私は "mytheme"を使用していますmythemeをあなたのテーマ名に置き換えてください。

  1. themes/omega/omega/starterkits/default(またはdusty)をthemes/mythemeにコピーします
  2. default.starterkit.incmytheme/mytheme.infoにコピー
  3. mytheme.info への変更
    • name値を'mytheme'に変更します
    • 3行目にbase theme = omegaを挿入します
    • テーマファイル名を{{ THEME SANITIZED }}からmythemeに変更します
      例-から:
      stylesheets[all][] = css/{{ THEME SANITIZED }}.reset.css
      に:
      stylesheets[all][] = css/mytheme.reset.css
    • スクリプト名をcss/mytheme.behaviors.jsに変更します
    • 地域情報を追加:
      ; ========================================
      ;地域
      ; ========================================
      地域[ブランディング] =ブランディング
      regions [header] =ヘッダー
      regions [navigation] =ナビゲーション
      regions [highlighted] =ハイライト
      regions [help] =ヘルプ
      regions [content] =コンテンツ
      regions [sidebar_first] =最初のサイドバー
      regions [sidebar_second] = 2番目のサイドバー
      regions [footer] =フッター
  4. ファイルのテーマ名を更新:
    • package.json:{{ THEME }}からmytheme
    • template.php:{{ theme name }}からmytheme
    • theme-settings.php:{{ THEME }}および{{ theme name }}からmytheme
    • preprocess/page.preprocess.inc:{{ THEME }}からmytheme
    • process/page.process.inc:{{ THEME }}からmytheme
    • sass/README.md {{ THEME SANITIZED }}からmytheme
    • 次の名前変更はdustyのみにあります:
      • .Ruby-gemset
      • bower.json
      • libraries.make
  5. 必要に応じてファイルの名前を変更します。
    • Cssファイルの名前をcss/mytheme.reset.css(デフォルトのサブテーマのみ)とcss/mytheme.styles.cssに変更します
    • Scssファイルの名前をsass/mytheme.reset.scss(デフォルトのサブテーマのみ)とsass/mytheme.styles.scssに変更します
    • 次のファイル名変更はdustyのみにあります:
      • Cssファイルの名前をcss/mytheme.hacks.csscss/mytheme.no-query.csscss/mytheme.normalize.cssに変更します
      • Scssファイルの名前をsass/mytheme.hacks.csssass/mytheme.no-query.scsssass/mytheme.normalize.scssに変更します

そしてそれがあります: screenshot of the newly activated theme

私は、ウィザードで作成したサブテーマと比較するスターターキットを示すgithubを作成しました。このリンクを使用すると、ほこりの多い here またはデフォルトの here の場合に必要なすべての変更を確認できます

純粋な好奇心からこのドキュメントを更新しました。ただし、私があなたの状況にあった場合は、ローカルの開発環境でオメガウィザードを実行し、テーマをサーバーにプッシュします。

1
Screenack