Wordpressのテーマデザイナー

Wordpress Constructor Theme

トピック「デザイナーオブハブレ」が発表されてから1年が経ちましたが、その間ずっとデザイナーは生き続け、発展してきました。


私は先史時代から始めます-私は主に私のニーズのためにこのトピックを作成しました-知り合いや友人が「はい、シンプルなウェブサイト、あなたにとって価値があるもの」と尋ねる頻度を想像することはできません;最後に、テーマを作成することにしました、CMS Wordpressに基づいて「シンプルな」独自の名刺サイトを作成するのに必要な時間を最小限にします。 その後、彼はトピックをwordpress.orgリポジトリにアップロードすることにしました。そこで、トピックはそのニッチを見つけました-いわゆる フレームワークの。 トピックが最上位のリポジトリに入った時点で、同様の機能を持つトピックを見つけることができませんでしたが、状況は変わりました。

前回の発表を読んで読者を悩ませるべきではないと思うので、このトピックで実装されているすべての機能について説明します。 誰かが変更の履歴に興味がある場合、バージョンの履歴を保持しようとしました


すべてのテーマ設定は、別のページ/wp-admin/themes.php?page=functions.php配置されます。このページは、ブックマークに分割されます。

テーマ


Designerには、サブトピックの概念があります。 変更可能なすべての設定をテーマとして保存し、サブトピックを含むフォルダーをFTP経由でコピーすることにより、別のホスティングに転送できます(将来、管理パネルから入力を実装する予定です)。 最近、特定のブログに関連付けられ、他のブログには表示されないサブトピックを作成する機能を実現しました(これは、WP 3.xに基づいてネットワークを整理することに関するものです)。

画像

各サブトピックは、 config.php設定config.phpstyles.cssスタイルstyles.css (wordpressの通常のテーマに似ていstyles.css )。 2番目のものですべてが多かれ少なかれ明確な場合、最初のものは次のとおりです。

 <?php return array( "sidebar" => 'right', // sidebar position 'layout' => array( // layouts styles /* ... */ ), 'title' => array( // title 'pos' => 'left top', // - position 'hidden' => false // - hidden title text ), "content" => array( // content "author" => 0, // - link to author page ), 'comments' => array( /* ... */ ), "footer" => array( // footer text "text" => null, ), "fonts" => array( // fonts /* ... */ ), "menu" => array( // menu with links /* ... */ ), "slideshow" => array( // Slideshow options /* ... */ ), 'design' => array( /* ... */ ), "images" => array( // background images /* ... */ ), "opacity" => 'light', // type of opacity "color" => array( // theme colors /* ... */ ) ); 


このリストからファイルの意味が明確になると思います完全なリストプロジェクトリポジトリで入手できます

そうそう-被写体にたくさんの写真があるかもしれません。

レイアウト



このトピックでは、サイドバーの場所について6つのオプションのいずれかを選択でき、すべてのセクションのサイズをカスタマイズできます。

画像

パターン


7つの利用可能なテンプレートのいずれかを使用するか、独自のテンプレートを作成することで、ブログの情報の表示を簡単に変更できます

画像

「ハット」サイト


このセクションでは、サイトヘッダー(場所)とメニューを設定するためのオプションが削除されました。

画像

サイトメニューは、標準のワードプレス機能を使用して構成することもできます。

内容



ここにはそれほど多くの設定はありません-これは、著者のページへのリンクを表示するオプションであり、投稿のリストを表示するときにウィジェットを表示する場所を選択するオプションです(たとえば、最初の投稿の直後にウィジェットを表示し、そこに広告ユニットを配置します):

画像

投稿を編集するときは、 次のテンプレートのいずれかを使用できます。



サポートされているショートコード


コメント


アバターのサイズとその場所をカスタマイズします。

画像

サイトの「地下室」


ページの一番下に挿入されるように、大きなテキストフィールドのみがあり、著作権またはある種のカウンターに最適です。 HTML + CSS + JavaScript挿入をサポート:

画像

フォント


現時点では、サイトの名前と説明、見出し、テキスト用のフォントをインストールできます。 標準のセーフウェブフォントと、Googleの30以上のフォントフェースフォントから選択できます(キリル文字もサポートされています)。
画像


このタブでは、さまざまなページ要素(見出し、テキスト、境界線、背景)の色を選択できます。

画像

設計


このタブは、このトピック内で変更できるCSS3チップで強調表示されています。

画像

CSS


上級ユーザーの場合、特定のトピックのCSSを変更できます。

画像

画像



このオプションは洗練されたもの用です-さまざまなページ要素に背景画像を設定できます:

画像

要素は次のとおりです。

画像

スライドショー



このタブでは、スライドショーの表示を有効にできます。 デフォルトでは、スライドショーはサムネイル付きの投稿の写真を使用しますが、NextGen Galleryプラグインからギャラリーを使用することもできます。

画像

保存中


現在のすべての変更を独自のサブテーマとして保存して、テーマを更新しても消えないようにすることをお勧めします(wpによるトピックの更新-古いバージョンを削除し、新しいバージョンをインストールします)。

画像

サブテーマはuploads/constructor/themesフォルダーに保存されます

クリーニング


テーマ設定と既存のすべてのカスタムサブテーマをクリアします。

画像

助けて


適切なタブで収集された有用な情報やその他へのリンク。

ウィジェットについてもう少し


このトピックでは、いわゆる ウィジェットの「サイドバー」:



皆のためではない


あなたがネットワークWPの管理者であれば、 constructor/admin/admin.phpファイルに注意することをお勧めします-ここでは、好きではないテーマモジュールを無効にすることができます:

 $constructor_modules = array( __('Themes', 'constructor') => 'themes', __('Layout', 'constructor') => 'layout', __('Templates', 'constructor') => 'templates', __('Header', 'constructor') => 'header', __('Content', 'constructor') => 'content', __('Comments','constructor') => 'comments', __('Footer', 'constructor') => 'footer', __('Fonts', 'constructor') => 'fonts', __('Colors', 'constructor') => 'colors', __('Design', 'constructor') => 'design', __('CSS', 'constructor') => 'css', __('Images', 'constructor') => 'images', __('Slideshow', 'constructor') => 'slideshow', __('Save', 'constructor') => 'save', __('Clean', 'constructor') => 'clean', __('Help', 'constructor') => 'help' ); 


今後の計画




合計



現時点では、 300,000を超えるテーマのダウンロード 、4を超える評価、70の投票があります。 このトピックの作業は報われる ;)

比較のために、次のリンクを確認することをお勧めします(少なくとも、この投稿で役立つものも参照してください)。

Source: https://habr.com/ru/post/J115798/


All Articles