![WordPressのテーマを作る羽目になったWebエンジニアへ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d976b22bf52f4ca2ce407ea8eaf99e9720599240/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--zD_I6pxB--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWordPress%2525E3%252581%2525AE%2525E3%252583%252586%2525E3%252583%2525BC%2525E3%252583%25259E%2525E3%252582%252592%2525E4%2525BD%25259C%2525E3%252582%25258B%2525E7%2525BE%2525BD%2525E7%25259B%2525AE%2525E3%252581%2525AB%2525E3%252581%2525AA%2525E3%252581%2525A3%2525E3%252581%25259FWeb%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%25258B%2525E3%252582%2525A2%2525E3%252581%2525B8%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AANTEZ%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QxNTNhMDhiNDkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
Simplicityのウィジェットを使い、アドセンスをはる2つの方法 Simplicityは広告ウィジェットが充実していて、スマホ・PC用に各1つアドセンスのコードをセットすれば、各ページに3つずつ広告を自動でセットしてくれます。※アドセンスの広告配置ルールが分かりにくい人にオススメ 投稿ページ・固定ページ・トップページに違う広告ユニットを(スマホ画面が横揺れしないよう)PC・スマホそれぞれ設置できる仕様です。それぞれの広告ユニットを作って設置すると、アドセンスでクリック解析もできる。アドセンスのルールを知ってる人用。 広告の詳細設定を変更できる項目と場所。 アドセンス初心者用の広告ユニット説明 投稿・固定・トップページにそれぞれ広告ユニットを置く方法 その他ちょっとした設定について 私も迷ったので、これら3つの方法を順に紹介します。※広告ユニットを設置しなくてもラベル(スポンサーリンクの
個人的に普段から対応することが多いものを中心に、更新者(クライアント)が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
管理画面の左側にあるメニューをカスタマイズする方法メモ。 非表示にする unset admin_menuフックを使い、対象のメニューをunsetしてあげることで、非表示にすることが出来ます。 function remove_menus () { global $menu; unset($menu[2]); // ダッシュボード unset($menu[4]); // メニューの線1 unset($menu[5]); // 投稿 unset($menu[10]); // メディア unset($menu[15]); // リンク unset($menu[20]); // ページ unset($menu[25]); // コメント unset($menu[59]); // メニューの線2 unset($menu[60]); // テーマ unset($menu[65]); // プラグイン u
この記事から始まるシリーズで、WordPressで企業向けサイトを作るなんて言っているのですが、画像やテキストが全部揃っていてキタジマさんと同じ作業内容だったとしても、たぶんたっぷり1日、2日はかかると思うんです。 それなのに、それなのに… インストールからサイト公開まで10分ですよ! 私としては、こんな技は盗まないわけにはいかないんです。 例えそれがどれだけ遠い道のりだとしても…! ということで、長く苦しい修行の旅が始まりました。途中で心が折れないことを祈る。 サイトを爆速で立ち上げるための作戦 さて、そのキタジマさんの方法なのですが、当然ながらテクニックがあります。 そのテクニックは主に3つ。 WordPressのインストールや設定などは黒い画面のバッチで実行 WordPress公式テーマ、例えば「Habakiri」を使う CSSフレームワークBootstrapでサクサクレイアウトを作
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは? 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは? 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
コーポレートサイトを作る時には、やっぱり新着情報を表示したいという要望が多いですよね。 「カスタムフィールドの値を表示したい」なんて特殊な要望の場合はphpで書いた方が早いですが、 ・記事タイトル ・日時 ・抜粋文 ・サムネイル画像 といった基本的な表示なら、プラグインのショートコード(+CSSの編集)で完結できることも多いです。 今回はそんな機能をもったプラグインを3つ紹介したいと思います。 追記201809 サムネイルを含めたグリッドデザインが導入しやすく、設定が豊富で拡張性の高い新着情報表示プラグインを見つけたのでこちらでご紹介しています。 WordPressの新着情報(記事一覧)表示プラグイン「Post Grid」はグリッド幅の調整やMasonry、表示項目やスタイルのカスタマイズも可能!検索機能やページングもあり! 3つのプラグイン1.プラグイン名What’s New Gener
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く