ナコさんのブログ | nako-log WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。

注目キーワード

2019年

1/3ページ
スタンプ

【ドラクエ風】レトロRPG風のLINEスタンプと絵文字を作ってみた。(画像DL有)
【ドラクエ風】レトロRPG風のLINEスタンプと絵文字を作ってみた。(画像DL有)

  • 2019.10.23

こんにちわ！LINEスタンプ作りにハマっているナコです。 今回は私が作ったレトロRPG風スタンプを紹介します。 っとその前に・・・！ ドラクエウォークがっつりな絵文字を作ったら全リジェクトだったので ここに画像…

続きを読む
ガジェット

ブロガーさんにおすすめ。MacBook(TypeC)用の多機能USBハブ紹介
ブロガーさんにおすすめ。MacBook(TypeC)用の多機能USBハブ紹介

  • 2019.10.04

私は2016年モデルのMacBook Proを使って会社と自宅どちらもMacBookをモニターにつないで作業しています。 MacBook、とっても便利なのですが１つ気になる所。 それは充電・モニター接続・データ転送・外付け接続等に…

続きを読む
HTML

コピペでできる動きが気持ちいいSNSボタンのCSSデザイン色々
コピペでできる動きが気持ちいいSNSボタンのCSSデザイン色々

  • 2019.09.30

最近はアニメーションで動きを出すボタンがあたりまえになってきましたね。 どうやって実装するのかがHTML・CSS・JSとサンプル表示でとってもわかりやすい 「CodePen」で公開されているSNSボタンレイアウトを見てみ…

続きを読む
CMS

[sql] ［Database］phpMyAdminで2Mになっているインポートファイルの上限を変更
[sql] ［Database］phpMyAdminで2Mになっているインポートファイルの上限を変更

  • 2019.09.24

phpMyAdminでsqlをアップロードしようとしたら、ファイル上限に引っかかってアップロードできなかったことはありませんか？ 長く運営しているサイトや大規模なサイトの場合、データベースの容量が大きく、初期設定…

続きを読む
coding

ターミナルからSSH接続しようと思ったら「 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!」が出たときの対処法
ターミナルからSSH接続しようと思ったら「 WARNING: REMOTE HOST IDENTIF…

  • 2019.09.20

こんにちわ！ナコです。 macのターミナルからSSH接続しようと思ったらSSH接続エラーがでたのでその対処法です。 入力したコマンド $ ssh -L ○○○@▲▲▲.co.jp -p 22 ポート　　22 サーバー　▲▲▲.co.jp ユーザー名　 ○○…

続きを読む
スタンプ

LINEスタンプ作成用の雛形データを作成ました。ダウンロードして使ってね！(Photoshop用)
LINEスタンプ作成用の雛形データを作成ました。ダウンロードして使ってね！(Photoshop用)

  • 2019.09.01

引用元:ラインクリエイターズスタンプ LINEスタンプを自作する時、数が増えるとチェックや書き出しが大変になるので、簡単に書き出しができるPSDデータを作成しました。 絵文字の雛形はこちら！ ポイント アートボ…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでhtmlからcodeタグを判別しタグ内の特殊文字(<,>,&)を自動変換する
WordPress(ワードプレス)カスタマイズ！プラグインなしでhtmlからcodeタグを判別しタグ…

  • 2019.08.08

WordPressでソースコードを書くとき、特殊文字を置換するのが大変だったので自動変換するfunction.phpを追加しました。 そのままソースコードを記事に貼り付けるとタグとして実行してしまってコードが表示されない…

続きを読む
HTML

【コピペOK】SVGやTEXTで作る楽しいテキストアニメーションのサンプル集
【コピペOK】SVGやTEXTで作る楽しいテキストアニメーションのサンプル集

  • 2019.08.01

こんにちわ！ナコです。 サイトを訪れると要素が動いたり、楽しいエフェクトが発動したり、 そんなインタラクティブなサイト、憧れませんか？ 今回はCODEPENで公開されているソースコードを使って楽しくアニメーシ…

続きを読む
CSS

HTMLとCSSで見やすい連番付きリストを作成！コピペで使えるデザインサンプル
HTMLとCSSで見やすい連番付きリストを作成！コピペで使えるデザインサンプル

  • 2019.07.31

HTMLとCSSを使った連番付きリスト(li)を作成しました。 レスポンシブサイトにも対応しております。 <ol>タグではなくcounter-incrementを使う利点はデザインや表示内容を色々編集できるところです！ 前後に文…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を表示する
WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を…

  • 2019.07.26

