タグ

planbworksのブックマーク (988)

  • Contact form 7のよくやる操作まとめ - Qiita

    はじめに ※この記事は「カスタム投稿タイプをゼロから作ってウェブサイト上に表示させるまで」 の続きだったりします。 何かあればそのたびに追加していく予定。 コンタクトフォームでの入力欄にcssを適用させる CSSの基がわかっていること前提の記述になることをあらかじめ断っておく。 また、家サイトの記事にわかりやすい解説もあったのでそちらも参照してほしい。 ここでは、あちらにはない扱い方を説明。 CSSを書くときはたいてい

    Contact form 7のよくやる操作まとめ - Qiita
  • カンニング竹山「#検察庁法改正案抗議」騒動は“危険”と思うワケ | AERA dot. (アエラドット)

    カンニング竹山/1971年、福岡県生まれ。お笑い芸人。2004年にお笑いコンビ「カンニング」として初めて全国放送のお笑い番組に出演。「キレ芸」でブレイクし、その後は役者としても活躍。現在は全国放送のワイドショーでも週3のレギュラーを持つ(撮影/今村拓馬)この記事の写真をすべて見る きゃりーぱみゅぱみゅや浅野忠信の抗議のツイート(C)朝日新聞社 内閣が検察幹部の役職定年を延長できるようにする検察庁法改正案に対して、ツイッター上で抗議するツイートが相次いだ。きゃりーぱみゅぱみゅ、小泉今日子、浅野忠信などなど俳優、作家、ミュージシャンら各界の著名人が「#検察庁法改正案に抗議します」を投稿したことに、カンニング竹山さんは疑問と危機感を唱えた。 【写真】著名人の抗議のツイートはこちら *  *  * 「#検察庁法改正案に抗議します」を著名人がツイートしたことがいいとか悪いとか、法案そのものに賛成と

    カンニング竹山「#検察庁法改正案抗議」騒動は“危険”と思うワケ | AERA dot. (アエラドット)
  • WordPress:Gutenbergのブロック操作を制限する方法 | NxWorld

    Gutenbergの大きな特徴のひとつとして、コードがわからない人でも自由且つ簡単に好きな見栄え・レイアウトを実装できるというものがありますが、それを何らかの理由で制限したいときに使える方法です。 特に毎回決められた項目のみ入力するような作りの投稿タイプやページがある場合に便利だと思います。 ブロックの操作はtemplate_lockというプロパティで制限することができます。 template_lockを指定しないデフォルトの状態ではブロックの追加・削除・移動など自由に操作することができますが、allでそれらを完全に制限し、insertはブロックの追加・削除はできませんが移動はできるという制限をかけます。 具体的な使用例として、例えばとあるサイトで「イベント」という投稿タイプを作成し、そこでは基的に下記内容の情報しか入力しないので他のブロックは必要ないという仕様だったとします。 キャッチ

    WordPress:Gutenbergのブロック操作を制限する方法 | NxWorld
  • ウェブ制作に役立つAffinity Designerの使い方と注意点

    12月9日(月)に開催されたAffinity User Gruop JAPANミーティング #3 で「ウェブ制作に役立つAffinity Designerの使い方と注意点」という内容でお話しをしてきました。当日お話しした内容に少し情報を追加してこのブログでもご紹介します。 目次 以下はページ内のセクションへのリンクです。 動画版もあります はじめに アジェンダ Affinityツールを好きな理由 フル機能iPad版もある、プロ向け格ツール Affinity Designerが一番好き! Affinityツールに向いているプロジェクト こんなふうに使ってます Affinityスイートの抜群の互換性 ウェブ制作に役立つ便利な使い方 複数解像度の画像書き出し機能 違う種類の画像の書き出し 書き出すスライスの追加方法 アセットとシンボル機能 レスポンシブ・デザインに便利な「制約」機能 アートボー

    ウェブ制作に役立つAffinity Designerの使い方と注意点
  • ストレートボブでもできる!上品アップアレンジ♡ | C CHANNEL

    ショートボブのヘアアレンジってマンネリ化しがち。。。 だからと言って巻いてアレンジするのは面倒! そんな方にオススメの巻かずにできるのに上品なアップスタイルをご紹介します! ①髪の毛を上半分をダッカールで止める ②下半分を2つに分ける ③2つの毛束を交互にねじってピンで止める ④もう一方のサイドも同様に ⑤上半分の毛を下ろして結んでくるりんぱ ⑥毛先に近い部分でもう一回結び、くるりんぱの近くに隠すように折り込みピンで固定 出演:やのあんな

    ストレートボブでもできる!上品アップアレンジ♡ | C CHANNEL
  • AWSをこれから始める学生への圧倒的なインプット

    QA集含む内容はこちら: https://dev.classmethod.jp/cloud/aws/overwhelming-aws-input-for-students/ 学生がAWSを学習し始めるにあたり必要な情報をまとめました。 「AWSを勉強し始めよう」「使ってみよう」となってEC2の作り方…

    AWSをこれから始める学生への圧倒的なインプット
    planbworks
    planbworks 2019/05/30
    [aws]
  • WordPressテーマカスタマイザーの色設定項目の追加方法。 | Fantastech(ファンタステック)

    色の設定項目を追加する手順 では、テーマカスタマイザーに色の設定項目を追加してみましょう。 下記のように関数を定義し、この中に、 セクション追加 テーマ設定 コントール追加 といった処理をどんどん追加していきます。コードを追加するファイルは「functions.php」です。 function theme_customizer_extension($wp_customize) { //処理をどんどん追加 } add_action('customize_register', 'theme_customizer_extension'); セクション追加 オリジナルの設定項目を追加する上で、通常はセクションを追加する必要がありますが、色のセクションがすでにあるので、新しくセクションを追加する必要はありません。 (もちろん、新しくセクションを追加して管理することもできます) テーマ設定 セッティン

    WordPressテーマカスタマイザーの色設定項目の追加方法。 | Fantastech(ファンタステック)
  • WordPressの外観→カスタマイズに設定項目を追加する方法! | Fantastech(ファンタステック)

    テーマカスタマイザーとは? テーマカスタマイザーとは、外観→カスタマイズと進むと表示される「テーマカスタマイズ画面」のことです。 サイト基情報背景画像メニューウィジェット追加CSS などの設定項目がデフォルトで用意されており、ここにオリジナルの設定項目を追加して拡張することができます。 有名なWordPressテーマには、必ずといっていいほどオリジナルのカスタマイズ項目が用意されており、この設定項目の多さがテーマ選びの重要なポイントにもなっています。 テーマカスタマイザーの拡張方法 ただ、オリジナルテーマを作成しない限り、テーマカスタマイザーを拡張する機会がないので、 どうやって設定項目を追加すればいいのか1で設定したものをどうやって読み込めばいいのか わからない方も多いと思います。 そこで今回は、初めてテーマカスタマイザーを拡張する方向けに、設定→読み込みまでの手順をご紹介します。 お

    WordPressの外観→カスタマイズに設定項目を追加する方法! | Fantastech(ファンタステック)
  • 複数アートボードの時に便利!イラストレーターのアートボード定規

    イラストレーターの「定規」って? そもそもイラストレーターの定規ってなに?という話なのですが、イラレのファイルを開いた時に上と左に出ているメモリのことです。非表示になっている場合は⌘+Rで表示。 デフォルトではアートボードの左上が縦横(X軸Y軸)の座標が0になっています。 特に意識していなくても「変形」のX座標値、Y座標値は定規の設定を基準とした数字なので、原点がずれていると数字を入力しても思った位置にオブジェクトがこない!ということがおこってしまうわけです。 普段の作業ではあまり必要ないのですが、人からもらったデータを編集する場合には念のため座標の原点がずれていないか確認をするようにしています。 「ウィンドウ定規」と「アートボード定規」 イラストレーターの定規には「アートボート定規」と「ウィンドウ定規」があります。デフォルトはウィンドウ定規です。 ウィンドウ定規 「ウィンドウ定規」はアー

    複数アートボードの時に便利!イラストレーターのアートボード定規
  • Googleアナリティクス利用者がサイトに記載すべきことまとめ!

    Googleアナリティクス利用者がサイトに記載すべきことまとめ!
  • MW WP Form

    MW WP Form の開発は脆弱性対応を除き停止しています。新しい機能が追加されたり、WordPress がアップデートするたびに動作確認をすることはありません。他のプラグインへの乗り換えをご検討ください。

    MW WP Form
  • プラグイン不要!多階層のモバイル向けドロップダウンメニューを作ってみた!| CSS・jQuery | WebLamps

    こんにちは、Aroeです! 「よし、新しいWebサイトを作ろう」と思って、朝からいろんなテーマ(最近はもっぱらWordpressばっかり使ってる)を探し始めて、気がついた時にはもう日が暮れてるってことがよくあるこの頃です。 最近はいっぱいあるんですよねぇ、テーマの種類が。観てるだけでワクワクします。(笑) そんなテーマ選びの中で、僕が最初に見てしまうのが「ナビゲーションメニュー」(グローバルメニュー)です。トップページや個別記事ページ、ほとんどどのページでも共通して表示される箇所ですからね〜、力を入れて作り込みたいところ。(時間があれば) モバイル対応でいい感じのドロップダウンが見つからない メニュー系のプラグインって、けっこう多種多様なのですが、PC表示の場合はよくても、モバイル表示時のデザインや挙動が「うーん・・・」って感じで納得のいかないものが多かったり、片手間なカスタマイズだとスタ

    プラグイン不要!多階層のモバイル向けドロップダウンメニューを作ってみた!| CSS・jQuery | WebLamps
  • より良い面接を実現するために "Quipper採用面接ガイド" を公開しました - スタディサプリ Product Team Blog

    Engineering Manager の @ohbarye です。 このたび"Quipper Web Engineer 東京オフィス採用面接ガイド"を Quipper Handbook*1 の一部として公開しました。 Quipper Web Engineer 東京オフィス採用面接ガイド (2019-10-09 追記: Quipper iOS Engineer 東京オフィス採用面接ガイド も公開しました!) (2020-01-16 追記: Quipper Android Engineer 東京オフィス採用面接ガイド も公開しました!) 記事では同ガイドについてご紹介させてください。 採用面接ガイドとは? Quipper東京オフィスで行っている採用プロセスについてより多くの方に知っていただくためのドキュメントです。とりわけ面接に訪れる方を読者として想定しており、候補者には面接の日程調整時に

    より良い面接を実現するために "Quipper採用面接ガイド" を公開しました - スタディサプリ Product Team Blog
  • ネームサーバーを切り替えずに移転後のサイトを確認する方法 - 西沢直木のIT講座

    WordPressのサーバーを移転する場合、ネームサーバーを切り替えて完了ですが、できればネームサーバーを切り替える前にサイトを確認したいですよね。きちんと、移転先のサーバーでも独自ドメインのURLが反映されていることを確認して、最終的にネームサーバーを変更したいことろです。 自分のPCだけ“ネームサーバーを変更”できる そんなときは、自分のPCだけ“ネームサーバーを変更”する方法があります。たとえば独自ドメイン「example.com」のホームページをさくらインターネットからエックスサーバーに移転する例で言えば、こんな感じです。 現在のexample.comはさくらインターネットにある 自分PCだけexample.comはエックスサーバーを参照する つまり、現在のドメインは移転前のサーバーに置いたままで、自分だけ移転先のサーバーでホームページを見てしまおうということです。これなら移転後の

    ネームサーバーを切り替えずに移転後のサイトを確認する方法 - 西沢直木のIT講座
  • Illustratorのショートカットを使って作業効率をあげよう!

    イラストレーターのショートカットキー、使っていますか? ショートカットを使用することでメニューから探すよりもはるかに短い時間で作業ができます。また、何も考えず自然にショートカットキーを操作できるようになれば、時間短縮だけでなく、思考の妨げにもならないのでオススメです。 仕事でイラレを頻繁に使う人なら、最初のうちはカンペを見ながら無理してでもショートカットを使う習慣をつけたほうが良いのではないかと思っています。 ということで、私がよく使っているショートカットをご紹介していきます。 ショートカットはCC2018で割り振られているショートカットとなります。 この記事ではMacを基準に紹介していますが、Winの場合は⌘(Command)→Ctrl、option→Altと考えていただければ良いかと思います。 目次 ファイルオブジェクトコピ-&ペーストグループ化オブジェクトの重ね順カーニングガイド塗り

    Illustratorのショートカットを使って作業効率をあげよう!
  • さくらインターネットのサーバー間でドメインを移行する Output48

    さくらインターネットにて、1つの会員アカウントで複数のサーバーをレンタルしているケースで、サーバー間でドメインの移行を行う方法。 手順 最初にFTPソフトなどで、移行元のデータを移行先のサーバーにコピーしておく。 メールデータやメールなどの各種設定も移行元のサーバーに合わせてコピー/設定しておくこと。 現在ドメインを使用しているサーバーのコントロールパネルにログインする。 左のメニューから「ドメイン設定」を選択する。 ドメインメニューから移行するドメインの「削除」をクリックする。 「以下のドメイン名を、サーバから削除しますがよろしいですか?削除を行うと2時間同ドメインの再設定を行うことができません。」というメッセージが表示されるので、「送信」をクリックする。 削除完了と表示されたら2時間待つ。 (さくらインターネットに確認したら、2時間空けずに再設定すると、うまくドメイン設定ができない可能

    さくらインターネットのサーバー間でドメインを移行する Output48
  • これは便利!CSS3で段組みを作るいまどきのやり方をまとめてみた

    1行の文字数が多い文章は読みにくいと感じる場合があります。しかし、この問題は、マルチカラムを使ってレイアウトすれば、簡単に解決できます。マルチカラムは印刷物ではよく見かけるレイアウト手法ですが、CSSのマルチカラム(段組)レイアウトモジュール機能を使えば、Webサイト上でも印刷物と同じような段組が実現できます。 しかし、Webデザインでマルチカラムを使うことに関して、1つだけ難点があります。それは文章のサイズを調整できないということ。このチュートリアルでは、どのスクリーンサイズにも適応するレスポンシブなマルチカラムの設定方法を紹介します。まず始めは基から、そして徐々に上級者向けの手法を説明していきます。 ブラウザー対応の状況 ブラウザーでマルチカラムレイアウト対応するにはプレフィックスを使うと良いでしょう。 「Can I use」の統計によると、世界の95.32%のブラウザーはこのプレフ

    これは便利!CSS3で段組みを作るいまどきのやり方をまとめてみた
  • 【コマンド不要】XAMMPもMAMPも使わない!ローカル開発環境はdockerで構築してみよう! | ヤッテキュー

    【コマンド不要】XAMMPもMAMPも使わない!ローカル開発環境はdockerで構築してみよう! | ヤッテキュー
  • 503 Dienst nicht verfügbar

  • 「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える

    Progressive Web Appsというワードが世に出て約2年半が経ちました。2015年10月に開催されたChrome Dev SummitにてFlipkartの事例をもってお披露目となったそのコンセプトは、2018年現在までに徐々に成功事例を増やしながらWeb界隈の注目を集め、ついに先日(忘れもしない2018年3月30日!)iOS 11.3からiOSデバイスでも一部の機能が利用できるようになるまで成長しました。これは、まるで進学する我が子を見ているかのような、新年度にふさわしい晴れやかなニュースですし、いい機会なので PWAとは何かを改めて振り返ってみようと思います。 Webに足りなかったもの 私はWebが大好きです。リンクを1つクリックしたら(インストールなど煩わしい手続きなしで)すぐに新しいコンテンツを読めるのは最高の体験だなと常日頃感じています。ただし、今までのWebアプリの

    「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える