はてなブックマーク

こんにちは！ゆうこ(@chibiyuko_0124)です！ WordPressの固定ページで超絶便利なsrcsetを使ってみたところ、ショートコードがそのまんま表示されるという事象に遭遇してしまいました！ 検索しまくって無事に解決したのでその方法をここに記します◎ 現象の詳細 WorPpressの固定ページにはphpが書けないので、funstions.phpでショートコードを作成しなければなりません。 なので、テンプレートディレクトリを指定できるように下記のようなショートコードを作成したのです。 ★functions.phpにカキカキ function templateDirectory() { return get_template_directory_uri(); } add_shortcode('template', 'templateDirectory'); ★固定ページにこう書い

結構な頻度で大変お世話になっているリボン素材。 ネットに転がっている素材を使わせていただいてましたが、文章量と形が合わないことがしばしばありました。 使わせていただいているだけありがたいのですがね…。 ということで、自分でつくってみました！！ ダウンロードできるようにしておりますのでぜひぜひ使ってやってくださいまし（^人^） ダウンロードはこちらから 6種類のパターンを作成しました。 ブラシなので、好きな長さ・形にできます♡ どれもアレンジを前提とした超ベーシックなものなので、もちろん無料で商用利用もOK！ 加工の上限も設けていません。好きにシチャッテクダサイ♡♡♡ ただし、素材そのものの配布だけはご遠慮ください（-人-） ここでしかダウンロードできないようにしたいですう…。 ベクター版とブラシ版のふたつのaiが入ってるよ！ ベクター版は、パスをアウトライン化して調整したものです。 （アン

こんにちは！ゆうこです。 ずいぶん久しぶりな更新になってしまいました…。 今回は自分のメモのための記事で、WordPressサイトをリニューアルする際の構築法や公開の流れを更新しまっす！ リニューアル用のWordPressはこんな風に構築すべし！ 1.新しくインストールしたWordPressに構築すべし！ 公開中のものとは別で、新たにWordPressを入れます。 リニューアル用のサイトはその中でガスガス構築していきます◎ 大抵は、こんな風に公開ディレクトリの中にWordPressディレクトリが入っていると思います。 2.ベーシック認証をかけるべし！ 関係者しかアクセスできないようにベーシック認証をかけます。 WordPressのプラグインもあるよ！ →アクセス制限（BASIC認証）をかけるプラグイン「WP Basic Auth」がめちゃ便利！ →カテゴリーページや固定ページ等でBasic

こんにちは。ゆうこ(chibiyuko_0124)です。 デザイン作業をしているときに、「この画像ベクター化したいよなあ」なんてことがあったりしますよね。 素材がpngしかなかった～とか、アナログで描いたものをトレースしたいとか。 そんな時はIllustratorの「画像トレース」がオススメでごわす！ 画像トレースはカンタン！3ステップでできちゃいます 今回はこの3つのアイコンで試してみようと思います。 素材はiconmonstrさんからいただきました◎ ※画像トレースは、IllustratorCS2から搭載されている「ライブトレース」が進化したものっぽいです！ 1.画像を選択して、上部の「画像トレース」をポチ 画像を選択すると、上部のバーのところに「画像トレース」ってのが出現します！ それをポチるなり！ 2.さらに「拡張」をポチっとな 「画像トレース」を押すと、画像がパスっぽくなります。

長いので、カンタンですが目次を作成しました。 めっちゃ手間がかかるので、スクショ画面をよ〜〜く見て、本文をよ〜〜く読んでチャレンジしてみてください！ CSV＋Photoshop データセットでできること 文字の差し替え CSVの各行に入力された文字ごとに差し替えることができます。 特定のファイルでの背景色やキャラクター等の差し替え 例えば都道府県の画像をつくるとして、「東京都だけ背景に柄を入れる」といったことができます！ 量産したPSDのファイル名の指定 CSVに入力していれば、ファイル名も指定できます。 実際にサンプルのファイルで試してみましょ（◍•ᴗ•◍） こんな画像を量産するよ 試しにこんな画像を量産してみることにしました！ うさちゃんが「あ〜ん」の五十音を発している画像です。 画像ごとに変わる部分はここ↓ ひとつひとつの詳細についてはこれから説明しますが、すべて同じ階層内に保存する