ブログを書いていると必ず必要になる関連記事の記事内追加。 ↓こういうやつ！ 記事IDで表示するやり方はよく見かけたのですが 挿入したい時に一覧に戻ってわざわざ記事IDを調べるのが面倒だったので 記事入力のlink…

続きを読む
WordPress

【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のページはアクティブにする方法
【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のペ…

  • 2019.07.23

カテゴリーの一覧を表示したいときはwp_list_categories関数を使用しましょう。 やり方 コピー <ul> <?php wp_list_categories('title_li'); ?> </ul> title_liと入力すると前後のタグ…

続きを読む
WordPress

WordPressの固定ページにページャーを表示する方法
WordPressの固定ページにページャーを表示する方法

  • 2019.07.23

こんにちわナコです！ WordPressで記事一覧を作成する時、全件表示したい場合は固定ページを使う事が多いと思います。 カテゴリーページ(category.php)やアーカイブページ(archive.php)と記事の取得方法も違うしペ…

続きを読む
お役立ち情報

twitterで見たくないつぶやきをミュート(非表示)にする設定方法
twitterで見たくないつぶやきをミュート(非表示)にする設定方法

  • 2019.07.22

twitterを使ってるとネタバレに限らず、見たく無い話題のRTややり取りを見てしょんぼりした気持ちになった事はありませんか？ そんな時はその単語をミュートしちゃいましょう。 ミュートとは以下のような時、そのつ…

続きを読む
CSS

HTMLとCSSをコピペして100種類以上のホバーエフェクトアニメーションを表示する方法
HTMLとCSSをコピペして100種類以上のホバーエフェクトアニメーションを表示する方法

  • 2019.07.21

「Hover.css」を使ってアニメーション 「Hover.css」 リンク、ボタン、ロゴ、SVG、おすすめ画像などに適用される、CSS3のアニメーション付きホバー効果のコレクションです。自分の要素に簡単に適用したり、変更した…

続きを読む
CSS

【コピペOK】おしゃれなオリジナル囲み枠(ボックス)デザインのCSSサンプル
【コピペOK】おしゃれなオリジナル囲み枠(ボックス)デザインのCSSサンプル

  • 2019.07.14

HTMLとCSSを使ったボックス要素の装飾(囲み枠)を作成しました。 レスポンシブサイトにも対応しております。 配色等自由に変更してカスタマイズしてください！ 基本のHTML コピー <div class="frame_set&quo…

続きを読む
coding

こいつ…動くぞ！会話方式(吹き出し)アイコンがCSSでアニメーションするサンプル
こいつ…動くぞ！会話方式(吹き出し)アイコンがCSSでアニメーションするサンプル

  • 2019.07.10

ブログをみていると度々登場する会話形式の吹き出しデザイン。 ライターの気持ちを代弁している事が多いのこのアイコンさんに喜怒哀楽を表すアニメーションを追加したらもっと気持ちが伝わりやすい！！！ そんな思…

続きを読む
WordPress

【WordPress】LION MEDIA(ライオンメディア)テーマのサイドバーにプロフィールを表示するカスタマイズ
【WordPress】LION MEDIA(ライオンメディア)テーマのサイドバーにプロフィールを表示…

  • 2019.07.08

LION MEDIA(ライオンメディア)テーマはデフォルトだと記事詳細内の下部分のみプロフィールが表示されます。 サイドバーにプロフィールを表示する方法はいろいろあるのですが折角LION MEDIA(ライオンメディア)テンプ…

続きを読む
サービス

【連載】「ごろ寝しながら髪を乾かす…」実現できるアイテムはあるのか！？徹底調査
【連載】「ごろ寝しながら髪を乾かす…」実現できるアイテムはあるのか！？徹底調査

  • 2019.07.08

WANTEDは、ぱっと思いついた欲しい物、これがあれば便利だな…欲を、WEBサービスやWEBショップで簡単に満たせるか調べ尽くす連載です。 第二回目は ごろ寝しながら髪を乾かしたい！ 毎日毎日髪を乾かすのが憂鬱なナ…

続きを読む
WordPress

WordPress(ワードプレス)　URLを貼るだけでブログカードが表示される「embed」の使い方とレイアウトの変更方法
WordPress(ワードプレス)　URLを貼るだけでブログカードが表示される「embed」の使い方…

  • 2019.07.03

WordPress4.4から標準で、プラグインを使わなくても記事内にURLを貼るだけでコンテンツが埋め込まれ、サムネイルとリンク・引用つきのブログカードが表示される「embed」が実装されました。 ちょー便利なのですがデ…

続きを読む
1 … 3