ブックマーク / websae.net (7)

  • WordPress 子テーマにおける『style.css』の記述方法

    著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 💬 𝕏(twitter)はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2012 軽く『子テーマとは?』 WordPressの子テーマは、テーマのアップデートによる影響を受けずに、サイトのデザインや機能を自分好みにカスタマイズしていける方法です。 時が経っても全然アップデートされないテーマを使っている場合は、子テーマによるメリットはあまりありませんが、積極的に新機能を追加しバージョンアップされているテーマを使うときは、子テーマを用意した方が安全かつ便利です。 では、記述方法 子テーマは少なくともstyle.css

    WordPress 子テーマにおける『style.css』の記述方法
    takaken1123
    takaken1123 2016/12/31
    [2016-12-31 10:22]
  • アイキャッチ画像の作り方。Photoshopとかじゃなくて他に簡単な方法はないですか?

    はい、これをどうぞ。 ブログのアイキャッチ画像やホームページのバナー画像を作るぐらいなら、これでじゅうぶん。 canvaというサービスです。ブラウザから無料で使えて、操作も簡単。デザインを良くするフリー素材も付いてきます。 無料でcanvaを使ってみる 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 Follow @websae2012 ちなみに記事の画像もすべてCanvaを使って作成しました (gifアニメ以外) 作り方はこんな感じ。canvaを使えばこうもスピーディーに素敵な画像を作成できます。 だれでも、すぐにマスターできそうなくらい操作は簡単なのですが、親切にもチュートリアルを用意してくれて

    アイキャッチ画像の作り方。Photoshopとかじゃなくて他に簡単な方法はないですか?
    takaken1123
    takaken1123 2016/12/22
    [2016-12-22 15:04]
  • Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】

    契約書なしの口約束でお仕事を受けてませんか? 自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。 でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。 例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。 ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。 確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。 でも、契約書がたった1枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。 この記事のタイトルには「モンスタークライアントから守る」と書きました。 実際は、契約書は制作を受ける側のあなただけを守る

    Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】
    takaken1123
    takaken1123 2016/12/15
    [2016-12-15 15:39]
  • HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

    気でweb制作仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

    HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
    takaken1123
    takaken1123 2016/12/08
    [2016-12-08 0:42]
  • 無料で30枚!スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる これっ! 太っ腹すぎて降参です。 こんなにクオリティの高いHTMLテンプレートを無料で放出するなんて。僕にはできん! と感嘆の声をあげながら、レスポンンシブでスマホ対応可能なシングルページばかりを集めました。 一枚のhtmlファイルをメインに構成されてるので、初心者でもソースを理解しやすく、Web系じゃないフリーランスやクリエイターのヒトもポートフォリオやプロフィールページの作成に活用できると思います。 ランディングページとして新商品やアプリのキャンペーンに利用してもいいかも。 ちなみにHTMLテンプ

    無料で30枚!スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました
    takaken1123
    takaken1123 2016/10/12
    [2016-10-12 0:06]
  • 超倍速でWordPressオリジナルテーマ作成!骨だけ「Bones」の使い方をザックリと

    【発表】WP テーマ選びで悩んでる? 日語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。(当人比。ちなみに、その他のブランクテーマは下記リンク先を) 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones=骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ

    超倍速でWordPressオリジナルテーマ作成!骨だけ「Bones」の使い方をザックリと
    takaken1123
    takaken1123 2016/09/20
    [2016-09-20 0:21]
  • Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする

    実は、bootstrapの知識だけでは足りません(涙) 気でweb制作仕事にしたいなら、現場で通用する実践的なスキルを「短期集中」で身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら Bootstrap、使ってますか? 便利ですよね。その便利さを物語るように、当にいろいろなサイトで利用されてます。 ネットで配布されてるWordPressのテーマやHTMLテンプレートのベースに使われていることも多いです。気づいてないうちに使ってしまっているひとも、たくさんいることでしょう。 今回は、便利なのだけど、使いこなすには少し理解が難しい「bootstrapのグリッドシステム」について解説します。bootstrapでレスポンシブデザインを作るとき、欠かせないテクニックです。 グリッドシステムは、頭で理解しようとせず、目で見て

    Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする
    takaken1123
    takaken1123 2016/09/04
    [2016-09-04 14:19]
  • 1