WordPressでAjaxを実装(デモとして指定個数分新しい記事表示) #Ajax #WordPress #works
概要 (1)WordPressにおいてAjaxを使って、動的にコンテンツ取得・表示します。 (2)表示するコンテンツの数は指定可能としました。 (3)表示するコンテンツは、本ブログ内で公開されている記事を新しいものから指 […]
タグ: JavaScript
サイト内のボックスをスクロールに応じて上下左右に動かします #JavaScript #jQuery #works
概要 画面スクロールに従い、表示されたコンテンツを上下左右に動かします。 基本方針 ・上下左右に動く範囲は、画面の幅、高さに合わせます。 ・上下左右方向にはみ出たら、逆方向に動かします。例：左→右に動いたコンテンツがウィ […]
カスタムフィールドを読み込みセレクトボックス動的生成(+JSで選択に応じて表示切り替え) #WordPress #JavaScript #works
概要 (1)WordPressにおいて同じ名称のカスタムフィールドから値を読み込み、その情報を元にセレクトボックスを動的に作成します。 (2)その際、一つのカスタムフィールドには、複数要素からなるデータのセットを設定して […]
SlideShow by JavaScript
SlideShow by JavaScript 写真のスライドショーページ(ポップアップ、もしくは別ウインドウ(タブ)で開きます) JavaScriptの乱数を使用しました。 あるフォルダの中に格納された画像を任意の […]
[WordPress]投稿記事中にソースコードを記述出来るプラグイン；SyntaxHighlighter Evolved #WordPress
投稿記事中にソースコードを記述出来るプラグイン；SyntaxHighlighter Evolved 概要 ブログでWordPressのノウハウを書く際、HTML/CSS/PHP/JavaScript等のソースコードを貼り […]
[jQuery]動的に生成したHTML要素に対してhoverによる動作させるための手法
[jQuery]動的に生成したHTML要素に対してhoverによる動作させるための手法 概要 動的に生成したHTML要素(今回はリンク付き画像)に対して、マウスオーバー(hover)したら、画像はフェードアウトかつそのリ […]
[jQuery]マウスオーバー時に画像をフェードもしくはスライドさせ、テキスト表示する
[jQuery]マウスオーバー時に画像をフェードもしくはスライドさせ、テキスト表示する 概要 ポータルサイト作り替えのために色々と技術調査を行っております。 今回は、jQueryを利用して、マウスオーバー時に画像をフェー […]
[Study]作りながら基礎から学ぶPHPによるWebアプリケーション入門―XAMPP/jQuery/HTML5で作るイマドキのWebサイト/清野克行
☆作りながら基礎から学ぶPHPによるWebアプリケーション入門―XAMPP/jQuery/HTML5で作るイマドキのWebサイト/清野克行★ １冊勉強しました。 この本だと、XAMPP環境の構築、HTML5/php/jQ […]
ホームページリニューアルのテクニカルメモ
ホームページをリニューアルしたのでそのテクニカルメモ。 https://www.nakamurayuji.com/ ●サイトドメインと階層構造 blog → diary、nakamurayuji.com → wwwへの3 […]
nakamurayuji.com (portal site) リニューアルしました
https://www.nakamurayuji.com/ nakamurayuji portal ついにリニューアルしました！☆♪★ 昨年いっぱいメインに公開していたサイトが、継ぎ接ぎだらけでレイアウトも乱れるし、情報 […]