ポートフォリオのWordPressテーマの紹介 - そしてその背後にあるデザインの決定

SitePointは、デザイナー、作家、アーティストなどのクリエイティブに作品を披露するための最小限のオープンなプラットフォームを提供することを目的とした、新しいプレミアムWordPressテーマ「Portfolio」を壮大に立ち上げました。このテーマは、SitePointによってDroitlabのデザイナーShahadatと協力して開発されました。

コアデザインコンセプト

ポートフォリオテーマの設計上の決定は、タイポグラフィ、画像、ギャラリービュー、および粒子のジオメトリ効果をカバーしています。このテーマでは、Ralewayフォントをタイトルとして使用し、テキストとして通常のフォントを開いており、どちらもアイコンの軽量でシングルラインの厚さスタイルを刺激します。ギャラリービューは、四角いタイルレイアウトでビジュアルを表示することに焦点を当てていますが、粒子のジオメトリはヒーローエリアに微妙な驚きの美しさを追加します。

ポートフォリオテーマは非常にカスタマイズ可能であり、ユーザーは個人的なスタイルやブランドに合わせて色、フォント、レイアウトを調整できます。また、レスポンシブデザイン、SEO最適化、さまざまなプラグインとの互換性などの機能が含まれているため、クリエイティブな専門家にとって多用途のオプションになります。

カスタムテーマ開発の詳細については、SitePoint Advancedコース「WordPressテーマ開発」をご覧ください ご存知かもしれませんが、SetePointは私たち自身のプレミアムWordPressテーマを提供するようになりました。私たちの最新の（私たちは）最も魅力的なテーマは「ポートフォリオ」と呼ばれます。私たちは、非常に才能のあるデザイナーであるDroitlabのShahadatと緊密に協力して、デザイナー、作家、アーティスト、さらにはフロントエンドのコーダーが才能を披露するための理想的なプラットフォームを作成しようとしました。設計目標は「シンプルで、オープンでミニマリスト」です。

以下では、このトピックの設計を促進する重要な決定を分析します。

フォントの選択：RalewayとOpen Sansレギュラー

1. フォントの選択は常に困難です。他の設計上の決定は、デザインの全体的な感覚に非常に包括的に影響を与えることはないと言えますが、それはユーザーにとって非常に見えません。ユーザーは毎日Facebookで何千もの単語を読むことができますが、平均的なユーザーに使用されるフォントを説明させると、おそらくウインクと肩をすくめます。

SitePoint WordPress Portfolio Themasshot

ポートフォリオのタイトルについては、Matt McInerneyが作成した非常にエレガントな作品であるGoogle Font Catalog -Ralewayからお気に入りのSSANSセリフフォントを選択しました。

なぜそんなに好きなのですか？その「W」を見てください！

Ralewayは、1930年代および40代の郵便局、学校、公共の建物で見たフォントのように、曲がった機械的な鋼鉄の外観を持っています。それは常にシャープですが、過度にではありません。

オープンサンズレギュラーは、ボディタイプに最適です。 Ralewayよりも多用途ですが、Neo-Groteskの多くの機能を共有しています。これは、いくつかのユニークなミッドセンチュリーの装飾（「W」など）を差し引いています。同じページでスペースを簡単に共有できます。

2. 画像の選択

タイポグラフィは、選択したアイコンの方向を指摘しています。 RalewayとOpen Sansの両方が通常の軽量のシングルワイヤの厚さを使用しています。

手作りのワイヤーフレーム画像— madebyjoel.com

本物のワイヤーの彫刻（Madebyjoel.comのこの作品が素晴らしい）を見てきたので、アイコンの「ワイヤー製品の外観」を続け、線形アイコンを組み合わせたいと思っていました。単一のアイコンセットには必要なものがないため、線形アイコン、ETアイコン、カスタムハンドドラウンドアイコンなど、複数のソースから新しいアイコンライブラリをまとめました。

それらはすべて明確なSVG形式であるため、アイコンから注目のイラストまで、ほぼすべてのスケールで適切に動作します。

3. ギャラリービュー

ポートフォリオWebサイトで最良の結果を紹介することが常に重要です。各ユニットを雑誌のようなモーダルに開く前に、四角いタイルギャラリーのレイアウトにビジュアルを表示することにギャラリーを集中させます。カテゴリごとに画像をフィルタリングするか、すべてをオープンコレクションとして閲覧できます。

4. 粒子幾何学的効果

ヒーローエリアを開いて整頓したいのですが、この重要なパネルには微妙な予期しないタッチが場違いになるとは思いません。ここで達成した粒子は、この要件をうまく満たしています。穏やかで魅力的です。

