2019年

2/3ページ

WordPress(ワードプレス) プラグインなし!1クリックでアイコン付き吹き出しを表示する方法
WordPress(ワードプレス) プラグインなし!1クリックでアイコン付き吹き出しを表示する方法

  • 2019.06.30

こんにちわ。めんどいことは極力排除したいマン、ナコです。 私はとにかくめんどくさがりなので、楽ちんに楽しい記事がかけるよう日々研究しています。 (ほんとはアタマに浮かんだ言葉全部自動で入力して欲しいよ!…

HTMLとCSSでtwitter風画面をブログ記事やサイトに表示する方法
HTMLとCSSでtwitter風画面をブログ記事やサイトに表示する方法

  • 2019.06.27

話題になっているネタを厳選して並べたい 自分のツイートで特定のタイムラインだけ抜粋したい・・・ twitterはつぶやきの埋込APIを提供していますが、タイムライン全て、もしくは1件しか引用できないので自由自在…

PhotoshopCCを使って人物画像をレタッチ。30秒で美男美女に変身させる方法
PhotoshopCCを使って人物画像をレタッチ。30秒で美男美女に変身させる方法

  • 2019.06.25

人物画像のレタッチは難しいし不自然になる…そんなイメージがありませんか? Photoshop CC 2015.5 リリースで導入さたゆがみフィルターには、目、鼻、口などの顔の特徴を自動的に識別し、それらを簡単に調整できる…

CMS

【EC-CUBE3】特定の市内・市外・区・市町村単位で送料を変更するカスタマイズ(複数対応可能)
【EC-CUBE3】特定の市内・市外・区・市町村単位で送料を変更するカスタマイズ(複数対応可能)

  • 2019.06.24

「EC-CUBE(イーシーキューブ)」は、株式会社ロックオンのEC構築パッケージを誰でも無料で利用・改変できる「オープンソース」として公開したものです。ダウンロードは無料。必要な機能は揃っているので、すぐに開…

HTMLとCSSでLINE風チャット画面(会話方式)を記事に表示する方法(ほんとに売ってるラインスタンプイラスト41個付き)
HTMLとCSSでLINE風チャット画面(会話方式)を記事に表示する方法(ほんとに売ってるラインスタ…

  • 2019.06.21

会話方式で記事の導入を書きたい!! 他のブログさんで会話方式やってらっしゃるのを見て、 「やっばいやん、めちゃ読みやすいやん」と感銘を受けたナコです。 自分視点が多くなるブログで、 他人のツッコミ風に使…

WordPress(ワードプレス)カスタマイズ!プラグインなしで画像のaltが空の場合に記事タイトルを自動入力する方法
WordPress(ワードプレス)カスタマイズ!プラグインなしで画像のaltが空の場合に記事タイトル…

  • 2019.06.18

WordPressで記事を書く時、画像のalt要素を全て指定するのって面倒だなーと感じた事ありませんか? ・メディアを追加時に指定する「代替テキスト」はノートPCだと若干隠れてて編集しにくい ・大量に画像がある時、…

webpackをアップデートしたらgulpfile.jsにautoprefixerの設定書いてるとエラー出るようになったのでpackage.jsonへ移動する
webpackをアップデートしたらgulpfile.jsにautoprefixerの設定書いてるとエ…

  • 2019.06.17

webpackを入れ直してコンパイルするとautoprefixerでエラーが出るようになったので解決方法です。 エラー内容 Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.jso…

Gulp v3系からGulp v4系へ移行する時 一番簡単な方法
Gulp v3系からGulp v4系へ移行する時 一番簡単な方法

  • 2019.06.17

Gulp v3系からGulp v4系へ移行するとエラーがでてコンパイルできなくなります。 それはgulpfile.jsの書き方が変わった為です。 エラー内容 例えばこんなエラーが表示されます。 throw new errors.AssertionError({ …

WordPressで現在表示しているページのURLを取得する方法
WordPressで現在表示しているページのURLを取得する方法

  • 2019.06.17

こんにちわ!ナコです。 WordPressでサイトを構築していて、 「今表示してるページのURLなんだっけ?」 って時ありませんか? 本来ならget_the_permalinkで取得できますがうまくいかない… そんな時はfunction.phpに…

WordPressに「Font Awesome」を読み込んでWEBアイコンフォントを使おう【CDN編】
WordPressに「Font Awesome」を読み込んでWEBアイコンフォントを使おう【CDN編…

  • 2019.05.22

こんにちわ!ナコです。 ブログを書いていてアイコンを使いたい時、ありませんか? 今回は1行追加するだけで沢山のアイコンをブログに表示できる 「Font Awesome」のCDNでの導入方法と使い方を紹介します! 「Font …

WordPress内のwhile文を使ったループ内で一覧の最初と最後だけ特定の要素を表示する方法
WordPress内のwhile文を使ったループ内で一覧の最初と最後だけ特定の要素を表示する方法

  • 2019.05.14

WordPressでサイトを作っているとループの最初と最後だけ特定のタグを追加したいという時がやってきます。 リストは</p> <li>タグでループしたらOKだけど <ul>タグは1回でいいなぁ〜 なんて時は…

WordPressで特定のカテゴリーだけ除外する方法4つを紹介するよ
WordPressで特定のカテゴリーだけ除外する方法4つを紹介するよ

  • 2019.04.24

こんにちわ!ナコです。 WordPressで条件分岐をしていて、特定のカテゴリーだけ表示、特定のカテゴリーとそれ以外で表示は調べるとすぐ出てくるのですが、 特定のカテゴリーだけ除外する方法はなかなか見つけにくい…

CSS

【コピペOK】CSSだけで要素をくるくる回転させるアニメーションを実装するサンプル
【コピペOK】CSSだけで要素をくるくる回転させるアニメーションを実装するサンプル

  • 2019.04.17

CSSだけで要素が回転するアニメーションを作成してみましょう! コピペするだけで動く縦・横・全体の回転方法を紹介します。 CSSでは@keyframesでアニメーションのタイムラインを指定出来ます。 ここにいろいろ書く…

Vagrantでローカル環境構築時「default: Warning: Authentication failure. Retrying…」エラーが出る時の対処法
Vagrantでローカル環境構築時「default: Warning: Authentication…

  • 2019.04.09

Vagrantでローカル環境構築時default: Warning: Authentication failure. Retrying...エラーがでまくって困ったので対処法メモです。 環境 MacOS High Sierra Vagrant 2.2.4 エラー内容 Bringing machine ‘de…

梅田から車で30分。彩都西で1日遊ぶ!子連れで楽しめるスポット7選
梅田から車で30分。彩都西で1日遊ぶ!子連れで楽しめるスポット7選

  • 2019.04.05

こんにちわナコです! お出かけする時、後から見たら「ああーーこんなとこ近くにあったん?行っとけばよかった」 って事、ありませんか? 今回は私が行きまくっている彩都西で無料で楽しめる遊び場スポットを7つ紹…

【商用OK・アダルトOK】使えるおすすめの無料(フリー)画像・写真素材サイト6選
【商用OK・アダルトOK】使えるおすすめの無料(フリー)画像・写真素材サイト6選

  • 2019.04.02

こんにちわナコです。 先日エッチなサイトの制作依頼を受け、デザインを進めていたのですが… アダルトサイトって素材の資料規約でNGになってる所ばっかりじゃないですか? 商用利用OKな無料素材・写真サイトで有名…

緊急ボタン・迷子防止通知・子供への音声で呼びかけ…子供の見守りGPSが進化していた件。
緊急ボタン・迷子防止通知・子供への音声で呼びかけ…子供の見守りGPSが進化していた件。

  • 2019.03.15

上の子が小学校に進学した時に買った『GPS BoT』(Bsize ビーサイズ)。 入学当初は私が送り迎えをしていたちびっこも一年生の終わりに近づくと一人で習い事に行って帰ったり、お友達と一緒に帰宅したり… ちょっと帰…

【WordPress】記事にYouTube(ユーチューブ)を埋め込んでレスポンシブ対応する方法
【WordPress】記事にYouTube(ユーチューブ)を埋め込んでレスポンシブ対応する方法

  • 2019.03.12

記事にYouTube(ユーチューブ)を埋め込んでみましょう! やり方は2つあります。 URLを貼るだけでOK!「embed」機能を使う こちらの記事でも紹介していますがURLをはるだけで簡単に表示ができます! YouTube(ユーチュ…

【WordPress】記事にGoogle Map(グーグルマップ)を埋め込んでレスポンシブ対応する方法
【WordPress】記事にGoogle Map(グーグルマップ)を埋め込んでレスポンシブ対応する方…

  • 2019.03.11

オススメのお店を紹介したり道順を案内したり、記事に地図を載せたい時ってありますよね。 そんな時はGoogle Mapを記事に貼り付けましょう! やり方は簡単! Google Mapを貼り付ける Google Mapのサイトでブログに…