ホームページ >CMS チュートリアル >&#&プレス >WordPressの記事タイトルリンクに読み込みプロンプトを追加する方法
WordPress の記事タイトルのリンクに読み込みプロンプトを追加するにはどうすればよいですか?
この記事の例では、WordPress の記事タイトルのリンクに読み込みプロンプトを追加する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:
推奨事項: "wordpress チュートリアル"
WordPress ブログを使用している友人がたくさん現れるでしょう。記事のタイトルに, 最初に読み込み中であることを表示し、次に記事に入ります. ここでは、WordPress の記事タイトルのリンクに読み込み中のプロンプトを追加する効果を紹介します。使用しているテーマの header.php テンプレート ファイルで、9c3bca370b5104690d9ef395f2c5f8d1 タグの前に次のコードを追加します:
コードは次のとおりです:
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
テーマが読み込まれている場合JQuery の場合、この手順は不要ですので、同様に以下のコードを追加します 9c3bca370b5104690d9ef395f2c5f8d1 タグを追加する前のコードは次のとおりです:
コードは次のとおりです:
<script type="text/javascript"> $(document).ready(function() { $('h2 a,h3 a').click(function(){ myloadoriginal = this.text; $(this).text('正在给力加载中 …'); var myload = this; setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>
ここで、「h2 a」はトピック記事のタイトルのタグ セレクターであり、特定のテーマ テンプレートに従って変更できます。「a」に変更すると、この特殊効果をすべてのリンクに追加できます。数値 2011 は、この特殊効果の表示時間 (ミリ秒) であり、必要に応じて変更できます。
以上がWordPressの記事タイトルリンクに読み込みプロンプトを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。