カンタン！春かわいいデザインテク★IllustratorやPhotoshopで文字に花柄を重ねておしゃれにしちゃおう！ こんにちは。ゆうこです。 今回はカンタンで春かわいいデザインテクを紹介します！ 文字に花柄を重ねるだけでなんだかとってもオシャレに見えるテクニックです♡ Illustrator、Photoshopどちらでもできますが、今回はIllustratorでのやり方を紹介します。 【下準備1】まずは花柄素材を用意しよう 今回はこちらの素材をお借りしました。 Seamless Floral Backgrounds Vector 2／商用利用OK 【下準備2】Illustratorを起動！花柄素材をスウォッチに登録しよう ダウンロードした花柄素材はベクターデータなのでIllustratorで開けます。 メニューの「ウィンドウ」から「スウォッチ」をポチします。 新規作成したキャンバスにベ

こんにちは。ゆうこ(chibiyuko_0124)です。 最近はもっぱらWeb系のお仕事が多いのですが、久しぶりにイラスト案件をいただけて楽しかったよ～o(*･ﾛ･*)o 今回はIllustratorでのイラストが完成するまでの流れを晒します！ イラストのお題 ・魔女コスの女性 ・手には不思議な薬品を持っている ・40代くらい ・明るくて親しみやすい雰囲気 実在する人物をイラスト化するので、イメージは湧きやすかったよ！ 下絵を描く そこらへんの紙に下絵をかな～りざっくり描いてイメージをふくらませるよ。 わたしは下絵など最初の案出しのところではアナログの方が捗ります◎ この絵をiPhoneでパシャります。 Illustratorに配置する 撮影した下絵をDropbox経由でPCに取り込みます。 イラレのキャンバスに配置して、画像の表示濃度を20%くらいで表示。 100%だと濃すぎるのでこれく