フローティングノードと接続ベクトルは、クリエイティブの生成とつながりのテーマを示唆しています。これは、デザイナー、作家、コーダーに関連するスキルです。デザインにテクスチャと深さを追加しますが、ページ上のより重要な要素、この場合はあなたの注意を引くことはありません。これは良いことです。 粒子効果は軽量のJavaScriptとCanvasでレンダリングされ、荷重と迅速な実行を行い、あらゆるスペースに拡大することができます。私たちは、独自の粒子効果を作成できるようにする方法に取り組んでいます。

概要

これは、このプロジェクトの背後にあるデザインのアイデアの概要です。ポートフォリオはこれまでの最高の仕事であると思います。また、すぐにシャハダットと仕事をすることを楽しみにしています。

あなたの考えをチェックして教えてください。

ポートフォリオワードプレスのテーマとデザインの決定に関するよくある質問

他のテーマと比較して、ポートフォリオのWordPressテーマのユニークなものは何ですか？

Portfolio WordPressのテーマは、あなたの作品を中心に置くシンプルさ、ミニマリストのデザインで際立っています。それはあなたの作品を専門的で視覚的に魅力的な方法で提示するように設計されています。テーマは非常にカスタマイズ可能で、個人のスタイルやブランドに合わせて色、フォント、レイアウトを調整できます。また、レスポンシブデザイン、SEO最適化、さまざまなプラグインとの互換性などの機能が含まれているため、クリエイティブな専門家にとって多用途のオプションになります。

ポートフォリオのWordPressテーマはどの程度カスタマイズ可能ですか？

ポートフォリオWordPressテーマは、高いレベルのカスタマイズを提供します。ブランドや個人的なスタイルに合わせて、色、フォント、レイアウトを簡単に変更できます。また、カスタムポストタイプと分類法をサポートしているため、作業に合った方法でポートフォリオを整理できます。また、さまざまなプラグインと互換性があるため、好きなように追加の機能を追加できます。

ポートフォリオのWordPressテーマは応答しますか？

はい、ポートフォリオのWordPressテーマは完全に応答します。これは、デスクトップコンピューターからタブレット、スマートフォンまで、画面サイズに合わせて自動的に調整することを意味します。これにより、ポートフォリオが素晴らしく、あらゆるデバイスで簡単に閲覧できるようになります。

ポートフォリオのWordPressテーマはSEOをどのようにサポートしていますか？

Portfolio WordPressテーマは、SEOを念頭に置いて設計されています。これには、検索エンジンを簡単にクロールしてWebサイトのインデックスを作成するためのきちんとした最適化されたコードが含まれています。また、SEOプラグインをサポートし、コンテンツとメタデータをさらに最適化して、検索エンジンのランキングを改善できます。

ポートフォリオのWordPressテーマでプラグインを使用できますか？

はい、ポートフォリオWordPressテーマはさまざまなプラグインと互換性があります。これにより、連絡先フォーム、ソーシャルメディア統合など、追加機能をWebサイトに追加できます。

ポートフォリオのWordPressテーマを使用して私の作品を整理する方法は？

ポートフォリオのWordPressテーマは、カスタム投稿の種類と分類をサポートしているため、自分に合った方法で作品を整理できます。さまざまな種類の作業のカテゴリ、関連するキーワードなどのタグアイテムなどを作成できます。

ポートフォリオWordPressテーマはどのようなサポートを提供していますか？

Portfolio WordPressテーマには、開始を支援する包括的なドキュメントが付属しています。問題がある場合は、サポートチームにお問い合わせください。

ポートフォリオワードプレステーマは非デザイナーに適していますか？

絶対に！ポートフォリオのWordPressテーマは、ユーザーフレンドリーになるように設計されており、Webデザインのバックグラウンドがない人でも使用できます。テーマオプションパネルは直感的で使いやすく、テーマには詳細なドキュメントが付属しています。

非折りたたサイトにポートフォリオWordPressテーマを使用できますか？

ポートフォリオWordPressテーマはポートフォリオを念頭に置いて設計されていますが、さまざまなタイプのWebサイトで使用できるほど多用途です。シンプルでミニマリストのデザインとカスタマイズ可能な機能により、ブログ、商業Webサイトなどに最適です。

ポートフォリオのWordPressテーマで私の最高の仕事を紹介する方法は？

Portfolio WordPressテーマには、最高の作業を紹介するのに役立つさまざまな機能が含まれています。素晴らしいホームページスライダーを作成し、ホームページで最新のプロジェクトを紹介し、簡単な閲覧のために作業をカテゴリに編成できます。さらに、各プロジェクトには詳細な説明、画像などを含めることができ、コンテキストを提供し、作品の背後にあるストーリーを伝えることができます。

以上がポートフォリオのWordPressテーマの紹介 - そしてその背後にあるデザインの決定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。