タグ

ブックマーク / www.webopixel.net (8)

  • Laravelのファイル管理ライブラリ Laravel File Manager

    Laravelのファイル管理ライブラリ Laravel File Manager Laravelのファイルのアップロードから管理まで一括でできるライブラリ「Laravel File Manager」をご紹介致します。 CKEditorやTinyMCEとの連携もできたりします。 投稿日2017年07月07日 更新日2017年07月07日 Laravel 5.4 を使用します。 機能紹介 アップロードしたファイル一覧で表示。 画像の選択とかフォルダで管理できたり。 トリミングができたり。 インストール&設定 コンポーザーでインストールします。 $ composer require unisharp/laravel-filemanager config/app.phpのprovidersとaliasesに下記を追記します。 config/app.php 'providers' => [ // .

    Laravelのファイル管理ライブラリ Laravel File Manager
  • WordPressのカテゴリーにカスタムフィールドを追加する

    WordPressのカテゴリーにカスタムフィールドを追加する カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 投稿日2011年08月18日 更新日2012年08月07日 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_category_f

    WordPressのカテゴリーにカスタムフィールドを追加する
  • WordPressのプラグインを開発しよう(初級編)

    プラグインってなんだろう。 WordPressのテンプレートをカスタマイズしてるとfunctions.phpにコードを書くことがあると思います。 基的にこのコードをプラグインフォルダに入れるだけでプラグインになります。 そのテンプレートに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるものでしたらプラグイン化すると良いと思います。 簡単なプラグイン 簡単な例を見てみましょう。 functions.php に次のようなコードがあるとします。 functions.php function show_text() { echo 'おはようございます。'; } これはテンプレートファイルに「<?php show_text(); ?>」と書くと「おはようございます。」と表示するだけのコードです。 これをプラグイン化してみます。 プラグインは「wp-co

    WordPressのプラグインを開発しよう(初級編)
  • jQueryでスクロールすると表示する系いろいろ

    jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

    jQueryでスクロールすると表示する系いろいろ
  • WP MVCプラグインをWindows+XAMMP環境で使えるようにしてみた

    「WP MVC」の大きな流れは次のようになります。 WP MVCでコマンド実行して、MVCに分かれたプラグインフォルダを作成 作成されたプラグインのインストール そのプラグインフォルダの中でプログラムを作成 最初にプラグインフォルダを作成するためにコマンドを実行しなくてはいけません。 Macなら最初からターミナルがあるので問題ないと思います、Windowsでもプロの方なら仮想環境とかあったりで大丈夫でしょう。 Windows+XAMPPでちょこちょこっとしかWordpress使わない私のような人は、ターミナルエミュレーター的なツールを導入してコマンドを実行できるようにしましょう。 MinGWのインストール Windowsで使用できるターミナルは探したら結構色々ありましたが、「MinGW」をインストールすることにしました。 下記からダウンロードできます、exeファイルだと簡単にインストールで

    WP MVCプラグインをWindows+XAMMP環境で使えるようにしてみた
  • jQueryでスクロールすると上部に固定されるナビゲーション

    jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="

    jQueryでスクロールすると上部に固定されるナビゲーション
  • jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

    jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク(href)を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){

    jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
  • jQueryでTwitterのトップページのように一定のタイミングでコンテンツをスライドさせる

    Posted: 2011.02.25 / Category: javascript / Tag: jQuery, Twitter Twitterのトップページは人気のツイートが次々とスライドして表示されてますね。 この記事ではjQueryを使用して見た目のスライドするだけの部分を再現してみたいと思います。 ベースとなるhtml+css Twitterの場合は裏でajax的なことを色々やっているのだと思いますが、見た目しか再現しないのでプレーンなhtmlを使用します。 html <div id="slide"> <ul> <li> <strong>2011.02.01</strong> 最初です。最初だけどむしろ最後です。 </li> <li> <strong>2011.02.12</strong> Twitterのトップページのようにコンテンツを一定の時間でスライドさせてみます。<br /

    jQueryでTwitterのトップページのように一定のタイミングでコンテンツをスライドさせる
  • 1