Apr 30, 2016

ワードプレスをバージョンアップしてCSSが崩れる現象について

2016-04-30
web blog wordpress ワードプレス

今回はワードプレスについてです。

ワードプレスでアップデートしたらなぜかスタイルが崩れたということはありませんでしたでしょうか?

いろいろと原因があると思いますが今回はfunctions.phpにwp_enqueue_styleで読み込ませている場合に限りますがその対象法をご案内します。

Read more

Apr 23, 2016

Bootstrap3のアコーディオンメニューを縦から横列に表示

2016-04-23
web blog bootstrap css ブートストラップ

CSSのフレームワークを使って制作されている方、特に手っ取り早く良い感じのデザインが出来るBootstrapを使っている方は多いと思います。私もその一人です。

Bootstrap1.4の段階から便利に使わせてもらっております。使いやすくてカスタマイズしやすいです。当初はLESSだったのですが最近になってSASSになりとても便利になりましたね。

さて本題です。Bootstrap3のCollapse collapse.jsの項目にアコーディオンメニューのサンプルがあります。このサンプルはひとまとまりにしてありますが、どうにかカラムにいれて列にしたいと思って調べました。中々無いんですね。

海外のFAQで同じような質問をしている方がいらしたので同じようにしたらうまくいきましたのでその設定を載せておきます。

Read more

Apr 16, 2016

WordPressのお引っ越しプラグインはAll-in-One WP Migrationが最強

2016-04-16
web blog wordpress plugin wp migration ワードプレス

今回はみんな大好きワードプレスの移設についてです。

貴方はどうしていますでしょうか?ワードプレスのサーバー移動は思った以上に大変なんですね。同じドメインの場合ならまだしも仮サーバーと本サーバーでドメインが違う場合は結構大変です。

一般的にはワードプレス標準のインポート・エクスポート機能を使うというものなんですが、これだとプラグインやその他設定項目などやアイキャッチやカテゴリーなどもっていかれない場合もあるので単純な構成以外は使えないですね。

Read more

Apr 9, 2016

CSS3でのアニメーションライブラリanimate.cssの使い方

2016-04-09
web css animate アニメーション

ウェブ上でも最近は動きのある要素を取り入れているサイトも多くなってきました。アニメーション動作を取り入れる場合はJavaScript(主にjQuery)が多いのですが、実はCSSだけでも動きのある要素を出すことも出来るんです。まずは公式サイトで動きを確認します。いろいろ出来ますね。

CSS3になって出来る要素がだいぶ増えてきました。JavaScriptでしか出来なかったこともCSSだけで出来る要素も増えてきたので下記のようなブログなどをチェックしてみると良いでしょう。

CSS3のセレクタ全42種 まとめておさらい使い方リファレンス

CSS3は要素によってはまだ対応していないブラウザもありますので HTML5/CSS3ブラウザ対応状況確認のサイトなどでどのブラウザ対応状況を確認してみると良いです。

Read more

Apr 2, 2016

日付を扱うJavascriptライブラリmoment.jsの使い方

2016-04-02
web date time UTC js clock 日付

今回はJavascriptライブラリのmoment.jsのご紹介です。⇒詳しくは公式サイトにてご確認ください 現在のバージョンは2.12.0です。2016年4月現在

日付を取り扱うアプリケーションを使う場合は必須ですね、あまり使わない場合はdate関数を使っても良いのですが、日付の計算や今日が何曜日とか今年は閏年なのかとかこの日付は期間中の値なのかなど時間や日に関することならこのライブラリーに任せてしまいましょう。

カレンダーとか作る際にも役立ちそうですね。

Read more

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
anime.jsの使い方

今回はオブジェクトに動きを加えたり、ちょっとしたアニメーションを付け加えるのにとっても役立つアニメーションライブラリのご紹介です。 anime.jsはとっても軽量でかつ簡単に使えるので去年あた...

18 Feb 2017

アイキャッチ
鳥取県米子市の大雪での現状報告

先月に続いてまた大雪です。鳥取市の方がだいぶ雪が積もっていますね。90cmとは。。。 先月同様駐車場から出られないほど雪が積もりました。今日は雪かきで疲れました。。。週末で助かった部分がありま...

12 Feb 2017

アイキャッチ
親要素をクリックしたら子要素のリンクを発動させる方法

システム上の設定で自動的にはき出すhtmlの場合とかに有効な手段かもしれません。 a要素が複数でてきてその上の要素をクリックしたら下の要素が発動するような仕組みです。 例えばli要素の中にdi...

04 Feb 2017

アイキャッチ
ワードプレスでデバッグログをダッシュボードに表示させる方法

ワードプレス運用中のサイトのエラーログを出力させてそれをダッシュボードで見る方法をご紹介します。 ログ出力方法は結構いろいろなサイトに書かれているのですがそれをダッシュボードに表示させる方法が...

28 Jan 2017

アイキャッチ
bttn.cssで簡単にボタン作成

簡単にボタンが設置できるbttn.cssのご紹介です。数も12種類のボタンだけで色と大きさが指定できます。 容量も少ないのでさくっと出来ます。下記公式サイトからダウンロードして使うかcdnjs...

21 Jan 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

フッターイメージ