他言語サイト
翻訳はみつかりませんでした

上級者 - 最高のWebマスター

何かを言える立場にありません。もしかしたら役に立つかもしれない情報を発信するだけです。

HTMLとCSSだけで作る軽量サンプルのまとめ(:checked疑似クラス)

html5 css3 image

CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。

閉じるボタンやタブ機能などのサンプルを用意しました。これは処理を制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

最短10分!KUSANAGI・WordPressでWebサイト構築

technology image

IDCFクラウド上にKUSANAGI、WordPressを使ってWebサイトを構築しました。Webサーバ、DBサーバ、SSL対応、WordPressのインストール作業をすべて終了するのに10分ぐらいです。

どんなに慎重に作業しても30分くらいでしょう。あまりにも作業が順調に進んですぐに忘れそうなので備忘録として残しておきます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン

html5 css3 image

HTMLとCSSだけで『開く・閉じる』の切り替えボタンを簡単に作る方法をご紹介します。このボタンは、画面を遷移しないでコンテンツを開いたり閉じたりします。JavaScriptは使いません。

これは、コンテンツをコントロールするときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

WordPress wpコマンドが使えないとき確認すること

wordpress image

WordPressにはwpコマンドがあります。ぼくの知るかぎり管理画面でできることはすべてコマンドラインからできます。

ただwpコマンドが使えないときがあります。ぼくはすでに4回起きています。ただ使い方を間違っているだけなのですが、シェルコマンドなどと同じように使っているとすぐエラーになってしまいます。

上級者向けの話ですが内容はとても簡単です。

続きを読む

WordPress5 新エディタにCSSを適用する方法

wordpress image

WordPressはバージョン5から、編集画面とその中身の処理が大幅に変更になりました。新エディタ(Gutenberg)の採用です。

エディタがブロック形式でコンテンツを作成することになったので、CSSの適用方法も変わりました。

GutenbergでのCSSの適用方法を分かりやすく解説します。

続きを読む

WordPress: Ajaxの使い方(公開サイト 編)

wordpress image

WordPressの公開用サイトでAjaxを実装する方法を、サンプルコードを使って説明します。

WordPressは公開用サイトでAjaxを使うことをあまり想定していません。しかし、実装する方法はあってその方法は簡単です。

続きを読む

WordPress: データベースの内容を入れ替えるツール

wordpress image

WordPressで、データベースの内容をバックアップデータで入れ替えるツールを作りました。シェルスクリプトを実行するだけです。

既存のデータを気にする必要はありません。既存データをクリーンアップするので完全に入れ替えることができます。

GitHubで公開しているのでだれでも使えます。

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