コンニチハ！ゆうこ(chibiyuko_0124)です。 今作業しているWordPress案件で、「新着記事を1ページ目は5件表示したいけど2ページ目では10件表示したい」なんてことがありました。 そのやり方を自分用のメモのためにもここへ記します！ 1.functions.phpに記すべし！ functions.phpに以下をザザーっと入れ込むとOKです。 function change_posts_paging($query) { if ( is_admin() || ! $query->is_main_query() ) return; if ( $query->is_post_type_archive( '投稿タイプを入力' ) ) { $query->set( 'posts_per_page', '5' );　//1ページ目に表示する記事数 } $paged = get_query

便利すぎて震えた！一発で画像が切り出せる「Photoshop 画像アセット機能」がないと生きていけなくなりました デザインの制作ソフトはPhotshopが7割を占めるゆうこ(chibiyuko_0124)です！ CC(バージョン14.1以降)から新たに追加された機能「画像アセット」が便利すぎて便利すぎて泣けちゃうくらいとにかく便利で、毎回ありがたく利用させていただいています。 レイヤーにファイル名と拡張子をつけるだけで一気に画像が切り出される、WEB屋には必見なこちらの機能をご紹介します！ 画像アセットとはなに？どう便利なの？ レイヤーやレイヤーグループにファイル名(拡張子入り)をつけ、個々の画像として切り出される素敵機能 例えば「レイヤー1」となっている画像を「images1.jpg」とすると、「images1.jpg」という画像が生成されるのです。 スライスや個々の画像に分けて保存する

フリーランスでお仕事をいただく際に必ず出てくる「見積もり算出」。 どのような作業が発生して優先順位や工数はどんなものか、どんな技術を使うか…などなど、考えることがたくさんあります。 正直自分で算出した額に「これでいいのかな…」なんてモヤモヤしてしまうこともしばしばあります。 今回は見積もり算出の際に参考になるサイトをまとめました！！ Web制作の料金相場/早見表【2013年 クラウドソーシング版】 Web制作の料金相場/早見表【2013年 クラウドソーシング版】 2013年に作成されたものですが、トップページや下層ページのデザイン、コーディングやアイコン制作など、様々な相場が掲載されています。 必見！見積の参考になるフリーランスのWebサイト制作の料金表まとめ 2014年 必見！見積の参考になるフリーランスのWebサイト制作の料金表まとめ 2014年 フリーランスのwebデザイナーが公開し

せっかく良い加工法を見つけてもすぐに忘れてしまうニワトリ頭な自分へのおさらいも兼ねて！ Photoshopでうさぎさんをイラストチックに変身させてみました(*´ω｀*) 解像度の低い写真を拡大して使いたい時や、リアルテイストではなくベタっぽく加工したい時におすすめです。 今回はこのうさぎちゃんを拝借 高品質な写真が無料でダウンロードできる「PAKUTASO」さんからいただきました＊ うさぎかわええ…。いつか大久野島(うさぎの島)でうさぎまみれになりたい…… 1.まずはざっくり切り抜きます イラストタッチにするんでざっくざくで良いです～(ˇωˇ) このデータはDTPでは使えませんなｗ 2.レイヤーを量産しておこう(3枚で十分です) 切り抜いたレイヤーを3枚コピーします。 画像ではそれ以上に量産していますが気にしないでね！！ ちなみにわたしは加工する時はいつもバックアップ用に1枚余分にレイヤー

吹き出しって、意外と結構使うし、デザインにも迷いませんか！ ちょっとしたものなんだけど、色や形を少～し変えるだけでデザインバランスが大きく左右されたりするんで大事な要素です。 今回はガーリー系や女性向けのデザインを制作される際に役立つこと間違いなし！ Illustrator、Photoshopを使った手書き風ふんわり吹き出しの作り方をご紹介します！ 型はフリーの素材サイトからいただこう！ いつも大変お世話になっている「吹き出し素材専門サイト：フキダシデザイン」さまの素材を利用させていただきました！ さまざまなテイストや形のものがあって、どれもクオリティが高いし商用利用OKということでもうほんと大好きすぎる素材屋さんです* その中でも今回はこの吹き出しを… 輪郭線のない、ベーシックな形のものを使いました。 （わかりやすいようにあえて黒くしています。配布時は白だよ。あと左右反転してます。） 1

つるんとした輪郭線も好きですが、モコモコにするとさらに温もりがプラスされます◎ イラレの「効果」→「パスの変形」の「ラフ」機能、捗りすぎ～！！(*´ω｀*) 今回はその機能でちょっと遊んでみました。（前回の記事で使用したイラストで失礼しますm(_ _)m) before→after 拡大図 拡大してみるとこーんな感じ。細かくぶるぶるしてます！ こんな風にペンがにじんだような効果も出せますし、もっと目が粗くてガクガクしたものも作れます(*´ω｀*) ラフ機能の詳細 サイズ どれだけ「ラフ」を深くするかが指定できます。 数値が大きくなるほどぶるぶるが深くなってダイナミックになるよ！ %かpxなどで指定できる入力値のどちらかが選べますが、わたしは入力値の方がわかりやすくておすすめ！ 詳細 ぶるぶるの細かさ(間隔)を指定します。 数字が大きくなるほど小刻みになるよ！ ポイント 丸くするかギザギザに

こんにちは。あっという間に2019年が終わっちゃいますねー！ このブログも停滞したまま12月になってしまいました…。 とりあえず2019年を振りかえろうと思いますー。 息子2歳になる。おしゃべり上手になる 10月で息子が2歳になりました♡ 1歳後半からちょっとずつ言葉が出てきてどんどん会話ができるようになってます。 イヤイヤが出てきたのがちょっと面倒だけどあいかわらず超超超甘えん坊です。 ちょっとした移動も基本抱っこだし、登園はおんぶ。 寝ている時はのしかかられるし、抱えるようにぴったりくっついているから寝返りが打てず身体がギチギチ。 食事もわたしのひざの上で、わたしがお口までスプーンを運んでなんとか食べてくれている状態です。 でも、保育園では自分でがんばって食べているし、おうちではかなり甘やかしているよーー！ 定期発注のお仕事をゲットする 妊娠してから在宅フリーランスとしての収入の柱はと