WordPress.org
Get WordPress

Plugin Directory

Changeset 3062199


Ignore:
Timestamp:
04/01/2024 04:29:42 PM (2 years ago)
Author:
Disqus
Message:

Preparing for 3.1 release

Location:
disqus-comment-system/trunk
Files:
4 added
4 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • disqus-comment-system/trunk/README.txt

    r3019942 r3062199  
    44Requires at least: 4.4
    55Tested up to: 6.4.2
    6 Stable tag: 3.0.24.1
     6Stable tag: 3.1
    77Requires PHP: 5.6
    88
    … …  
    1414
    1515The Disqus for WordPress plugin lets site owners and developers easily add Disqus to their sites, replacing the default WordPress comment system. Disqus installs in minutes and automatically imports your existing comments.
     16
     17In addition to our free-to-use, ad-supported Basic plan, we also offer ad-optional subscription plans that come with more advanced features and access to priority support. Please see our [pricing page](https://disqus.com/pricing/) for more details.
    1618
    1719= Why Disqus? =
    … …  
    124126
    125127== Changelog ==
     128= 3.1 =
     129* Disqus Embed now loads correctly on WordPress Block Themes.
     130* Improved visibility for latest plugin version and important changes.
     131* Added links to remove ads and clarified language around ad-supported plans.
     132* Modernized styling and effects to match Disqus colors.
     133
    126134= 3.0.24.1 =
    127135* Add WP 6.4 to Github Actions CI and fixed dependency issues for WP 6.4

  • disqus-comment-system/trunk/admin/css/disqus-admin.css

    r2900993 r3062199  
    44 */
    55
     6
    67#wpadminbar #wp-admin-bar-disqus .ab-icon:before {
    78    content: "\f101";
    … …  
    910}
    1011
    11 .dsq-admin-header {
    12     background: #494e58;
    13     height: 100px;
    14     position: absolute;
    15     top: 0;
    16     left: -20px;
    17     right: -20px;
    18     color: white;
     12#disqus-admin {
     13    --disqus-blue: rgb(46, 159, 255);
     14    .dsq-admin-header {
     15        background: #494e58;
     16        height: 100px;
     17        position: absolute;
     18        top: 0;
     19        left: -20px;
     20        right: -20px;
     21        color: white;
     22    }
     23
     24    .dsq-admin-wrapper {
     25        margin-top: 20px;
     26        a {
     27            &:hover {
     28                color: white;
     29                background-color: var(--disqus-blue);
     30                transition: color .3s ease-in-out, background-color .3s ease-in-out;
     31            }
     32        }
     33        .disqus-logo {
     34            img {
     35                padding: 3px;
     36                border: 3px transparent solid;
     37            }
     38            &:hover {
     39                background-color: transparent;
     40                img {
     41                    border-bottom: 3px var(--disqus-blue) solid;
     42                }
     43            }
     44            &:focus {
     45                box-shadow: unset !important;
     46            }
     47        }
     48
     49        input {
     50            border-radius: 6px;
     51        }
     52        textarea {
     53            border-radius: 0;
     54        }
     55    }
     56
     57    .button-hero .disqus-icon {
     58        float: left;
     59        margin-top: 7px;
     60        margin-right: 7px;
     61    }
     62
     63    .whats-new {
     64        padding: 5px;
     65        &.visible {
     66            border: 2px black solid;
     67            border-radius: 12px;
     68            background-color: white;
     69        }
     70    }
     71
     72    .welcome-panel {
     73        overflow: hidden;
     74        border-radius: 12px;
     75        .welcome-panel-content {
     76            min-height: unset;
     77        }
     78    }
     79
     80    .about-description {
     81        font-size: 40px !important;
     82        color: var(--disqus-blue);
     83        font-weight: bold;
     84        align-items: center;
     85        text-align: center;
     86    }
     87
     88    .welcome-panel .welcome-panel-content .welcome-panel-column-container {
     89        display: flex;
     90        justify-content: center;
     91        gap: 10vw;
     92        padding: 12px;
     93        @media screen and (max-width: 768px) {
     94            flex-direction: column;
     95            align-items: center;
     96            gap: 0px;
     97            ul {
     98                display: flex;
     99                flex-direction: column;
     100            }
     101        }
     102        .welcome-panel-column {
     103            display: flex;
     104            flex-direction: column;
     105            gap: 0px;
     106            width: fit-content;
     107            max-width: 300px;
     108            .button {
     109                margin-bottom: 1.33em;
     110            }
     111            li {
     112                box-shadow: inset 0 0 0 0 var(--disqus-blue);
     113                padding: .25rem;
     114                transition: color 1.3s ease-in-out, box-shadow .3s ease-in-out;
     115                white-space: nowrap;
     116                border-radius: 12px;
     117                &:hover {
     118                    box-shadow: inset 150px 0 0 0 var(--disqus-blue);
     119                    a {
     120                        color: white;
     121                    }
     122                }
     123                a:focus {
     124                    box-shadow: unset !important;
     125                }
     126            }
     127        }
     128    }
     129
     130    .nav-tab-wrapper {
     131        display: flex;
     132        gap: 10px;
     133        border-bottom: none;
     134        @media screen and (max-width: 682px) {
     135            overflow: scroll hidden;
     136        }
     137        .nav-tab {
     138            border-radius: 12px;
     139            border: 1px solid #c3c4c7;
     140            margin-left: 0;
     141            transition: color .3s ease-in-out, background-color .3s ease-in-out;
     142            &:hover {
     143                background-color: var(--disqus-blue);
     144                color: white;
     145            }
     146        }
     147    }
     148
     149    .button-large .dashicons {
     150        margin-top: 4px;
     151    }
     152
     153    .submit .button-link {
     154        text-decoration: none;
     155    }
     156
     157    .button {
     158        border-radius: 12px !important;
     159        &:hover {
     160            background-color: var(--disqus-blue) !important;
     161            color: white !important;
     162            transition: color .1s ease-in-out, background-color .3s ease-in-out !important;
     163        }
     164    }
     165
     166    .button.button-link {
     167        padding: 0px 5px;
     168        border-radius: 6px;
     169    }
     170
     171    /* Placeholder spinner */
     172
     173    .dsq-loading-container {
     174        height: 130px;
     175        padding-top: 120px;
     176    }
     177
     178    .dsq-spinner {
     179        z-index: 500;
     180
     181        border: 3px solid transparent;
     182        border-color: transparent #c2c9d4 transparent #c2c9d4;
     183
     184        animation: rotate-loading 1.2s linear 0s infinite normal;
     185        transform-origin: 50% 50%;
     186
     187        margin: auto;
     188        width: 25px;
     189        height: 25px;
     190
     191        border-radius: 28px;
     192    }
     193
     194    @keyframes rotate-loading {
     195        0%  {
     196            transform: rotate(0deg);
     197        }
     198
     199        100% {
     200            transform: rotate(360deg);
     201        }
     202    }
     203
     204    .dsq-installation__instruction-list {
     205        padding-left: 0px;
     206        counter-reset: li 0;
     207        margin: 35px 0px 0px 70px;
     208    }
     209
     210    .dsq-installation__instruction-list::before, .installation__instruction-list::after {
     211        content: " ";
     212        display: table;
     213    }
     214
     215    .dsq-installation__instruction-list > li {
     216        font-size: 16px;
     217        line-height: 1.5em;
     218        position: relative;
     219        z-index: 200;
     220        margin-bottom: 40px;
     221        list-style: none;
     222    }
     223
     224    .dsq-installation__instruction-list > li::before {
     225        content: counter(li);
     226        counter-increment: li 1;
     227        position: absolute;
     228        top: -8px;
     229        left: -65px;
     230        width: 40px;
     231        height: 22px;
     232        margin-right: 8px;
     233        color: rgb(255, 255, 255);
     234        font-size: 21px;
     235        font-weight: 600;
     236        text-align: center;
     237        padding: 0.42em 0px;
     238        background: rgb(255, 211, 79);
     239        border-radius: 1em;
     240    }
     241
     242    .dsq-icon-support {
     243        font-size: 72px;
     244        width: 72px;
     245        height: 72px;
     246        display: block;
     247        margin: 0 auto 5px auto;
     248    }
     249
     250    .dsq-support-list-container {
     251        display: flex;
     252        flex-wrap: wrap;
     253        list-style: none;
     254    }
     255
     256    .dsq-support-list-item {
     257        text-align: center;
     258        padding: 10px 30px;
     259    }
     260
     261    .dsq-support-list-item a {
     262        text-decoration: none;
     263        font-size: 14px;
     264        &:hover {
     265            border-bottom: 1px var(--disqus-blue) solid;
     266            background-color: transparent;
     267            color: var(--disqus-blue);
     268        }
     269    }
    19270}
    20 
    21 .dsq-admin-wrapper {
    22     margin-top: 20px;
    23 }
    24 
    25 .button-hero .disqus-icon {
    26     float: left;
    27     margin-top: 7px;
    28     margin-right: 7px;
    29 }
    30 
    31 .welcome-panel {
    32     overflow: hidden;
    33 }
    34 
    35 .about-description {
    36     font-size: 40px !important;
    37     color: #dcdcde;
    38     font-weight: bold;
    39     align-items: center;
    40     text-align: center;
    41 }
    42 
    43 .welcome-panel-column .button {
    44     margin-bottom: 1.33em;
    45 }
    46 
    47 .button-large .dashicons {
    48     margin-top: 4px;
    49 }
    50 
    51 .submit .button-link {
    52     text-decoration: none;
    53 }
    54 
    55 /* Placeholder spinner */
    56 
    57 .dsq-loading-container {
    58     height: 130px;
    59     padding-top: 120px;
    60 }
    61 
    62 .dsq-spinner {
    63     z-index: 500;
    64 
    65     border: 3px solid transparent;
    66     border-color: transparent #c2c9d4 transparent #c2c9d4;
    67 
    68     animation: rotate-loading 1.2s linear 0s infinite normal;
    69     transform-origin: 50% 50%;
    70 
    71     margin: auto;
    72     width: 25px;
    73     height: 25px;
    74 
    75     border-radius: 28px;
    76 }
    77 
    78 @keyframes rotate-loading {
    79     0%  {
    80         transform: rotate(0deg);
    81     }
    82 
    83     100% {
    84         transform: rotate(360deg);
    85     }
    86 }
    87 
    88 .dsq-installation__instruction-list {
    89     padding-left: 0px;
    90     counter-reset: li 0;
    91     margin: 35px 0px 0px 70px;
    92 }
    93 
    94 .dsq-installation__instruction-list::before, .installation__instruction-list::after {
    95     content: " ";
    96     display: table;
    97 }
    98 
    99 .dsq-installation__instruction-list > li {
    100     font-size: 16px;
    101     line-height: 1.5em;
    102     position: relative;
    103     z-index: 200;
    104     margin-bottom: 40px;
    105     list-style: none;
    106 }
    107 
    108 .dsq-installation__instruction-list > li::before {
    109     content: counter(li);
    110     counter-increment: li 1;
    111     position: absolute;
    112     top: -8px;
    113     left: -65px;
    114     width: 40px;
    115     height: 22px;
    116     margin-right: 8px;
    117     color: rgb(255, 255, 255);
    118     font-size: 21px;
    119     font-weight: 600;
    120     text-align: center;
    121     padding: 0.42em 0px;
    122     background: rgb(255, 211, 79);
    123     border-radius: 1em;
    124 }
    125 
    126 .dsq-icon-support {
    127     font-size: 72px;
    128     width: 72px;
    129     height: 72px;
    130     display: block;
    131     margin: 0 auto 5px auto;
    132 }
    133 
    134 .dsq-support-list-container {
    135     display: flex;
    136     flex-wrap: wrap;
    137     list-style: none;
    138 }
    139 
    140 .dsq-support-list-item {
    141     text-align: center;
    142     padding: 10px 30px;
    143 }
    144 
    145 .dsq-support-list-item a {
    146     text-decoration: none;
    147     font-size: 14px;
    148 }

  • disqus-comment-system/trunk/disqus.php

    r3019942 r3062199  
    1616 * Plugin URI:        https://disqus.com/
    1717 * Description:       Disqus helps publishers increase engagement and build loyal audiences. Supports syncing comments to your database for easy backup.
    18  * Version:           3.0.24.1
     18 * Version:           3.1
    1919 * Author:            Disqus
    2020 * Author URI:        https://disqus.com/
    … …  
    2525 */
    2626
    27 $DISQUSVERSION = '3.0.24.1';
     27$DISQUSVERSION = '3.1';
    2828
    2929// If this file is called directly, abort.

  • disqus-comment-system/trunk/includes/class-disqus.php

    r1831152 r3062199  
    181181        $this->loader->add_filter( 'comments_template', $plugin_public, 'dsq_comments_template' );
    182182        $this->loader->add_action( 'wp_enqueue_scripts', $plugin_public, 'enqueue_comment_count' );
     183        $this->loader->add_action( 'comment_form_before', $plugin_public, 'hide_block_theme_comment_section' );
    183184        $this->loader->add_action( 'wp_enqueue_scripts', $plugin_public, 'enqueue_comment_embed' );
    184185        $this->loader->add_action( 'show_user_profile', $plugin_public, 'dsq_close_window_template' );

  • disqus-comment-system/trunk/public/class-disqus-public.php

    r2454222 r3062199  
    239239    }
    240240
     241    /**
     242     * Hides the comment section block for WP block themes.
     243     * This prevents the WP block comment section from appearing briefly before being replaced by Disqus.
     244     *
     245     * @since    3.0
     246     */
     247    public function hide_block_theme_comment_section() {
     248        ?>
     249            <style>
     250                .wp-block-comments {
     251                    display: none;
     252                }
     253            </style>
     254        <?php
     255    }
     256
    241257    /**
    242258     * Determines if Disqus is configured and can load on a given page.

  • disqus-comment-system/trunk/public/js/comment_embed.js

    r2538249 r3062199  
    2424
    2525(function() {
     26    // Adds the disqus_thread id to the comment section if site is using a WP block theme
     27    var commentsBlock = document.querySelector('.wp-block-comments');
     28    if (commentsBlock) {
     29        commentsBlock.id = 'disqus_thread';
     30    }
    2631    if (document.getElementById(disqus_container_id)) {
    2732        var dsq = document.createElement('script');
    … …  
    3035        dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
    3136        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
     37    } else {
     38        console.error("Could not find 'disqus_thread' container to load DISQUS.  This is usually the result of a WordPress theme conflicting with the DISQUS plugin.  Try switching your site to a Classic Theme, or contact DISQUS support for help.");
    3239    }
    3340})();
Note: See TracChangeset for help on using the changeset viewer.