LESSスタイルシートをテーマから読み込む
どの値をカスタマイズ可能にするか決める まず、どの値をカスタマイズ可能にするかを検討しましょう。まずいくつか適当に選んでください（あとで追加できます）。 テーマのメインカラーとして使われ値得るオレンジの色と、主なタイポグラフィ（フォントとフォント色）、それからチームセクションの背景色と背景画像をカスタマイズ可能にしてみましょう。 スタイルシートをLESSファイルに変換する 作成中のテーマのスタイルシートがCSSファイルの場合、まずLESSファイルに変換するところから始めましょう。それから、カスタマイズ可能にする値を切り分けます。 ファイル名を変更 拡張子をlessに変更します。例： templatemo_style.less. 設定ファイルを作成 カスタマイザーでデフォルトで使われる設定値を保存したファイルを作成する必要があります。css/presets/defaults.less ファイ
OnePress（WordPressテーマ）の子テーマ | ウェブデザイン【Y_Y】
A sample child theme for OnePress. Contribute to FameThemes/onepress-child development by creating an account on GitHub. 「onepress-child」というフォルダに「functions.php」「screenshot.png」「style.css」という３つのファイルを入れてWordPressのテーマフォルダにアップロードし、管理画面から通常のやり方でテーマを有効にします。 すると、なんと、これまで親テーマのほうで設定したものが無効になってしまいます！これはちょっと焦ります(笑) そこで、管理画面から「外観」→「OnePressテーマ」→「Recommended Actions」を開いて、親テーマの設定を子テーマにコピーしてあげれば大丈夫です。 「From Them
WordPressのテーマを選ぶ時、ちょっと考えてほしいライセンスとコミュニティの話 - デザイナーのイラストノート
WordPressは「テーマ」をインストールして、ページの見た目や機能を変更することができます。WordPressは世界中にユーザーがいるので、たくさんのテーマが配布されていますが、テーマを選ぶ時、まずは見た目の美しさや機能性に目が行きます。そこでぜひ注目してほしいのはライセンスの違いです。大きく分けると、WordPress.org掲載テーマをはじめとする「ライセンスが100％GPLのテーマ」、「それ以外のライセンスのテーマ」の二つに分けられます。今回は、わたしのようなユーザでも「100％GPL」テーマについて知った方がいい理由について書きます。 ライセンスってなに？ 誰かが作ったものには「著作権」があり、他人が無断で使うことはできません。そこで著作権は作者が保持したまま、「使ってもいいですよ」という許可を与えるものが「ライセンス」です。ライセンスはGPLやMITなど有名なものから、「○○
コーポレートサイトにおすすめのWordPressテーマ【無料・有料】 | うれしデザイン
ブログ・メディアの構築にもお手軽便利なWordPressですが、一般的なビジネスサイト・コーポレートサイトの制作にもWordPressは向いています。この記事は実際に使用された例・サンプルサイトと共に、コーポレートサイト制作にうってつけのWordPressテーマをご紹介していきます。 （基本的には私がカスタマイズで実際に使用・動作を確認し、安心して利用できたテーマをご紹介させていただきます。） WordPressで構築されたサイト例 大阪大学理学研究科・理学部 大阪大学 大学院理学研究科・理学部 大阪大学大阪大学理学研究科・理学部のサイトはWordPressで構築されています。（過去に改ざんなどの被害もあったようですが、WordPressの脆弱性をついたものかは不明。今は適切な対策が取られているようです。） Ｑ＆Ａ一覧 – 大阪大学 大学院理学研究科・理学部 阪大理学部のQ&Aははてなブッ
ThemeRoller | jQuery UI
Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/
WordPressの軽量、高速化！ページ表示にかかる時間は1秒未満、WordPressの無料テーマファイル -Susty WP
WordPressのテーマファイルは年々肥大化されている気がします。もちろん、その分機能が増え、便利にはなっているのですが、小さいサイトを作成する際には不要なものが多くなり、整理するのが大変です。 ページ表示にかかる時間は1秒未満、データ転送量わずか7kBで構築されたWordPressの無料テーマファイルを紹介します。 Susty WP Susty WP -GitHub Susty WPの特徴 Susty WPのデモ Susty WPのダウンロード Susty WPの特徴 2016年の調査によると、Webサイトの平均的な転送量は2.3MBで、この6年の間で333倍になりました。参考: The Growth of Web Page Size Susty WPはWordPressのサイトをいかに小さく構築するか、高速化に特化された超軽量のテーマファイルです。ベンチマークでは、最初のバイト（TT
無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
WordPressのテーマを強制的にデフォルトに戻す方法
［2015.9.16追記］ 久しぶりにこのスクリプトを使う事案が起きたので、最新のデフォルトテーマ（Twenty Fifteen）で試したところうまくいきました。 ［2012.10.22追記］ WordPressの関数 update_option() を使う、よりすっきりしたコードを追記しました。 ［2012.10.29追記］ 「WordPressアドレス(URL)」と 「サイトアドレス (URL)」をデフォルトに戻す方法もまとめました。 テーマをいろいろ切り替えて遊んでいるうち、うっかりバギーなテーマを掴んでどうにもならなくなったときにデフォルト（記事執筆時点では『Twenty Eleven』）に戻すスクリプトを紹介します。当初は、データベースを直接操作する方法を載せようと思ったのですが、汎用性を高めるためにPHPスクリプトにしてしまいました。 以下のスクリプトを reset.php の
魅力的なブログ制作に！ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」
魅力的なブログ制作に！ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」 写真や動画を気軽にシェアしたり、テキストを投稿できるTumblrは、手軽にブログを始められる人気のサービス。フリーのテーマを使えば、既存のブログサービスよりもおしゃれでデザイン性の高いブログを手軽に始めることが可能です。今回ご紹介するのは、そんなブログに最適なおしゃれなフリーのTumblrテーマをまとめた「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」です。 20+ Best Free Tumblr Themes For Powerful Blogging in 2017 ブログのデザインにもこだわりたいと言う方にぴったりな、ハイクオリティなT
2018年にリリースされた良質なWordPressテーマ「10 of the Best WordPress Themes for 2018」
TOP > WordPress > 2018年にリリースされた良質なWordPressテーマ「10 of the Best WordPress Themes for 2018」 Webサイトを構築する上でWordPressは、サイト作成や更新が今までのツールよりも簡単にできる点でもとても魅力的なツールです。今回紹介するのは、2018年にリリースされた良質なWordpressテーマ「10 of the Best WordPress Themes for 2018」です。 TheGem – Creative Multi-Purpose High-Performance WordPress Theme by CodexThemes 様々なシーンで活用できるWordpressテーマが数多く紹介されているまとめです。 詳しくは以下 BeTheme カスタマイズ可能な300種類以上のテーマが揃
BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」
GridboxはBootstrapやFoundationに対応のテーマビルダーです。無料で利用可能で、ドラッグ&ドロップでコンテナを追加、index以外の別ページの作成、細かなデザイン設定、RWDのプレビュー確認機能、などもついています。 また、URLが発行されるのでプロトタイプを第三者に確認して貰うこともできます。勿論、任意の画像のアップロードやサンプルとなるテーマをフォークして施工する事も可能。コンポーネントも大量に用意されていおり、いずれもD&Dで追加できるようになっています。 さらに、HTML/CSS/JSのコードを直接書いて編集できるコードエディタ機能も付いています。高性能なので多少時間的な学習コストはかかりそうですが、ここまで作りこめて無料なのは凄いなぁという印象でした。 唯一、ちょっと不安なのはビジネスモデルが謎な点ですかね・・有料プランも無いようですし、ベータ版でも無いよう
オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
bootstrap.buildはBootstrap4のテーマビルダーです。OSSとしてソースも公開されています。コアの設定だけでなく、各コンポーネントの設計も可能で、コンポーネントごとに設定ページも分けられているので作りやすい印象です。Googleフォントやカラーピッカー、SASS等もサポート。この性能でOSSは凄いですね。ライセンスはMIT。 bootstrap.build ご挨拶。本年の更新は以上となります。見てくださった方、ありがとうございました。 少しご意見も頂き、今年中に多少改善できたかなと思います。 なかなか時間が取れず淡々と更新する日々ですが、来年もなんとか暇を見つけて改善していきたいと思います。 新年は4か5日あたりから再開いたします。2018年もどうぞよろしくお願いいたします。
時短や参考に！Webデザインに役立つフリーのWordPressテーマまとめ「25 Free Responsive WordPress Themes For Every Website」
時短や参考に！Webデザインに役立つフリーのWordPressテーマまとめ「25 Free Responsive WordPress Themes For Every Website」 ブログの更新など、何かと便利なWordPress。Web制作に積極的に取り入れている方も多いのでは？今回ご紹介するのは、そんなWordPressを使ったハイクオリティなテーマをまとめた「25 Free Responsive WordPress Themes For Every Website」です。 Illdy – Free One Page WordPress Business Theme – Colorlib Webデザインに役立つレスポンシブなフリーのWordPressテーマが、25種類もまとめられています。そのなかから更に、おすすめのテーマを選んでご紹介しますので是非ご覧ください。 詳しくは以下 F
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」
HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているのはFOSS(Free/Open Source Software)で配布されるいくつかのテーマ、チートシート、Photoshop向けのグリッドや勉強用テーマ、有償のテーマが１つといったところでした。開発者向けとの事でしたが、すでにスタイリングは完成されている印象で個人的にはあまり装飾せずにコンポーネントを含めてもらえた方が良い気もしました。と思いましたけど、デザインしなくても済むように、というプログラマーさん向けの配布プロジェクトという意味なのかな。これから増えていくと良いですね。 HackerThemes
子テーマを作ってWordPressの既存テーマをカスタマイズする方法
2017年5月1日 Wordpress いまやブログだけではなく、会社紹介のWebサイトやポートフォリオサイト、ECサイトに至るまで、様々なタイプのWebサイトで利用されているCMS、WordPress。すでにデザイン・コーディングが済み、自由に利用できる既存のテーマも豊富に配布されています。今回はそんな既存のWordPressテーマを使うメリットや、子テーマを作成してカスタマイズする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの既存テーマを利用するメリット ちょっと検索すればたくさんのWordPressの既存テーマが見つけられます。既存テーマを利用すると、どんなメリットがあるのでしょうか？ 制作時間を短縮できる こういった配布されているテーマを使うメリットは、なんといっても制作時間の短縮。豊富なテーマの中には、自分の思い通りのレイアウトのものも見つけら
無料テーマ配布終了と今後のサポートについて
日頃はFLATのテーマをご利用いただき、ありがとうございます。 この度、当社ビジネスモデルの変更などに伴い、無料テーマの配布を終了させていただきました。 ご理解のほど、何卒よろしくお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OnePress – Just another FameThemes Demos Sites site
テーマ
無料パララックスのWordPressテンプレート13選 | sounansa.net
