他言語サイト
en_US en_US

中級者 - Webマスターへの道

自分で情報を探しながらできますが、なかなかスムーズに答えにたどり着かない人にWeb情報を発信します。

経験が足りないだけで、遅かったり、失敗しても自信をなくす必要はありません。いまは、大きくなるために技術を知って試す時期です。

むしろたくさん悩んで、フリーズして、失敗してください。その中から最適な答えが自然と身につきます。

WordPress 子テーマのCSSで上書きはやめよう!

wordpress image

WordPressのテーマでカスタマイズしたいときに子テーマを作ります。

親テーマのCSSを変更したいとき、子テーマでCSSを用意して親テーマのCSSの設定を上書きする人もいるのではないでしょうか?

しかしこれは避けたほうがいいです。理由は『CSSのサイズが大きくなる』からです。

『それじゃあ、どうするのか?』を説明します。

続きを読む

WordPress5 プレビュー表示がおそいとき

wordpress image

WordPressのバージョン5の編集エディタgutenbergには『プレビュー』ボタンがあります。

このボタンをおすとプレビュー(正式なページではない)でページの内容確認ができるのですが、『プレビューを生成中...』で止まってなかなか表示されません。

これまで我慢してきたのですが、やっと解決方法が見つかりました。

続きを読む

WordPress5で困ったこと

wordpress image

WordPressのバージョン5にアップデートしたことによって困ったこと、不具合のことを書いていきます。バージョン5以前のことも書いています。

対応方法はリンクを貼りました。ぜひご参考にしてください。

続きを読む

HTML&CSS アイコンフォントFontAwesome 5を数秒で使えるようにする方法

有名なWebアイコンフォントにFontAwesomeがあります。アイコン画像をつくる必要がないのでとても便利です。

Twitter, Facebookなど、有名な企業や製品のロゴも無料で使えます。また、CSSで自由に色を設定することもできます。

バージョン5からLINEのアイコンも追加されました。

今回は、FontAwesomeの設定方法から使い方まで、ソースコードサンプルを使いながら、だれでも分かるようにかんたんに説明します。

続きを読む

かんたんCSS3 flex 左(上)・中央・右(下)に寄せて余白を操作する

css3 image

CSS3のフレックスは、コンポーネントの配置を変える便利な機能です。

アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。

今回はアイテムの余白を操作します。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

続きを読む

かんたんCSS3 flex アイテムの拡大・縮小・サイズを操作する

css3 image

CSS3のフレックスは、コンポーネントの配置を変える便利な機能です。

アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。

今回はアイテムサイズの操作方法です。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

続きを読む

かんたんCSS3 order フレックスアイテムの並びの順序を変える

css3 image

CSS3では、フレックスで配置を変える方法がたった数行でできるようになりました。

そのほかにもいろいろなことができます。今回は、フレックスで配置されたアイテムの表示順を変える方法です。

2018/12現在、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

続きを読む

かんたんCSS3 flex 1行に詰めたり折り返しを指定する

css3 image

CSS3のフレックスでは、コンポーネントの配置を変える方法がほんの数行でできるようになりました。

そしてフレックスは、配置だけでなくそれに関係する細かい設定もたくさんあります。

今回はコンテンツの行詰め・折り返しの方法です。2018/12現在、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

続きを読む

かんたんCSS3 flex サクッと並びとその方向を変える方法

css3 image

CSS3では、フレックスでコンポーネントの並び方を変える方法がたった2行でできるようになりました。

もう、『inline-block』『float』を使う必要はありません。フレックスには、配置以外にもいろいろな設定ができます。

今回は、フレックスの基本になる『並びとその方向を変える方法』を説明します。

2018/12現在、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

続きを読む

WordPress: 引っ越しを行う方法

wordpress image

WordPressで、本番環境からコピーして開発環境を作成したり、開発環境からコピーして本番環境を作成することがあります。

その作業は大きく分けて

  • データベース
  • プラグイン
  • テーマ
  • メディアファイルなどアップロードファイル

のコピーがあります。

これからご紹介する方法はWordPressのマルチサイトでもできます。

続きを読む
top
この記事を気に入ったらぜひシェアも!!