html width:100%とwidth:autoの違い

いつも使ってるかんたんなもの、なのに以外に雰囲気だけ掴んでいて詳細は知らない。。。自分の身の回りにありますよねそういうもの。そんな代表格と自分で決めて付けているものの一つがwidth: 100%,width: autoではないでしょうか? 「あれ?なんかwidth: 100%指定してるのに横はみ出てるんですけど?」 解決できます。   結論 ・width: 100%・・・指定した要素のp […]

css/sass 背景だけ透過させる

子要素の文字を透過させずに、背景だけ透過させ用とする時、要素にopacityを使ってっも文字も一緒に透過しています。 背景のみ透過させるにはrgba()を使用すれば問題解決です。 html <div class=" "> <p>opacityを使うと、この文字まで透過してしまいます。</p> </div> <div class="use-rgb […]

– Form Builder Addon の日本語化

はじめに WordPressで会員制サイトを作成する際に有効的なプラグインSimple Membership。会員のレベルの設定やレベル別にコンテンツの表示制限を設定できる点が用途に応じてプラグインを選択する際に注目するポイントだと思います。 そんなSimple Membershipですがデフォルトでは会員登録時の登録の項目が限定されているのでフィールドのカスタマイズをするにはアドオンの Form […]

Let’s Encrypt 自動更新失敗の復旧録

Let’s Encryptを設定できた! と思いきや自動更新が正常に実行されなかったがために3ヶ月後に悪夢を見るはめになったのでここに復旧録を残しておきます。。。 流れとしては①手動で更新した後、②自動更新コマンドを設定、③コマンドの実行を確認 という流れになっています。 【手動更新】 まずは手動で古い証明書を更新します。今回はrootユーザーでのcentos7系が環境になります。(詳しいことは確 […]

斜線の影をつける sass/css

下記に表示されているような斜線の影をつける方法を紹介します 結論から行くと、box-shadowプロパティを使うのではなく、疑似要素の:before、プロパティz-index、background:linear-gradientを使用するところが肝で、影を表示したい親の後ろに疑似要素を持ってきて表現する方法になります。 HTML <div class="wrapper"> <di […]

横幅いっぱいの逆三角形を作る方法

三角形の作り方。実装する度にいろんなサイトを拝見して時間を無駄にしているんですが、 デザインの中で段落の区切りとして横幅いっぱいの三角形を表示する機会があったので、自分の備忘録として記述すると同時に 同じことを実装したい人の助けになればと思います。 html <div class="gyaku-triangle g-triangle-1"> <div class="left-ha […]

NodebrewでNodeをインストールする際のPermission denied

はじめに 今回はnodeのバージョンを変更したかったので、nodebrew経由でnodeを入れ直そうとする際に nodeのアンインストールは出来たものの、インストール時にPermission deniedが出ちゃった場合の対処法になります。 同じ様な状況の方がいれば助けになるかもしれません。 一連の流れに関して とても参考になる記事(こちら)が既にあるので、全体的なnodebrew経由でnodeの […]

wordpress httpsリダイレクトの設定手順

レンタルサーバーなんかで、wordpressをインストールした時に同時にSSLも無料で対応できるようなサービスが見受けられると思いますが、 自分の場合はxサーバーでwordpressのダッシュボードとhtaccessの設定を行ったので、備忘録として誰かのお役に立てれば良いなと思います。 ざっくり手順まとめ まずは全体の流れをさっと見ていきましょう。 ①各契約サーバーでSSLを登録または有効にする。 […]

Woocommerce 日本語化の手順 (2021年)

Woocommerceの日本語化について woocommerceはWooThemesによって開発されているEコマース用のプラグインですが、英語圏で開発されているがゆえにインストール直後では日本語には対応していません。他の記事で日本語ファイルが読み込まれていた時期があったような旨を見たりしましたが、現在は自分で対処するしかありません。なので日本語化の手順について解説したいと思います。 日本語化のプラ […]

1 3

Overall Ranking

Category New Article