WordPressローカル環境ツール「Local by Flywheel」のインストール方法と使い方
主な手順 Local by Flywheelのセットアップに必要となる主な手順は以下になります。 Local by Flywheelをダウンロードする Local by Flywheelのインストール ローカル環境の作成 インストールに多少時間はかかります。けれど、基本的に表示されるボタンを押していけば一方通行でインストールが完了するので、さほど難しくはないと思います。 Local by Flywheelをダウンロードする まずは、Local by Flywheelからインストールファイルをダウンロードします。 サイト上のダウンロードボタンをクリックしてください。 すると、以下のようなOS選択画面が出てくるので、MacかWindowsを選択します。 このように、MacとWindows両方で利用できるところも、Local by Flywheelの素晴らしいところです。 僕は、Windows環
新しくなったWordPressローカル環境、InstantWPのインストール方法と使い方。
InstantWPのセットアップ手順 まずはじめに、InstantWP利用するのに必要な主な手順は以下になります。 InstantWPのダウンロード＆解凍InstantWPの移動InstantWPの起動InstantWPの日本語化以下では、Windows環境でInstantWPをインストールする方法を、手順を追って紹介したいと思います。 InstantWPのダウンロード＆解凍まずは、InstantWPからダウンロードを行います。 僕はWindows環境で利用するので「Download InstantWP for Windows」ボタンを選択しました。 「IWP-v5.3.3-Win.zip」といった名前のzipファイルがダウンロードされます。 上記ZIPファイルを「InstantWPを設置したいフォルダ」で解凍（展開）します。 解凍したあと、移動してもOK。 InstantWPの起動解凍を
誰でも簡単！自作フォント作成の「PaintFont」が、あまりにも手軽だったのでフォントを作ってみました
PaintFont.comというフォント作成サービスを最近知りました。 このサービスは、手書きの文字でも、イラストレーターなどで作成した文字でも、無料で手軽にフォントに変換してくれるサービスです。 僕も、以前からちょっとフォントの作成に興味があったので、試しに作ってみることにしました。 photo by Connie Ma フォント作成の主な手順 PaintFontでフォントを作成するのに必要な、主な手順は以下の6手順です。 必要な文字を追加して選択不要な文字を削除テンプレートをダウンロードテンプレートにフォントとなる文字を書き込む文字を書き込んだテンプレートファイルをアップロードフォーマットを選んでフォントを作成これだけの手順がありますが、半角英数字のみのフォント作成でしたら、30分ほどで作ることができました。 ※今回僕は、マウスで結構適当に文字を書いたので30分で済みましたが、丁寧に作
40超の写真素材サイト約5万のCC0写真を横断検索することができる「LibreStock」
O-DANは、日本語で検索したら自動的に英語に変換して複数サイト横断検索してくれる便利なサービスです。 ただ、その他にも便利な横断検索サービスLibreStockを知って使ってみたので紹介です。 LibreStockとは LibreStockは、40以上の写真ストックサイトにある約5万の高品質写真の中から、写真を一括検索できる写真検索サービスです。 Aboutページには、写真のライセンスについて以下のように書かれています。 all the photos indexed on LibreStock are licensed under the Creative Commons Zero (CC0) license. this means you can use these pictures freely for any legal purpose. つまり、LibreStockにインデックス
WordPressにレスポンシブのページネーションを設置するカスタマイズ方法
主な手順 WordPressテーマにページネーションを作成する主な手順は以下です。 Font Awesome呼び出しタグを貼り付けるfunctions.phpにコードを貼り付けるページネーション用のスタイルシートを貼り付けるページネーション表示箇所にコードを貼り付ける多くて4回、少なくて3回コードをコピペすれば実装できる簡単な作業です。 古いAndroidブラウザでは対応していないかもしれません。 Font Awesome呼び出しタグを貼り付ける まず、今回のページネーションの「≪ 先頭」「< 1つ戻る」「1つ進む >」「最後尾 ≫」を表すアイコンはFont Awesomeを利用します。 Font Awesomeに対応していないテーマに今回のページネーションを設置するには以下のタグを<head></head>内などで呼び出して、利用できるようにする必要があります。 //レスポンシブなページ
ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法
先日、PageSpeed Insightsというツールを知りました。 PageSpeed Insightsとは、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールです。 早速、僕のブログも試してみたところ、速度がさんざんな結果になりました。 photo by DAVID MELCHOR DIAZ PageSpeed Insightsでのテスト結果 モバイルのテスト結果、43点。 パソコンのテスト結果、61点。 「これはいけませんぞ！」と思いましたが、とりあえず、いきなり全ての問題を一度に解決するのは不可能なので、まずはパソコンの方から修正していくことにしました。 パソコンの修正提案の概要 PageSpeed Insightsでは、サイトの表示スピードが高速になるように修正箇所を提案してくれます。 当ブログが今
少しの労力でサイトをかっこよく！見出しのCSSデザインに役立つジェネレーター＆サンプル集30個まとめ
見出しジェネレーター外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道 吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。 見出しメーカー 好きな色でCSS見出しが作れます | スタイルシート見出しメーカー 好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。 見出しサンプル集見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個 切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみでカス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
寝ログ