ページトップへ戻るボタンを jQueryで実装する方法を解説します。 コピペOKなので、ぜひご活用ください。 記事の著者牧野健人 株式会社リラクス 代表取締役。CRO・SEOを専門とし、デザイン・実装のスキルも活かしながら、クライアントの成果向上のための取組に尽力。 慶應義塾大学卒業後、行政機関を経て、デジタルマーケティングエージェンシーのアイレップにて運用型広告のクリエイティブプランニングに従事。2019年にリラクスを創業。 お問い合わせはフォームよりお願いいたします。
ページトップへ戻るボタンをjQueryで実装する方法【スムーススクロール】 | 株式会社リラクス
ページトップへ戻るボタンを jQueryで実装する方法を解説します。 コピペOKなので、ぜひご活用ください。 記事の著者牧野健人 株式会社リラクス 代表取締役。CRO・SEOを専門とし、デザイン・実装のスキルも活かしながら、クライアントの成果向上のための取組に尽力。 慶應義塾大学卒業後、行政機関を経て、デジタルマーケティングエージェンシーのアイレップにて運用型広告のクリエイティブプランニングに従事。2019年にリラクスを創業。 お問い合わせはフォームよりお願いいたします。
ページトップへ戻るボタンをHTMLとCSSのみで実装する方法 | 株式会社リラクス
html { scroll-behavior: smooth; } .pagetop { height: 50px; width: 50px; position: fixed; right: 30px; bottom: 30px; background: #fff; border: solid 2px #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2; } .pagetop__arrow { height: 10px; width: 10px; border-top: 3px solid #000; border-right: 3px solid #000; transform: translateY(20%) rotate(-45deg); }
リンク集を作るのに便利なLink Library｜初心者のためのワードプレス スクール
ホームページ全盛期は、リンクが必須だったものですが… WordPressでは、いつの間にかリンクの項目が消えてしまい、今はプラグインを入れないとリンク集が出来ない様になっています。 最近は被リンクの重要度が以前よりも下がったのもあり、あまり重視されなくなりましたが、やはりないと不便なものです。 その為に便利なのが、「Link Library」です。 Link Libraryをインストールする 増すは「プラグイン」→「新規追加」でLink Libraryを検索し、「今すぐインストール」のあと有効化します。 すると管理画面の上部にこんな警告が出ます。 直訳すると… リンクライブラリ：あなたのサイトにリンクカテゴリはありません 現在のところ、WordPressサイトにはリンクカテゴリは定義されていません。 リンクライブラリはカテゴリなしで正しく動作しません。 リンクライブラリを使用する前に少なく
Mac の Finder が激遅、激重で不安定極まりない場合の対処法 | R
macOS Sierra にアップグレードした後、Finder が至極もっさりして、とにかく激遅、激重で何をするのにも時間がかかる症状に見舞われました。 これまでもたまに Finder の調子が悪くなることはありましたが、Finder を再起動すると改善していました。しかし今回は Finder を再起動しても全然ダメ。別の問題だったみたいです。 症状私が気がついた症状を以下に示します。 ただし必ずしも全てが因果関係があると言い切れないかもしれませんが、今回紹介する方法で直ったものです。 ファイルの表示がとにかく遅いサイズの小さいファイルでもコピー、移動がとにかく遅いファイルを Finder でダプルクリックしてもなかなか開かないファイルを「開く・保存する」ダイアログがなかなか開かないアプリの「Finder で表示する」などのメニューから延々と Finder が開かないMac を再起動すると
Amazon の商品画像を取得する
ASIN/ISBN [ASIN,ISBN]の部分にはASINコード、またはISBNコードを記載します。通常はASINコードですが書籍の一部にはISBNコードしかないものもあり、その場合は"ISBN-10"のコードを設定します。 国コード [国コード]の部分には国のコードを指定します。日本は"09"です。 画像の種類 [画像の種類]には取得する画像の大きさを表すコードを設定します。各値は以下の通りです。 値意味画像サイズ (正方形)画像サイズ (一般的な書籍)ロジック
手軽なCSSアニメーション！transitionプロパティの使い方（基礎編） | ビジネスとIT活用に役立つ情報（株式会社アーティス）
前回までanimationプロパティによるCSSアニメーションについてご紹介しました。 animationプロパティは@keyframesを設定し、animationプロパティを設定して・・・と簡単なアニメーションを実装するには少し手間がかかります。 もっと手軽にCSSアニメーションを実装したい、そんな時に便利なのがtransitionプロパティです。 今回はtransitionプロパティについて解説していきます。 transitionプロパティとanimationプロパティの違い まずは二つのプロパティの何が違うのかを見ていきましょう。 1.transitionプロパティは@keyframesの設定が必要ない animationプロパティでCSSアニメーションを実装する際は、別途@keyframesで変化していく形状などを記述しておく必要がありました。しかしtransitionでは@ke
OPcacheを利用してPHPを高速にしよう |
概要 PHPの処理を高速にする方法の一つにバイトコード(オペコード)をキャッシュする、いわゆる PHPアクセラレータを利用する方法があります。 そのPHPアクセラレータ機能を提供するのが OPcache です。 ここでは OPcache を導入して PHP の処理を高速化する方法について解説します。 アクセラレータとは？ プログラム言語には、プログラムをコンパイルをしないと動かせない Java などの言語があります。 一方 PHP や Perl などのスクリプト言語は、プログラムを書いたテキストファイルをサーバーにアップロードすればすぐにプログラムが動くという利点があります。 しかしながら、スクリプト言語は毎回呼び出される度にプログラムの解析・解釈が行われています。 コンパイル型の言語に比べてスクリプト言語は、「呼び出し毎にプログラムを解析する」点にオーバーヘッドがあると言えます。 スクリ
Thunderbird でHTML形式をやめプレーンテキストのみで送受信するための設定 | セキュリティ | みどりのウェブ開発日記
セキュリティに「プレーンテキスト」が有効な理由 HTML メール。 とことん嫌いな人もいれば、装飾がきれいなので嫌いではないという人もいると思います。 セキュリティを高めるためには、装飾が一切ない、「プレーンテキスト」が有効です。 HTMLメールは、外部のプログラムが実行される恐れのある iframeタグ や JavaScript が表示、実行されてしまう可能性があるからです。 社内規定によっては、メーラーは、「プレーンテキスト」の設定になっていると思います。 自分で対応するのメモとして記事にしておきます。 作成（送信）でプレーンテキストにするための設定 2箇所、設定が必要です。 1. アカウント設定 > 編集とアドレス入力 > HTML 形式 のチェックを外す 2. ツール > オプション > 編集 > 一般タブをクリックして、「送信するメッセージの形式を設定します。」の「送信テキスト形
WordPressの自作テーマに挑戦してみよう！ 初めてでも意外と簡単？｜ワプ活
WordPressをしばらく運用していると、「もっと自由にデザインを変更してみたい」「機能を自分好みにカスタマイズしたい」と考える人も多いと思います。 そんなときは、自分自身でWordPressテーマを自作してしまうという方法があります。 テーマを自作すれば、1から100まで自分の理想を反映させたWebサイトを作ることができます。 WordPressテーマを自作するメリットは、運営するWebサイトに合った理想のデザインや機能を搭載できるということと、あとからでも機能の追加やデザインの変更がしやすいことです。 逆にデメリットとしては、時間と手間がかかることがあげられます。 WordPressテーマの自作は意外と簡単ではあるものの、HTMLやCSS、PHPの基礎知識に加え、WordPressの構造に関する知識があるといいでしょう。 本記事では、WordPressのテーマを自作する方法を解説しま
CSS入門：floatプロパティで回り込みを設定する方法 - プロエンジニア
html要素の配置を調整することができるプロパティに「floatプロパティ」があります。「floatプロパティ」は要素の後に続く内容を反対側に回り込ませることができます。本コラムでは、画像やテキストを左や右に寄せる方法や、回り込みを解除する方法を説明します。 関連記事：CSSの書き方の基本 関連記事：HTML&CSS 学習者におすすめの本 １０選 1. floatプロパティで回り込みを指定する html要素を左右に寄せてレイアウトを調整することができる「floatプロパティ」を使って各種要素のレイアウトを変更してみましょう。floatプロパティが適用された要素の後に続く内容を反対側に回り込ませることができます。 1.1 「floatプロパティ」の基本書式 floatプロパティの基本書式は以下の通りです。 float: 値; 値には、「left」、「right」、「none」を指定します。
【Node.js入門】各OS別のインストール方法まとめ(Windows,Mac,Linux...) | 侍エンジニアブログ
Windows,Macにインストールする この章では、一般的なOSであるWindows, MacにNode.jsをインストールする方法について見ていきましょう！ 主に、インストーラを使った方法やコマンドラインからの操作について学んでいきます。 Windowsでインストーラを使う まずは、WindowsにNode.jsをインストールする方法から見ていきいましょう。もっとも簡単で確実な方法としては、Node.jsの公式サイトで提供されているインストーラーを使うことです。 サイトへアクセスして、LTSタブのWindows Installerのボタンをクリックします。 すると、インストーラのプログラムをダウンロードできるのであとは実行するだけです！ 画面の指示に従ってクリックしていくとインストールは完了します。 最後に、インストールが無事にできたかを確認するために「コマンドプロンプト」を起動して以
WordPress「target="_blank"」時に付く「noreferrer」だけを自動で除去する方法（noopener は残す）
「target=”_blank”」とは、WordPress のリンクの挿入で「リンクを新しいタブで開く」にチェックを入れるとつく HTML の属性です。 リンクを新しいタブで開くにチェックを入れられたリンクは、文字通り、そのリンク先は新しいタブで開かれます。 個人的には、外部リンクに「target=”_blank”」を設定することは、訪問者ページ回遊の取りこぼしを防ぐ上で、まだまだ威力を発揮する普通に大切な設定だと考えます。 昨今では、スマホ用のモバイルブラウザもタブ表示設定を強化していますから、「target=”_blank”」の需要はまだまだあるといえます。 「noopener noreferrer」ってなんだろう？「rel=”noopener”」とは昨今では「target=”_blank”」を利用する場合に、それだけだと脆弱性があるらしく、安全性のために「target=”_blank
PHP設定 - ロリポップ！レンタルサーバー
PHP設定をご説明します。 PHPバージョンの変更について php.iniの設定方法 設定変更後、スクリプトの変更が必要な場合があります。配布元及びプログラムの内容をご確認ください。 WordPressをご利用中の場合は、テーマやプラグインが変更後のPHPバージョンに対応しているか事前にご確認ください。 エコノミープラン、ライトプラン、スタンダードプラン、エンタープライズプランにて利用できます。 PHPバージョンの変更について PHPバージョンの変更の方法と、それに伴う各種設定変更についてご説明します。 特に、現在PHP5.6未満のバージョンをご利用中、かつ、WordPress5.2以上のご利用を検討されている場合は、下記の手順に沿ってPHPバージョンのアップグレードと、各種設定の変更を行ってください。 PHPバージョンの確認 PHPバージョンの変更 データベースのパスワード形式の変更 プ
wp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法 | ビギブ
ホームwp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法 wp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法※ 本ページはプロモーション・広告が含まれています。 Wordpress ワードプレスをカスタマイズする時にhead内のヘッダ情報に余計なデフォルトのワードプレスタグやメタ情報が残り、削除したい場合があるかもしれません。 このページでは、wp_head() を設定している場所、ファイルやgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定を紹介します。 wp_head() とは？wp_head()を編集できるファイル・場所wp_head()とは、Wordpressがデフォルトで用意
Firefoxにおけるクリップのスケッチ間コピーの許可設定法
Firefoxの初期設定ではセキュリティ上の観点からブラウザタブ間をまたがるオプジェクトのコピー&ペースト操作に制限がかけられています。 Ranabaseで、クリップをスケッチを跨いでコピー&ペーストする操作も、デフォルトではこの制限にかかり実行できません。 コピー&ペーストを可能とするには、次の手順で設定変更を行なってください。 (恐れ入りますが、実施可否は自己責任でご判断をお願い致します。) Firefoxブラウザを開き、URL欄に「about:config」と入力します。 「危険性を承知の上で使用する」というボタンをクリックします。 上部の検索窓に「clipboard」と入力します。 <下記はデフォルト状態> 表示される各行について、「false」となっている所を「true」に変更します。行の右端の「切り替え」アイコンを押すことで、true / false の切り替えが出来ます。（デ
【図解】ヨメレバの設定と基本的な使い方。ブログで本を紹介して売りたいならヨメレバが便利！
Amazonアソシエイトの登録は2020年より審査が難しくなっています。180日以内に3回の商品の販売してから審査という流れになっています。 そのため、Amazonアソシエイトの審査受かってないという方は「もしもアフィリエイト経由」でされるのがおすすめです（もしもの審査は数日なので簡単）。 また、楽天アフィリエイトは通常報酬が楽天ポイントですが「もしもアフィリエイト」経由にすることで報酬が現金振り込みになります。 ということでAmazon・楽天のアフィリエイトをするなら「もしもアフィリエイト」からリンク作成するのが簡単です。 ※もちろんASPの登録や利用は無料です。下記２つのASPの無料会員登録済ませておいてください。 ■もしもアフィリエイト ⇒https://af.moshimo.com/ ■バリューコマース ⇒https://www.valuecommerce.ne.jp/ ステップ1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPF・DMARC・DKIMをXサーバーで設定してなりすまし・迷惑メール判定を回避しよう | ブログサポーターGamitaka
恐ろしいほど軽く高速化するMacコマンドライン集 - コムテブログ
【必須！】WordPressブログ開設後にやるべき初期設定13個
Mac > node.jsをインストール - Qiita
