タグ

2014年9月10日のブックマーク (7件)

  • WordPressのビジュアルエディタをカスタマイズする

    WordPressのビジュアルエディタをカスタマイズする Wordpressのビジュアルエディタは基的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。 この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。 TinyMCE Advancedとかプラグイン入れた方がはやくね? とか言ってはいけない! 投稿日2010年12月17日 更新日2015年01月08日 オリジナルのスタイルを適用する。 ビジュアルエディタはそのままだとテンプレートとスタイルが違うので、最終的なイメージがつかみにくいですよね。 テンプレートと同じスタイルを適用して、ある程度イメージの確認ができるようにしてみましょう。 現在使用しているテンプレートフォルダの「functions.php」に以下を記述します。なければ作成しましょう。 functions.php

    WordPressのビジュアルエディタをカスタマイズする
    Yukarigohan
    Yukarigohan 2014/09/10
    プラグインを使わずにエディタをカスタマイズする方法
  • WordPressのビジュアルエディタを拡張できるプラグイン5選 | TechAcademyマガジン

    WordPressの【ビジュアルエディタ】を拡張できる初心者向けのプラグインを紹介する記事です。デフォルトのままでも使えますが、プラグインを使うとカスタマイズなどが簡単です。表を挿入する、サイトを直接編集できるなどの操作も可能になります。 WordPressでサイトを運営する上で、一番利用するのが投稿画面です。 ここで使うデフォルトのビジュアルエディタはとてもシンプルなので、HTMLに慣れていないと「なかなか思い通りにならない…」という人も多いのではないでしょうか。 今回は、インストールするだけでビジュアルエディタを使いやすく拡張(カスタマイズ)できるプラグインを紹介します。全て初心者でもすぐに使えるプラグインです。 なお記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 デフォルトのWordPressエディタ デフォルトののエディタ

    WordPressのビジュアルエディタを拡張できるプラグイン5選 | TechAcademyマガジン
    Yukarigohan
    Yukarigohan 2014/09/10
    エディタ拡張プラグイン
  • WordPressのクラシックエディタを拡張できるプラグイン4選

    WordPressのクラシックエディタを使いやすく拡張できるプラグインを紹介します。 エディタの「ビジュアル編集・テキスト編集」の機能を拡張します。 クラシックエディタは、初期状態ではシンプルな機能しかありませんが、 この記事で紹介するプラグインを活用して拡張すると、様々な機能を増やすことができます。 エディタのボタンは自由に追加・削除できます。 エディタの機能をカスタマイズして自分好みのエディタに変更しましょう。 そうすることで記事作成の効率化に繋がります。 はじめに この記事で紹介しているプラグイン クラシックエディタの「ビジュアル編集」の機能を拡張できる。 クラシックエディタの「テキスト編集」の機能を拡張できる。 エディタを拡張する利点 WordPressのクラシックエディタは、初期状態ではシンプルな機能しか用意されていません。 エディタを拡張することで、記事編集画面が「Micros

    WordPressのクラシックエディタを拡張できるプラグイン4選
    Yukarigohan
    Yukarigohan 2014/09/10
    エディタ拡張プラグイン
  • Loading...

    Loading...
    Yukarigohan
    Yukarigohan 2014/09/10
    WordPressのビジュアルエディタにプラグインなしでフォントサイズや背景色などのボタンを追加
  • リクルートテクノロジーズがURLを発信するビーコンデバイスと専用アプリを開発 - 株式会社リクルートテクノロジーズ

    (c) Recruit Co., Ltd.

    リクルートテクノロジーズがURLを発信するビーコンデバイスと専用アプリを開発 - 株式会社リクルートテクノロジーズ
    Yukarigohan
    Yukarigohan 2014/09/10
    デザイン参考、背景動き
  • 大きな背景画像を使った魅力的なWebサイトを作ろう

    2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します! ↑私が10年以上利用している会計ソフト! 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって

    大きな背景画像を使った魅力的なWebサイトを作ろう
  • ランディングページデザインにおける「余白」の使い方 | lp制作・改善のコンバージョンラボ

    グラフィックデザイン、Webデザインにおいて、「余白」の設計は重要な要素です。 特に「余白」の有無は「見やすさ」を大きく左右します。 余白の効果的な活用とは 「余白」を効果的に活用することで、 ・ 情報のまとまり感が出る。 特に文字やテキストでは余白は非常に重要ですね。 ・ 情報やコンテンツの切り分けを明示できる。 また、一方で、「余白」があることで、 高級感を出すことができるということもよく言われていることかと思います。 コンシューマー向けに高単価のライフスタイル商材を扱う会社さんのサイトでは特に重要な要素ですよね。 そういった会社さんのブランドサイトなどはよりコンセプチュアルである必要性があるため、極力要素を減らして、「余白」を大きくとることで、 コピーやビジュアルを立たせていくことが多いです。 では、ランディングページにおいてはどうでしょうか? ランディングページは縦長のページであり

    ランディングページデザインにおける「余白」の使い方 | lp制作・改善のコンバージョンラボ
    Yukarigohan
    Yukarigohan 2014/09/10
    ランディングページでは必要以上の余白を設けない。なるほど。